— PROJECT NAME
Roar Bikes
— ROLE
UX Designer
UI Designer
— DATE
01/2022
Roar Bikes is a company that sells high end bikes to their enthusiast audience through their ecommerce website.
Problem
Creating a visually appealing online store for Roar Bikes to sell their three bike models to their potential audience.
Research
In the research phase of this project, I conducted user interviews remotely over the phone in order to get a better understanding of the problem. I was most interested in getting qualitative feedback about the site to gauge how to go about the redesign of the site. After the interviews I learned that the site’s appearance played a great deal in the perception of the users.
Persona
Jake was the persona used to help guide the design process and create a website he would like to visit.
Competitive Analysis
I looked at Santa Cruz Bikes, Swifty Scooters, and Yeti Bikes to conduct a competitive analysis for the Roar Bikes web store. The competitors were great to help establish visual cues and aesthetics users expect along with product page layout and features that users expect.
Sketches
Initial sketches to work out the rough layout for the various pages.
Wireframes
Home Page
Cart Page
Product Page
Shop Page
User Testing
Users tested with wireframes first for general flow of the site.
Then they tested with high fidelity mockups and had overall positive feedback. But ended up adjusting things like changing the font to be more exciting and meet users expectations. Also users mentioned pages felt the pages were too simple so the page design was edited to add more visuals to delight and add trust for the users.
Also tested a version with no shop page and just a landing page navigation and every user preferred version with a dedicated shop page.
The task assigned to the users was to go through the purchase process for whichever bike they wanted.
The User testing sessions were a combination of in person and remote sessions. All sessions were moderated or moderated remotely.
UI Design
