Katie Lamp

Walgreens Mega-Menu

Adding a navigational path to Walgreens’ product sub-categories

KEY CONTRIBUTIONS:

  • INFORMATION ARCHITECTURE
  • PROTOTYPING
  • WIREFRAMING
  • INTERACTION DESIGN

PROBLEM

Original Product Menu

Walgreens’ product catalog covers a large number of categories and sub-categories, which might not be obvious to the casual shopper who is just browsing. Our main goal was to increase a user’s ability to explore and find what they needed.

MY ROLE

Mega-menu board sketch
Mega-menu Initial Idea 1
Mega-menu Initial Idea 2
Mega-menu Initial Idea 3

I was responsible for creating the wireframes and prototypes for this project, which went through several iterations as the project team learned the capabilities of the systems feeding data to the menu. One of my key contributions was to partner with the product setup team, who manages the product category hierarchy. For the new navigation menu, one critical change was that the order of categories would now be dynamic, based on business priorities.

 

RESULTS

Mega-menu as launched

The change from the previous fly-out style menu accomplished a few key things: exposing a deeper look into the product catalog at a glance, creating promotional spots that could be used by brand partners, and most importantly, a 5% increase in revenue over the control in an A/B test. Extrapolated out to a year, the new menu is projected to increase revenue by $5 million.