Top of Page

Roarbikes

An e-commerce website and mobile app bike shop

Role

UI Designer

Duration

1month

Tools

Whimsical

Adobe XD

Adobe Photoshop

OVERVIEW

About the project

Roarbikes was the project I built as part of the Adobe XD course on Udemy. I applied what I’ve learned to create the aesthetic layout of a desktop and mobile version.

It is a UI project to build an e-commerce website and mobile app for people to browse and purchase three models of bike - Siamese, Sphynx, and Bengal and other accessories. In this project, my focus is mainly on the flow from browsing items to placing an order.

Process

To better understand the process from browsing items to placing an order, I created a user flow as a foundation first. After that, I designed mid-fi and hi-fi wireframes to visualize this.