Greg Maguire
LeftNavThumbnail.jpg

Navigation Menu

Arts People Navigation Menu

Updated, responsive navigation menu for desktop and mobile

Role: UX/UI Designer 

 

 
Nav_Header.png
Screen Shot 2018-03-21 at 3.03.49 PM.png
Screen Shot 2018-08-04 at 2.38.59 PM.png

Problem

We learned that over 60% of our users log into the system using mobile or tablet devices. The existing navigation menu hadn't been optimized for mobile and needed a fresh face.  

Early_Nav_Desktop_iPhone.png
Screen Shot 2018-03-27 at 3.39.35 PM.png

New Logo and Custom Iconography

 

In addition to the navigation redesign, the company logo was simplified. I utilized the grapefruit gradient outlined in our style guide so that it would pop against a dark background. 

New_Logo.png
 
Logo_Icons.jpg
Screen Shot 2018-03-27 at 3.39.35 PM.png

New Design

The new navigation menu needed to function well on a mobile device, so I created a slide out menu that could be toggled on and off with the tap of an icon fixed to the top of the screen. 

Nav_Mobile_iPhone.png
Nav_Desktop_Collapsed.png
Nav_Desktop_Expanded.png
 
 

View more projects: