CYCLER

Summary

Product vision

Bikes are a green, economical and healthy mean of transportation. I design a mobile app to help and support bike users. The whole design progress will based on a persona- David with the scenario: Cycling with the family on a Saturday.

My responsibilities

UX/UI designer

Users problem

Users are not good at riding destinations and routes planning.

Project plan

1 week of discovery and ideation, followed by 2 week of wireframes, prototyping and mockup production

Tools

Adobe InDesign, Figma, Adobe Illustrator

Phases

Discover

Ideate

Design

Delivery

Persona

David wants a quality trip, but worries about planning and organizing, and he likes social, taking growth as a motivation.

User journey map

According to persona, a user journey map was created. I imagined the whole process he uses this app, from planning to the end, developing all opportunities possible.

Features

Taking the user journey map as a reference, I designed these features that he needs during family cycling trip：

Community, Plan& checklist, Reward mechanism, Air monitor, Exercise monitor, Family monitor.

Information architecture

As a result, I designed a home page that includes 4 main function pages:

Community, Planning, Cycling, Profile

Sketches

Lo-fi wireframes

Color set

I chose green as the main color because of the nature theme and its vitality, using beige and light grey as secondary colors.

Main pages

Final screens

Recap

Pain point:

User finds it's hard to plan bike trips: places to go, routes

Solution:

1. Planning function:

Provide checklist and route as basic elements for planning

2. Community:

Recommend other users' cycling routes

Benefits:

1. Helping users

Simplicity: Users can follow a step-by-step checklist, making the planning process straightforward.
Comprehensive Planning: Ensures users cover all necessary aspects of their biking journey.