Case Study 1
Navigation Redesign
A navigation experience rebuilt to stay clear and explorable as BSP's databases grow.
Problem
Users couldn’t easily access all of the databases
Previous UX flows were only designed for the single program database, and less metadata attributed to each entry, limiting access to all corners of the site.
Previous Design built just for programs (Not my work)
Design Goal
Bring visibility to new data
Create more entry points throughout the site to explore and learn seamlessly between programs, competitions, and their respective pages.
Desktop navigation usage (search hover, subject pick, category pick, more filters)
UI Layout
Restructured navigation hierarchy: search, tabs, filters
The layout aims to keep users aware of their selections and location throughout the browse experience.
Desktop navigation usage (search hover, subject pick, category pick, more filters)
Filter Modal
Icon driven filters to for quick readability
Introduce icon association with metadata filters that will be used frequently throughout project and competition pages.
Mobile navigation usage (Menu expand, subject pick, category pick, more filters)
Mobile Compatability
Condense navigation for familiar mobile interactions
Mobile navigation usage (Menu expand, subject pick, category pick, more filters)
Filter modal