Goal
Create a user friendly website layout that is easy to follow and consistent across the site. Colors, images, and fonts used had to stay true to the SUNY Brockport brand guidelines.
Existing Problems
On mobile, there was too much scrolling when trying to find information. The main cause of this was an overabundance of images.
Design Solutions
Pictures where kept but to save space, they’d only appear once the dropdown was clicked. This saved space but still kept images to visual context. A feature was added to help create multiple ways to arrive at each page.
For the Student Resources “Enhance”, “Explore”, and “Engage”, different images are associated with each. Users can either click the pictures or the named dropdowns to navigate to the appropriate page they are looking for.
To make navigation easier, a bar was added at the top of the page showing where you have been and what page the user is currently on. This adds clarification if you ever need to reefing a page and also acts as a navigation panel. If you click, “Student Resources” for example, it will take you back to that page without clicking a back button a million times.
Create a user friendly website layout that is easy to follow and consistent across the site. Colors, images, and fonts used had to stay true to the SUNY Brockport brand guidelines.
Existing Problems
On mobile, there was too much scrolling when trying to find information. The main cause of this was an overabundance of images.
Design Solutions
Pictures where kept but to save space, they’d only appear once the dropdown was clicked. This saved space but still kept images to visual context. A feature was added to help create multiple ways to arrive at each page.
For the Student Resources “Enhance”, “Explore”, and “Engage”, different images are associated with each. Users can either click the pictures or the named dropdowns to navigate to the appropriate page they are looking for.
To make navigation easier, a bar was added at the top of the page showing where you have been and what page the user is currently on. This adds clarification if you ever need to reefing a page and also acts as a navigation panel. If you click, “Student Resources” for example, it will take you back to that page without clicking a back button a million times.