College for Creative Studies | Studio Project | January 17 - April 6, 2023RouteRanger
This project endeavors to create an innovative interface aimed at enhancing the user experience during e-bike rides, prioritizing comfort and convenience by eliminating
the need for external phone applications.
the need for external phone applications.
”With the increase in urban traffic and air pollution, the use of electric bicycles has become a growing trend. While the battery power of these bikes has improved significantly over the last few years, there needs to be more focus on their interface design. ”
E-bike RidersUsers' Pain Points
The following pain points have been identified from customer reviews across multiple e-bike companies.
- Hardship of handling phone for navigation during riding.
- Finding the route that suits their physical strength.
- The need to have a companion when riding a bicycle.
- Difficulties biking in winter’s cold or windy weather.
- Finding the right-sized e-bike among the available options.
Market ResearchBenchmark
Detached Screens | TFT | Segment | Backlit color Displays
OpportunityTesla Model B
An integerated big screen makes it easy to navigate, control, and costomize the bike.
UX IdeasDesign Solutions
- Helping people become free of cell phones for navigation while riding the bike with an integrated interface.
- Helping people looking for winding routes according to their abilities to have exciting sport ride.
- Helping people looking for a partner for riding to find other riders on the road and join together.
- Increasing riding satisfaction in cold weather by adding the heating option to the saddle and steering wheel.
UI Design
Wire Frame | Mood Board | Final Prototype
Initial PrototypingWire Frame
Prototyping the process model for the Tesla model B concept E-bike.
Mood Board 1
Eco - Energetic
Using a neon bright green color alongside the mat glass effect on the dark blue background creates an eco-energetic vibe in this mood board.
Theme 1Mojito
This theme conveys a cool and fresh feeling through the bright green and ice-blue colors. And it is offered for warm weather. Also, the integrated buttons look minimal and suit those needing less occupied themes.
Mood Board 2
Hyper - Energetic
The warm red-orange color beside the iridescent light effect and glassy touch conveys a hyper-energetic vibe.
Theme 2Warm Shot
This theme conveys the feeling of warmth to the rider with its warm colors, and it is proper for cold weather. The buttons are separated by their bright blue square shapes for those with vision problems.
Final ModelAccessibility
To enhance user accessibility during crucial interactions while riding the e-bike at higher speeds, physical buttons are integrated into the string wheel, facilitating effortless navigation of essential functions.
