Cago bike website
Cago bike is the cargo bike brand that offer customizing colors for each components so that customers can build their personalized cargo bike. They offer quick, easy and simple bike builder. Typical customers are parents, dog owner and business owners between in their 30-50.
Project duration
April 2022-May 2022
My role:
UX designer leading the Cago bike website design
Conducting interview
paper and digital Wireframeing
low and high fidelity prototype
Responsibilities:
conducting usability study
accounting for accessibility
iterating on design and responsive design
The Problem
Customize process is often complicated online and picking one base model from huge amount of choice is hard.
The Goal
Cago bike provide simple and easy navigation to buid own bike and listed the important points with product images so easy to compare similar items in one page.
User Research: Pain Point
User Flow
01
02
03
Navigation
Inspiration
Customizing bicycle online is often complicated and hard to complete.
Many of bicycle brand or store website has huge amount of information to read and often overwhelming so it is hard to pick one right model.
Users doesn’t know how they want to custmize the bike. They need some inspiration-.
{Understanding the Users}
Persona
User Jourrney Map
{Starting the Design}
Site map
Paper wireframe
→
Digital wireframes
Usability study: parameters
Usability study: findings
{Refining the Design}
Change 1
Adding another page for pop up to show the added item.
Change 2
After completion of customize, related additional items for specific models will come up.
Mockups: Original screen size
Mockups: i phone screens
Accessibility considerations
01
02
I used different sized text for heading for clear hierarchy.
I used detailed images of bike and each steps so that user can see the result of customization. This helps all users to understand how the cutomize flow is.
