The Bike Shop

Your Ride. Your Way.

Overview

The Bike Shop is a mobile app created for a bike shop to assist cycling enthusiasts alike. For this project, the focus was to provide users with a one-stop-shop where anyone from a beginner to an expert cyclist could find everything they may need.

Role
UX Research, Branding, Product Design, Wireframing, Prototyping

Tools
Figma, Adobe Creative Cloud Apps

Timeline
1 Week

The Problem

When searching for a new bicycle or parts, users spend hours conducting their own research to find out what bike will work best for them while also hoping their decision will be affordable, reliable, and available to them.

Research

To kickoff this project, I chose to use a qualitative research method which consisted of a competitive analysis report, persona hypothesis construction, and user research. I targeted 5 participants that would help me gain insights to the current process of confidently purchasing a new bike and accessories.

USER PERSONAS

COMPETITIVE ANALYSIS

I conducted a competitive analysis to understand my competitor's strengths and weaknesses. There are both direct and indirect competitors throughout the country, however, most direct competitors are local and The BikeShop has the opportunity to provide services across the country. By creating a one-stop-shop for these items, The BikeShop app can be one solution to all user needs.

A majority of the features across competitors were very similar, however, I noticed some main areas of focus which The BikeShop app could capitalize on:

Specialization of Products
Usability and Accessibility Problems
Payment and Checkout Process

USER FLOW

A user flow was created for the persona of Orso. I wanted to understand how he might move through the app from when he first opened it, found a bike that fit his budget, and placed his order.

Ideation

I took the information I've gathered and began creating some initial wireframes to explore app layouts and testing flows throughout the app that would meet the goals of the user.

LO-FI WIREFRAMES & MOCKUPS

The initial wireframes were informed by the user flow. Each progression through the app would bring the user closer to finding the item they were looking for and placing the order.

Usability Testing

My research goal during the usability test was to identify if users could navigate easily through the app and complete basic tasks such as viewing products and placing an order.

RESEARCH QUESTIONS

How long does it take for a user to find and purchase a bike?
What can we learn from the steps that users take to buy a bike?
Are there any parts where the users are getting stuck?
Are there design changes I can make to improve user experience and receive more purchases?

METHODOLOGY

Unmoderated usability study, consisting of 5 participants each completing the study on their own. The usability study will occur remotely between April 15 & April 16. Each session will be between 5-10 minutes and followed up by a System Usability Scale questionnaire.

RESULTS & ITERATION

After the usability study was completed, I gathered my findings and iterated the designs. Many users found it difficult to navigate throughout the app. My main focus was to redesign the navigation and provide users the ability to move forwards and backwards through the app with ease.

Branding and Style Guide

The branding was focused around creating an energetic, sporty and vibrant feel. I wanted users to feel confident and excited for their purchase as they progressed through the app.

Google Sites

Report abuse