Gregg’s Cycle
website redesign
CONTEXT
Gregg's Cycle first opened its doors in 1932, one of the oldest bike shops in the Northwest with three Seattle area locations. Gregg's Cycle current website doesn't successfully promote new features and doesn't reflect the latest product additions. The redesigned website should reflect the Gregg’s Cycle brand values of inclusivity in an experience that instills confidence with a layout demonstrating simplicity.
ROLE: Interaction Designer, Visual Designer, Information Architect, Content Strategist
My role was to provide an unsolicited redesign of the website of an iconic local Seattle brand.
DURATION: Two Weeks
DELIVERABLES: User Flows, Competitive Analysis, Paper Prototypes, Lo-Fi Prototypes, High Fidelity Interactive Prototype, Comprehensive Samples
INSIGHTS
After interviewing the staff at a Gregg’s Cycle location, I discovered a feature that distinguishes Gregg’s from competitors. ‘Grow with Gregg’s’ is a kids bicycle trade-in refund program that benefits parents who need to replace a kids bike when they grow out of their current bike. The target user persona provided was a budget conscious parent seeking confidence they were getting the best value on a bike purchase. The vision became clearer, a redesign of the Gregg’s Cycle website to effectively promote competitively unique features while communicating the value of its products to customers.
SOLUTION
The main menu navigator was reduced to from seven to five categories. The revised secondary menu would have no more than eight choices per primary category. The one feature that makes Gregg’s Cycle unique is ‘Grow with Gregg’s’ a trade up refund program for kids bikes. On the current website, this feature was not discovered when tested with users. With a content strategy in mind, I used the details of this trade-in program to create a claim of up to 40% to entice users to click on the feature to learn more. This metric is based on the stated $130 refund on a bike type that had the lowest original cost of $325.
RESULTS
The usability tests were conducted by asking participants to place themselves in the mindset of cost-conscious parent purchasing a kids bike. First on the current Gregg’s website then on the prototype. I learned from the first prototype that elevated the Grow with Gregg’s in the carousel didn’t work, users didn’t notice it. In this revised version users saw the feature on the home page as they scrolled down, indicating the new location of the feature was an improvement.
“It’s great how much money I could save is made so clear”
“I like that the bike reviews have priority at the bottom of the page”
”A cleaner look, less options all at once”
PROCESS
Competitive Analysis
Gregg’s Cycles doesn’t provide home delivery for bikes as some of its competitors offer. Purchasing a bike online from Gregg’s requires a buyer to pick up the bike from one of three locations in the greater Seattle area. This was to ensure a bike was correctly set up for the rider, this meant that the online experience would always be linked to the in-store experience. After interviewing the staff at the Greenlake location, I discovered a unique kids bicycle trade-in refund program that benefits parents who need to replace a kids bike when they grow out of their current bike.
Persona
Problem Statement / Strategy
PROBLEM STATEMENT
A parent needs a way to be confident they have found the best deal on a kid’s bike purchase because they are cost conscious and have high expectations.
I believe that by elevating selected features at Gregg’s Cycle I will create satisfaction with money savings for a parent.
I will know this to be true when parents become repeat customers at Gregg’s Cycle.
STRATEGY
Elevate messaging of the kids bike trade-up refund feature
Prioritize latest additions and reviews
Create a simplified navigation experience, a logical content structure
Deliver an experience that will attract bike purchasing parents and increase customer retention for Gregg’s Cycle
Current Sitemap
A sitemap overview of the current Gregg’s Cycle website layout.
1 A notable aspect of the site is how many choices are placed in the drop window under ’Shop.’ A total of 10 subcategories and 68 items are displayed at once when the user clicks ‘Shop’ from the primary navigator.
2 The location of the "Grow with Gregg's" refund feature made it difficult for users to find.
Feature Prioritization / Card Sorting
The card sorting activities took place in multiple phases. The first was a closed sort of Gregg’s Cycle website features. I performed it myself by focusing on the mindset of the target persona. Taisha Vargas would assist in the next two activities.
The second was an open sort with the same goal but allowing someone to title the groups. The subject of the third and fourth card sort was to prioritize the steps of buying a bike. What I learned from these activities revealed overlapping themes for feature groupings and provided a starting point to apply to the prototype to come.