Design system Business goal B2C Mobile app

Rider App experience optimization

Role

Product Designer

Team

PM · Engineering · Operations · Market

Timeline

Jan – Jun 2025

Platform

Mobile app · B2C rider

Rider App UI

Realign the app with a refreshed brand and evolving business goals

The initiative involved redesigning the rider application to match a refreshed brand identity and updated business objectives. Key improvements targeted:

  • Transparency regarding vehicle location and real-time tracking
  • Order detail visibility — including special plans and pricing
  • Membership tier communication to facilitate informed choices
  • Strengthening long-term customer value through clarity

Research constraints, scale, and continuous trade-offs

To understand usage patterns, collaboration with operations staff included indirect research via internal conversations — direct user access was limited. This required synthesizing second-hand insights carefully.

A design system was established from scratch to maintain consistency across extensive UI modifications. The large-scale update required ongoing negotiation between aesthetic and functional elements through iterative team coordination.

Brand redesign context

Before and after — a systematic approach to improvement

Each screen was evaluated against both the new brand guidelines and improved information architecture. The comparison process helped the team align on what changed and why, reducing review friction.

Before and after UI comparison

Light and dark mode — built for consistency and scale

A comprehensive design system was built to support both light and dark mode variants. This ensured visual alignment across all screens and created a foundation for future adaptability as the product continues to evolve.

Design system light mode
Design system dark mode

Brand credibility and information clarity improved

Following the release, improvements emerged in brand credibility and information clarity. Membership tiers and payment statuses became more transparent — enabling operations and marketing divisions to segment users effectively and implement focused promotional efforts.

The new design system created a shared language between design and engineering, reducing handoff ambiguity and accelerating subsequent iterations.

Brand credibility and trust post-launch

Design modes — light and dark, fully supported

Design system enables targeted marketing segmentation

Back to first case study

MOOVO

Enabling flexible bike rental operations for tourists through mobile-assisted workflows

UX strategy · Mobile APP · B2B