Roar Cycles
Wireframes and a hi-fi prototype for a site and mobile app that lets customers explore Roar Cycles' three models, customize a build and place an order, created for a design certification.
My role
This was a project based on a hypothetical scenario specifically done for a certification I earned, so I had full control of the UX/UI, animation and visual design from start to finish.
The problem
Roar Cycles is a small company in need of a new website that would reach a wider audience of young adult riders with an eye for quality craftsmanship. They have a few stores and also wanted to streamline their online sales process. Each bike is built custom based on 3 model types and they also have apparel and merchandise for purchase.
The solution
A custom site and mobile app that showcases the 3 bike models and displays various customization options, an online merch shop, and store finder. The primary goal was allowing customers to place and track online orders.
At a glance
- 3 bike models fully customizable
- 2 platforms web and mobile app
- New sales channel fulfill orders online
Project features
-
Bike page with color customizer -
Desktop hi-fi screens -
Mobile bike page and shop -
Merch shop -
Dealer finder -
Desktop wireframes -
Mobile wireframes -
Order checkout flow
Lessons learned
At this point, I had done a UX certification or two online and had plenty of real agency experience, but I had just gotten laid off from my job after over 10 years. I decided to focus on this as a side project while I was job hunting and it was really the first time I could use my entire hybrid experience design/visual design skill set in a complete way. Looking back, there are plenty of things I'd change knowing what I know now and given the tools I live in day to day. I think it highlights how quickly things have changed in the industry in just a few years, but proof that I never really stop learning.