screenshot of Code of Support website
 
 

Project Objectives

Create an inviting and modern visual identity

Restructure the website to meet the needs of multiple users

Highlight the excellent work of the foundation in an intuitive and engaging manner

 
 

The Process and Approach

The Code of Support Foundation’s website had a hard to navigate structure. That meant visitors seeking the immediate support of the Foundation were struggling to find what they need. The visual identity was also outdated and lacked cohesion.

Visual Identity

We first revised the visual elements of the brand, keeping their logo and building a color palette and typography to match a new era for the organization. We kept it patriotic, but modernized the cohesive identity.

Content Strategy

The website had grown very large and flat. It lacked hierarchy and an intuitive structure to the content. This meant that visitors had trouble finding what they were looking for and the organization had trouble highlighting what mattered. Connecting these two needs was the basis for our content strategy.

User Experience

We restructured the site, combining certain content and separating others. We prioritized the needs of the veterans seeking support, driving them to help and the services of the Foundation as quickly as possible.

Website Design and Development

Pulling it all together we built wireframes that met visitors needs, and displayed the full breadth of services and programs offered by the Foundation. Applying our visual style, it all came together.

 
screenshot of Code of Support website
Previous
Previous

Schoolhouse Supplies