Mobile Navigation

Crate and Barrel

 
 

My Role

Visual Design Lead

 

Skills & Processes Used

Visual Design, User Experience Design, Research, User Flows, Usability Testing, User Interviews, Rapid Wire-framing, Rapid Prototyping, Design QA, Design Sprint Methodology

 

The Crate and Barrel’s Path to Purchase eCommerce team had a few of its members participate in a design sprint to re-evaluate and improve the mobile navigation experience for the customer. In this week-long design sprint, we were able to find answers to critical business questions through design, prototyping, and usability testing.

The week-long sprint was productive and successful. On Monday, we mapped out the problem and found our starting place. Tuesday, we focused on the solution and each team member sketched out iterations of possible solutions. On Wednesday, we critiqued the sketches and narrowed them down to two directions, and built out a storyboard for each. Thursday, we split into teams and designed and built out high-fidelity prototypes. On Friday, we put our functioning prototype in front of customers for usability testing.

After completion of the design sprint, we chose the winning prototype and began to refine those designs and interactions, which then led to iterative launches to the site.

 

Brain-storming / Site-mapping / Card Sorting

 Design Sprint Notes

Early Wireframes

 
 

The Driving Goal & Purpose

“Create a simple and engaging experience that helps customers quickly find what they are looking for while encouraging exploration by elevating other products and Crate and Barrel benefits and services.”

 
 
 

The Team and Voting of the Wireframes by Stakeholders

The Winning Wireframes

The Two Condensed Versions - Final Wireframes

(Taken from the best parts of the 3 winning wireframes)

 
 
 

“Understand | Diverge | Converge | Prototype | Test”

 
 
 

The Prototype

Final Designs

Before & After Comparison

Previous
Previous

Group Gifting

Next
Next

Sectional Planner