[EPIC] Chrome Redesign

Big Picture Vision

Redesign the chrome so that it has the appropriate visual hierarchy, it looks and behaves consistently across the pages, it provides a home for certain elements in the UI, and state management works as expected.

User Story

As a user I want my navigation and back stack to work as expected so that I can move among the pages in the application without hitting any unresolved URLs or losing track of where I have been no matter if I press back in the browser or in the application.

As a user I want the chrome of my application to be responsive to my direction and look and feel the same everywhere in the app so that I can transfer my knowledge and expectation of how it works to all the pages in the system.

##PROBLEM
Our chrome is visually dated, doesn’t have a good visual hierarchy, and suffers from inconsistencies in design elements and interaction patterns across different sections, leading to a confusing user experience and hindering usability.
State management is not working as it should, the back stack is not working properly.

Links As Appropriate

• Kickoff deck
• GitHub
• Figma
• Slack Channel
• EPIC Folder in Google Drive

Start with the Chrome Redesign epic and review the linked Figma design, kickoff deck, and EPIC folder. The work is done when the chrome has consistent visual hierarchy and behavior across pages, responsive navigation and back-stack state work in both browser and application controls, and unresolved URLs are avoided.