Client
REI

My Role

UX Researcher
UI Design

 

Summary
A case study – redesigning REI’s site. Small improvements with the site’s information architecture can create a better customer experience. Through research and analysis, I learned that REI’s lack of features and hierarchical organization does not inspire potential sales.

 
Website Banner Copy 8.png
 

Problem Statement
REI customers express a preference for in-store versus online shopping experience. How might I offer a more intuitive user experience online while maintaining brand identity and objective?

 
 
 

Solution
My proposed solution is destination that achieves the following:

 
Screen Shot 2020-04-17 at 5.11.36 PM.png
Screen Shot 2020-04-17 at 5.12.13 PM.png
Screen Shot 2020-04-17 at 5.12.39 PM.png
 
 

Value Proposition
I am seeking to easily inform the customer of product details while also simplifying the checkout process. I want to do this by making product details more discoverable and creating checkout process that limits the amount of steps a customer must take to purchase an item.

 

Project Goals

 

1. Redesign current nav bar to reflect universal terms users are familiar with.

2. Introduce features that will help users access information or pages in a more efficient time across the site.

3. Redesign drop down menu – reducing categories, introducing informational hierarchy, utilizing universal terms.

4. Redesign product summary page with visual and informational hierarchy.

Laptop_REI.gif
 
 

Approach
To gather insights on current user experience and customer behavior, focusing on drivers and pain points when browsing and shopping online.

 

• Screener surveys

• Market research analysis

 

• Personas

• Prototype testing

 

• Customer interviews

• Observational research

 

• Customer journey

• Information architecture

 
 
 
Screen Shot 2020-04-20 at 6.41.41 PM.png
Screen Shot 2020-04-17 at 5.17.28 PM.png
Screen Shot 2020-04-20 at 6.44.02 PM.png
Screen Shot 2020-04-20 at 6.44.23 PM.png
Screen+Shot+2020-04-20+at+6.44.33+PM.jpg
Screen Shot 2020-04-20 at 6.42.11 PM.png
Screen Shot 2020-04-20 at 6.44.59 PM.png
Screen Shot 2020-04-20 at 6.45.14 PM.png
 
 
 

Usability Tasks & Scenarios
The following are tasks and scenarios utilized to conduct the usability tests.

1. You need a warm jacket for a camping trip. You only have $200 to spend.
– Go to the REI website and find a fleece jacket and add the jacket to your cart.

2. You are browsing the REI homepage and want to ask Customer Service a few questions.
– Chat with Customer Service.

3. You are new on REI and want to make a purchase.
– Make a purchase without creating an account.

4. You are going cycling with some friends and need something to keep you warm.
– Browse through the jacket selection and Quick View an item before adding it to your cart.

5. You are on a road trip and want to place and order before you arrive at your destination.
– Go to mobile site and repeat task 1.

Results
Task Completion Success:

 
Website Banner Copy 10.png
 

User Types
I identified three user types that interact with the REI brand – deciding to focus design efforts on the Camping Enthusiasts as they represent the biggest opportunity for growth.

 
 
Screen+Shot+2020-04-20+at+7.28.01+PM.jpg
1_-uuGN-w6S0MFGOBjNPV7gw.png
 
 

Current Information Architecture

 
Screen Shot 2020-04-20 at 7.41.57 PM.png
 
 

Competitive Comparative Analysis
The information below concludes that Paragon Sports and Vans hold the closest model to REI in the competitive and comparative field. REI’s e-commerce strategy should reflect that of its competitor Paragon Sports, while including relatable content for its target audience, similar to the Vans site.

 
 
Screen Shot 2020-04-20 at 8.55.18 PM.png
 
 

Competitive Matrix

 
Matrix.jpg
 
 
Web REI.jpg
Web Paragon Sports.jpg
1_r5RuWj8v7vcT7MRq3PEMHQ.png
 
 
 

Wireframes

 
Screen Shot 2020-04-24 at 6.20.31 PM.png
Screen Shot 2020-04-24 at 6.18.40 PM.png
Screen Shot 2020-04-24 at 6.20.42 PM.png
Screen Shot 2020-04-24 at 6.20.05 PM.png
Screen+Shot+2020-04-24+at+6.21.05+PM.jpg
Screen Shot 2020-04-24 at 6.20.23 PM.png
 
 
Website Banner Copy 10.png
 

Design
Prioritizing information Side by side comparison: current site on the left, redesigned site on the right.

 
REI screenshot.png

 

 
 
1_pA-3qj24brREsl0Hmnav_g.jpg
 
 

Features