Vivint Solar.

Brief - After 18 months of UX metric gathering on user performance with the mega nav and footer we concluded that a 2nd iteration was necessary. Using the quantitative data collected redesign the nav and footer.

Problem - Figure out what areas of the mega nav and footer needed to be redesigned and which parts to eliminate. One of the pain points we collected through our user interviews was the sheer size of the mega nav. Between the utility bar, mega nav, lateral nav, breadcrumbs, ribbon bar and sticky bar we found that it took up at least half of the screen real-estate on certain screen sizes. 


Goal - Simplify the design while determining best practices for providing a functional and more enjoyable user experience. Also making sure that eliminated page sections could still be accessed through a happy path user flow. 


Outcome - We combined the utility bar and mega nav into one section. We followed a Top-Left-Left 3 level nav layout which according to some studies have shown a faster navigational usage time. We eliminated the lateral nav bar completely and worked those remaining pages into a left hamburger menu. We kept the breadcrumbs for global awareness purposes and instant back-linking capabilities. We kept the ribbon and sticky bars for legality and PPC campaign reasons. Doing some user research analysis, gathering footer clicks for over the past year determining which links were actually used. These metrics were collected using Hotjar and Google Analytics. With that data we redesigned the mega footer into a much more simpler and elegant one. We’ll be continuing to collect and test design patterns on these components and integrate as needed.