SASS NAVIGATION REDESIGN
RESEARCH, INTERVIEWS, VISUAL DESIGN

Our main objective was to reconfigure the IA while reducing the overall footprint and design. Navigation that blends with the background when not in use. 

saas_nav_pain_points.png
saas_nav_persona.png

Old design
Two-level, legacy navigation is weighed down by multiple colors and type treatments, extraneous navigation and links, and hard-to-follow two-stage orange navigation.

Updated visuals
The redesigned employs new IA, a limited color palette, improved typography, and a thin profile creating a usable, unobtrusive navigation.

Research

  • Interviews with internal stakeholders
    and customer service

  • Beginner and power users

  • A/B testing with users

  • Mood boards with stakeholders

Result
User interaction on pages normally buried or undiscovered increased within six months of post-launch. Years later, this design is holding strong. A testament to the research, collaboration, and execution of the UX/Visual team.

sass_nav_new.png
sass_nav-dropdown.png

Initial Stakeholder Moodboards

Moodboards

Dark & Sophisticated
press to zoom
Light & Airy
press to zoom
Open Space & Clean
press to zoom
Technology & Futeristic
press to zoom
Angular & Highend
press to zoom
Organized & Modular
press to zoom
Brave new world & Sky is the limit
press to zoom
Fun & Best friend
press to zoom
Synthesized Moodboard
press to zoom
1/1