Caley Ostrander
 
 
 
 
 
 
 
 
 
caley-ostrander-birchbox-cb.jpg
 
 
 

An improved system of searching, filtering and faceting to improve the shopping experience on Birchbox.com

 
 
 
 
 

THE BRIEF

Birchbox, the beauty subscription startup, was looking to improve its overall online shopping experience. The main goal was to improve overall conversion via a twofold execution: 1) improve the search process, allowing people to move fluidly between categories and be able to better filter & refine results, and 2) Find products relevant to them based on their beauty profile and via curated content. 

THE SOLUTION

The work centered around the mobile app, then scaled to desktop and mobile web. The filter, sorting and refinement experiences were all redesigned and a view toggle was added on the product grid to allow users to scale up or down the product imagery. A "profile match" toggle was added in to pair products with specific user profiles, and content blocks pulled in from the popular Birchbox blog were injected into the product grid for a more curated feel. 

 
 

 

User Research & Testing

Animation

App Design

Icon Design

User Experience Design

User Interface Design

Interaction Design

Prototyping

 
 
Screen Shot 2017-09-18 at 9.41.48 PM.png
 
 

Process Sketches: UI

photo2.jpg
photo5.jpg
Photo Sep 19, 16 29 52.jpg
 
 
Screen Shot 2017-09-18 at 9.47.48 PM.png
 
 
 
caley-ostrander-birchbox-3 phones.png
 
 
 
 
 
 
 
 

Filters and facets were informed by customer insights and user research, and then organized in a way that was and easy to navigate yet robust enough for power users.

 
 
 
 
 
Screen Shot 2017-09-18 at 9.49.31 PM.png
 
 

Watch the Full prototype:

 
 
 
 
 
Screen Shot 2017-09-18 at 9.52.39 PM.png
 
 
 
 
caley-ostrander-birchbox-mobileGroup 4.png
 

ADDITIONAL CREDITS

Photography: Charlie Cooper, Kathleen Lynch, Lyndsay Nevins

Box design: Allison Cruzado

Screen Shot 2017-10-17 at 7.47.54 AM.png