Mobile Navigation Redesign

Under Armour


The Why

Navigation has a much higher usage on desktop than mobile despite mobile being the majority of traffic. Improving mobile navigation can give customers faster access to products.


Scope

  • Usability enhancements

  • Design element enhancements


Audit

  • Current State: Mobile has a fire icon (visual element) and an additional level of nav (3 vs desktop’s 2) 

  • Competitors: Use of icons/images and accordion treatment

  • Consumer Insights:
    1) On mobile, there is a 12% "drop-off" rate between hamburger taps and nav taps

    2) Addition of Shop All links and Featured on the 1st level nav (links allowing consumers to get directly to product) improve RPV & CVR


Prototypes


User Testing Findings

  1. Majority of participants preferred the prototypes over the current on-site nav menu experience

  2. The accordion treatment with icons allowed participants to access product easily and more efficiently than the control and progressive nav prototype


A/B Testing Results

  • Challenger A had a significant lift in RPV

  • Challenger A had strong lifts for order conversion, nav engagement, and product views per visit

  • Challenger B had a flat RPV in comparison to the Control

 
 
 
 

Current State


Prototypes


User Testing Findings


Final Design


Iconography