top of page
ads.png

The product

Project duration

The problem

The goal

Role

Responsibilities

We are creating a mobile sales app for bicycle and mountain bikes. We also want to make a community to keep users energized, share and discuss everything related to cycling. Furthermore, we want to improve the service, thus increasing sales with our app.

February 2021 to August 2021

Many users don't know how to choose one
Lack of inspiration to ride cycle daily

Design app with a mentor who can guide the user to help to choose cycle design a community to know more about cycle and host events

UX designer designing from conception to delivery.
 

Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.

Website Chart

Understanding the user

Storyboard
big picture_edited.jpg

Big picture storyboard

closeup_edited.jpg

Closeup storyboard

User research: summary

I conducted interviews and created empathy maps to understand the users I’m
designing for and their needs. A primary user group was identified through research. This user group confirmed initial assumptions about Buycycle customers,
Lack of community apps, No personal trainer after purchasing a bike and many customers don't even know how to choose a bike

Pain points

​

Person on a city bike
Man Holding Bicycle

Which one to buy


Many Customers don't know how to choose a cycle or which brand is leading

Many are seeking help from YouTube vloggers.

Asian man with long hair standing in front of his bicycle

Information Architecture

Too many icons and options are often difficult to read and use

Group of Mountain Bikers

Accessibility

Platforms are not often equipped with assistive tech

Road Bike

Difficult to relate currency

For imported products and users from foreign countries it is difficult to compare price of product

Persona
Pigtailed Girl

Akira Cho

Age: 19

Education: University student

Hometown: Okinawa Japan

Family: 2 Cats  1 dog

Occupation: Part time Restaurant worker

“Explore the new city and make new friends!”

                        

Goals

  • Explore the new city with bike

  • Save the environment by choosing green transport

  • Feed orphan dogs and cats

Frustrations

  • Sometimes I have trouble understanding English.

  • Showing money in USD is a pain for me, it is difficult to relate

  • Too many available options in online shops, makes it time-consuming and frustrating to filter items.

Bio

Cho is new to the city, she is from Japan. She is a zoophilist. She prefers bikes because she is concerned about the environment and pollutions. Likewise, she is interested in conducting and hosting campaigns and programs. She likes new companies, and is interested in meeting new people from her new country.

“Purpose of life is the life of purpose!”

                        

Goals

  • To buy a mountain bike and join the bike ride community

  • Burn fat and train to ride 40 km per day

  • I want to know more about bike repair and service

Frustrations

  • I have trouble understanding internet slang

  • I've been using a folding 00's phone. Smartphones are a new sport for me.

Image by Mihai Lazăr

Greg Alonso

Bio

Alonso is a senior citizen who is enthusiastic and has the energy and mindset of a 25-year-old man. His goal is to buy a mountain bike and ride at least 40 KM per day. He is searching for bikes on the internet, but some internet slang and icons are not familiar to him, makes him frustrated. Furthermore, Alonso is new to touch interface and don't know how to make payments via Internet.

Age: 63
Education: Graduate
Hometown: Maryland
Family: Nil
Occupation: Ex-Serviceman

User journey map Greg Alonso

sfsdfsdf.png
kamila-maciejewska-MVThvcFzVpA-unsplash.jpg
Starting the design

Paper wireframes

1.png

Taking the time to draft iterations of each screen of the app on paper ensured that the elements that made it to digital wireframes would
be well-suited to address user pain points. For the home screen, I prioritized a simple and readable interface to reduce crowd

02.png
Frame 29.png
vxvcxvc.png

Refining the design

csdscdcdsscd.png

Low-fidelity prototype

adefq.PNG


Using the completed set of digital wireframes, I created a low-fidelity prototype.
The primary user flow I connected was browsing and ordering products to track the product

Usability study: findings

I conducted two rounds of usability studies. Findings from the first study helped guide the designs from wireframes to mockups. The second study used a high-fidelity prototype and revealed what aspects of the mockups needed refining.

 

  • Round 1 Findings

  • Users need notification when they logged in

  • Search bar need contrast and post to community icon is not legible

  • Users need other payment options


Round 2 Findings

  • “We can choose cycle together” this button is difficult to understand

  • Need rating and review on product

  • No drop map pin option for address selection

gfdgdffdgdgf.png
asddas.png

Mid-fidelity prototype

001.png

High-fidelity prototype

I conducted two rounds of usability studies. Findings from the first study helped guide the designs from wireframes to mockups. The second study used a high-fidelity prototype and revealed what aspects of the mockups needed refining.

affafsasf.png
bottom of page