Northwest Sports header image
Mapping the E-commerce trails for a better shopping experience
Project Overview

In this conceptual case study, the objective was to find a small local business that needed help with their online presence; in terms of organization, navigation, or usability. Next, redesign the site's desktop website to improve the search and check-out functions for online shoppers.

Methods
User survey, user interviews, affinity mapping, competitive/comparative analysis, usability tests, personification of the user, user journey mapping, information architecture, wireframes and prototyping.
Role | Full stack UX designer
Tools | Figma
Duration | 2 week sprint
Shop from home online
Initial Problem              

Re-working a local business's e-commerce website that can will help users shopping experience, by paying close attention to how users can interact with the business for easy-to-use, quick and hassle-free purchases.

The Solution

By proposing updating current information and refiguring navigational pathways Northwest Sports will be able to offer users a simple navigable site that allows for more potential business. The proposed prototype will display easy usability.

Designed For:
Exploration explanation
Accommodation explanation
Quality explanation

Stage 1 Empathize

Competitor and Comparator Research

After combing through, oh, so many websites and features offered by competitive and comparative sites, this list was crafted as possible helpful features from other sites that could help Northwest Sport’s site:

Image of REI helpful featuresimage from Dick's of helpful features
The competitor and comparator sites researched:
User Research                  
Chatting with a million people (maybe not that many)

To get a better feel of what users really wanted out of their e-commerce websites and why they choose to shop online, a survey was passed around. Which led to interviews with three different people who occasionally shop for activewear online.
100% of users agreed to shopping online for convenience and easy access.
When asked why convenience and easy access was important to their shopping experience their answers started to vary. From items not found or offered locally, to easily being able to determine if a product was good based on other user reviews or getting a new previously purchased item shipped quicker. The kicker, most were willing to sacrifice their time and money to get a well-made and liked product.

Persona
Persona image
Name:
The Hobbyist Homebody

About:
The Hobbyist Homebody, wants to spend all his free time on his extracurricular activities, be that outside or inside his home in the woods. He’ll happily spend his time researching new products online that can help with any of his endeavors.

He typically likes to keep to himself, meaning you won’t find him out and about in social groups. If The Hobbyist Homebody runs into a snag and can’t buy an item he wants or needs online, he gets a bit grumpy at having to hop in the car to head to the store.

One could say The Hobbyist Homebody is one with nature and nature is one with him. Hiking is one of his many interests, and he might be in the market for a new pair of boots soon!
Frustrations:
  • Needs to be able to order and buy items online
  • When he needs something he’s never bought before, he will take the time to research a good product  
  • Wants to interact with websites that are easy and offer free shipping
Needs & Goals:
  • Crowded malls
  • Social groups
  • Not having very many product choices
  • When things are overpriced
Behaviors:
  • Relaxed
  • Lone-wolf
  • Pretty sure he knows what he likes and wants, and sticks to the “same old, same old.”
  • Always busy doing something around the house.
The User’s Journey
Noting the obstacles along the path

From here, we asked our persona to get ready for an adventurous hiking trip by purchasing a few new products from Northwest Sports current website.

Scenario: The Hobbyist Homebody is shopping for: one medium shirt, one pair of pants size medium or 34/32, one pair of boots size 12 and a set of trekking poles.

User journey map

End Results: Northwest Sports might not have had the first choice in every product our persona wanted but they did offer better prices and name brands.

Stage 2 Define

User Flow
Comparing the old to the new

After dissecting Northwest Sports old user flow, it is clear to see that their e-commerce portion of the site is working well and is not the issue for the users. The new proposed user flow is just a shortened version to help with the inputting information process for users making online purchases who might be shipping items.

Stage 3 Ideate

Sitemaps are Maps Too
Creating new trails to blaze

From this point in the research, it is easy to determine users are struggling the most with the navigation of Northwest Sports site. Below you can see a new proposed site map with many new paths to help break up the products offered:

Stage 4 Design

Usability Testing of the Mid-fidelity Prototype
Stretching our insights into the the users mind

Users were asked to perform one over all task on the mid-fidelity prototype; purchase a red knit woman’s top. 100% of users were able to complete this task in under a minute.

Notable changes that need addressing:

E-commerce Design Evolution
Low, mid, high fidelity design prototyping
Final Prototype
Desktop High Fidelity Figma Prototype
Click Here
Next Steps
Stretching our insights into the the users mind

Thank you so much for
reading my case study!

Next Case Study
Back to the top