.jpg)
TVS required a digital experience to complement its connected electric vehicle ecosystem — enabling riders to track trips, navigate routes, receive alerts, and view riding insights.
The product needed to support real-time riding information while remaining simple and distraction-free.
Our mission was to design a rider-focused digital interface that brings navigation, trip data, alerts, and bike insights together into a unified mobile experience.
through navigation, alerts, and ride data in one connected flow
through clear presentation of current trips, past rides, and riding metrics
through dedicated alert views surfacing critical bike information at the right moments
through a cohesive visual language across vehicle UI, mobile app, and supporting flows
Turn-by-turn routing visualized through a bold, map-led riding screen.
Speed, range, battery, and ETA presented through high-contrast visual components.
Clear distinction between active and resolved alerts with prominent status indicators.
Turn-by-turn routing visualized through a bold, map-led riding screen.
Turn-by-turn routing visualized through a bold, map-led riding screen.
Speed, range, battery, and ETA presented through high-contrast visual components.
Speed, range, battery, and ETA presented through high-contrast visual components.
Clear distinction between active and resolved alerts with prominent status indicators.
Clear distinction between active and resolved alerts with prominent status indicators.
For TVS, we created a connected riding experience that keeps information clear and accessible on the move.
through consistent navigation patterns
through focused real-time data
through unified ride access
A map-first riding screen combines speed, distance, ETA, and battery range into a single visual frame. High-contrast indicators and directional cues support quick glances while riding.
.jpg)
The experience flow maps how users move between home, navigation, alerts, calls, and messages. This structure defines the overall interaction logic before UI refinement.
.png)
Low-fidelity wireframes establish the core journeys — starting trips, viewing alerts, checking ride history, and accessing bike data. These explorations define layout priorities and screen relationships early in the design process.
.png)
.png)
The finished mobile experience presents trips, bike feed, and alerts through card-based layouts. Dedicated screens for current rides, range, CO₂ savings, and low-battery alerts help riders stay informed through clean visual grouping and clear status cues.
.png)
.jpg)
Recommended Next
Reimagining the car rental experience across 130+ countries
