pages
To establish a sense of cohesion across the website, we created a consistent header image layout for each page and sub page
original
redesign
the difference
Each main page has an image, page title, and brief description header layout while each sub page has an image and page title as a header layout. By creating consistency across these pages, the user can easily identify where what part of the website is being viewed.
When viewing NAMI's original website design, my team and I discovered a few key issues. While the website was functioning, it did not encourage user experience. Often times, the information was cluttered and it was difficult to tell which parts of the web pages were important. With this in mind, our mission was to break up the information, establish hierarchy, and provide calls to action.
Our first method of solving these issues was incorporating color to better reflect the organization's aesthetic. Next we changed the typeface to a rounded sanserif font because it represents a smooth transition to a positive state of mind. After establishing the aesthetic through color and typography, we worked on breaking up the information and highlighting important features. We accomplished this by adjusting the layout and adding visual elements such as the yellow color bars to establish hierarchy. Finally, we implemented a creative call to action on the home page to increase user interaction.
original
redesign
NAMI
website redesign
Jan 2022— May 2022