Roar Bikes

Team

Personal Project

Tools

Adobe XD

Miro

Unsplash

Timeline

June 2021-Aug 2021

Background

This project was an Adobe XD Udemy course assignment to design a mobile application for a bike shop. Roar bikes is a manufacturer of small run, contemporary bicycles sold exclusively from their application. Roar bikes currently have 3 models of bike to purchase (Siamese, Sphynx, Bengal). Along with purchase, the app is has features like feed to get reviews of customers, tracking your distance, accessories and nearest bike races for interested people.

Click on the Image to Start the Prototype now!

User Profiling

28, Software Engineer, California

Jake is a software engineer working in the Bay area. Coding and biking is what brings him happiness. He is really passionate about biking to various spots near-by. He likes to join groups who do that occasionally and would love to participate in some local races. He loves to buy all the latest cycling gadgets, explore trending spots and record his progress. This is what he looks forward to do during weekends, when he is not coding.

User Flow

High-Fidelity Prototypes

Onboarding and Homepage

The onboarding art boards highlight all the main affordances of the Roar bikes application. It helps the users understand what to expect before signing up. The expected action of "Next" is highlighted every 5 seconds so that the user is guided where to click and is not lost. The three circles at the bottom give a sense of how many onboarding screens to expect before signing up.