Technology Used:
Figma, CSHTML, LESS, AngularJS, C#, TypeScript
Presence Navigation UI
This project focuses on a redesign of Presence's navigation bar. Initially, the bar was clunkier and segmented into 4 categories, which made it difficult for users to find the many pages they wanted to navigate to quickly. In this redesign, I focused on making the navigation bar sleeker with a slimmer initial state but full of necessary information when the user chooses to view it. I also pulled the colors from the hero background onto the button to make the product more visually consistent throughout the application and sprinkled in simple animations. The entire navigation bar is WCAG-compliant with keyboard accessibility, ARIA attributes, and focus states.