Logo
Product Design Case Study

Designing a Unified Multi-Service Mobility Platform

Bringing ride hailing, school buses, carpooling, and drone delivery into one product.

Unified mobility platform case study

Role

Sole Product Designer (0→1)

Scope

Research, IA, UX flows, visual design, design system, usability validation

Platform

Mobile

Client engagement

End-to-end product design partner

TL;DR

I designed a mobility platform from the ground up, bringing four different services into one experience while keeping each flow easy to understand.

The main challenge was creating a shared product language without making the services feel identical. Each service needed its own level of trust, information, and interaction.

What I did

  • Researched mobility products through reviews, community discussions, interviews, and surveys.
  • Created personas and mapped the main service journeys.
  • Designed the information architecture, navigation, and service flows.
  • Built the design system and applied it across 40+ screens.
  • Designed different trust patterns for rides, school transport, carpools, and delivery.
01

The Challenge

The client was building a new mobility product that combined four services in one app.

The goal was simple: make the product feel unified without forcing every service into the same experience.

01

Four services

Each service came with very different user needs.

02

Simple navigation

Users needed to move between services without unnecessary layers.

03

Different trust levels

Safety expectations changed dramatically between services.

04

Built to scale

The system needed room for future mobility services.

02

My Role & Scope

Role

Sole Product Designer

I owned the design from research through final screens, working directly with the client throughout the process.

  • User research and synthesis
  • UX, interaction design, and user flows
  • Wireframing and prototyping
  • Design system and reusable UI patterns
  • Final product design across four mobility services
04

Design Process

4.1Research Approach

Because this was a new product, I looked at existing mobility services to understand what already worked, where users struggled, and what expectations each category created.

MethodPurposeSample
Review miningFind recurring problems400+ reviews
Community researchUnderstand real user complaints12 threads
InterviewsUnderstand user needs14 participants
SurveyValidate recurring themes210 respondents
What I was looking for
The biggest question was how to make four different services feel like one product without hiding what makes each service different.

4.2Secondary Research

I reviewed products across ride hailing, school transport, carpooling, and drone delivery to understand common patterns and gaps.

Ride hailing

Uber review
Uber review

School transport

School transport review
School transport review

Carpooling

Carpool review
Carpool review
One important takeaway
School transport needs a much stronger sense of safety and verification than a normal ride. That difference influenced how I approached the service from the beginning.

4.3Community Sentiment

Community discussions helped expose frustrations that do not always show up in app ratings, especially around tracking, reliability, and trust.

Reddit school bus discussion
Reddit school bus discussion

4.4Competitive Analysis

No single competitor covered all four services, so I looked at the strongest reference for each category.

ProductStrengthDesign takeaway
Uber / LyftTracking and simple bookingKeep booking and status clear
BlaBlaCarRoute matchingMake trust visible before joining
Here Comes the BusBus trackingMake status easy to understand
HopSkipDrive / ZumChild safetyTreat child transport differently

4.5Personas

The research led to two primary user perspectives that shaped the core experience.

Maria persona
Jordan persona
Shared need
Users wanted to know what was happening without having to dig through information.

4.6Key Findings

01

Status should be obvious

Live tracking worked best when paired with simple status copy.

02

Trust changes by service

A school bus, carpool, and ride hail should not communicate trust in exactly the same way.

03

Keep the experience calm

Show the important information first and keep deeper detail available when needed.

05

From Research to Screens

The research gave me a simple direction: keep the shared experience consistent while allowing each service to behave differently where it matters.

Design Principles

Principle 01

Keep status clear

Users should quickly understand what is happening and what comes next.

Principle 02

Let services feel different

Shared components create consistency, while trust and safety patterns change by service.

Principle 03

Keep navigation simple

Users should be able to choose a service and move through it without unnecessary layers.

Principle 04

Show detail when needed

The default experience stays focused, with more detail one tap away.

06

Service Architecture & Navigation

The app starts with Home Hub, where users choose the service they need. Each service then has its own focused flow.

Mobility service architecture and navigation model
07

User Flows

I mapped each service separately so the main task and navigation were clear before moving into detailed screens.

01Ride Flow
Ride Flow
02Carpool Flow
Carpool Flow
03Delivery Flow
Delivery Flow
04School Bus Flow
School Bus Flow
Shared pattern
Every flow keeps the current status and next action easy to find.
08

Wireframe User Flows

Commuter Ride Journey

Flow 01
Step 1Home
Home Screen Wireframe

Home Screen

Choose a service and start a journey.

NextSelect Ride
Step 2Location
Add Location Wireframe

Add Location

Set pickup and destination.

NextSet Destination
Step 3Choose
Choose Ride Wireframe

Choose Ride

Compare options and pricing.

NextConfirm
Step 4Request
Request Ride Wireframe

Request Ride

Confirm the ride and request a driver.

NextRequest
Step 5Schedule
Schedule Ride Wireframe

Schedule Ride

Choose a later date and time.

NextSchedule

Ride Tracking & Completion

Flow 02
Step 1Matching
Finding Driver Wireframe

Finding Driver

See the driver match and arrival estimate.

NextDriver Found
Step 2Active
En Route Wireframe

En Route

Follow the route and current ETA.

NextArrived
Step 3Complete
Arrived Wireframe

Arrived + Tip

Finish the trip, rate, and tip.

Drone Delivery Journey

Flow 03
Step 1Find
Find Delivery Wireframe

Find Delivery

Choose a delivery and delivery window.

NextSelect Package
Step 2Dispatch
Drone Dispatch Wireframe

Drone Dispatch

Follow the delivery and expected arrival.

NextIn Flight
Step 3Complete
Delivery Complete Wireframe

Delivery Complete

Confirm the package was received.

Carpool Matching & Ride

Flow 04
Step 1Browse
Carpool List Wireframe

Carpool List

Browse available routes and matches.

NextSelect Match
Step 2Empty
Carpool Empty State Wireframe

No Matches

Show a clear empty state when no match is available.

NextCreate New
Step 3Detail
Carpool Detail Wireframe

Carpool Detail

Review the driver, route, and match.

NextRequest to Join
Step 4Active
Continue Driving Wireframe

Continue Driving

Track the active carpool trip.

NextMeet
Step 5Meet
Meet Carpool Wireframe

Meet Carpool

Confirm pickup and begin the trip.

School Bus & Child Safety

Flow 05
Step 1Security
Safety Code Wireframe

Safety Code

Verify the child before pickup.

NextVerify
Step 2Confirm
Ward Confirmation Wireframe

Ward Confirmation

Confirm the child and bus assignment.

NextConfirm
Step 3Add
Add Ward Wireframe

Add Ward

Add another child to the account.

NextAdd Child
Step 4Track
School Bus Map Wireframe

Bus Map

See the route, stops, and ETA.

NextTrack
Step 5Meet
Meet Bus Wireframe

Meet Bus

Know when the bus reaches the stop.

NextBoard
Step 6Arrived
Bus Arrived Wireframe

Bus Arrived

Confirm arrival at the destination.

NextConfirm
Step 7Dropoff
School Bus Dropoff Wireframe

Dropoff

Confirm the trip is complete.

NextComplete
Step 8Monitor
School Bus CCTV Wireframe

Bus CCTV

View the live feed when needed.

NextMonitor
Step 9Reward
School Bus Gift Wireframe

CCTV + Gift

Show the reward notification.

09

Key Screens

Home Experience

01
Home Screen
Add Location
Choose Ride

The home screen makes the available services easy to scan and gives users a direct starting point.

Ride Tracking

02
Finding Driver
Drive Destination
Arrived

The ride flow keeps tracking, ETA, and the next action visible throughout the trip.

Drone Delivery

03
Find Delivery
Drone Dispatch
Delivery Complete

The delivery flow focuses on the current stage, flight path, and expected arrival.

Carpool

04
Carpool List
Carpool Detail
Meet Carpool

Driver details and verification are visible before users join a carpool.

School Bus

05
Safety Code
Bus Map
Bus Arrived
Bus CCTV

Safety and tracking are kept visible without overwhelming the parent with information.

10

Design System Highlights

Trust-based color tokens

Distinguish service types while maintaining a shared visual foundation.

Reusable tracking components

Maps, status, and next-action patterns can be reused across services.

Service card variants

Shared UI stays consistent while service-specific needs remain visible.

Status components

A common status language works across different service states.

Atomic design structure

Reusable building blocks provide a scalable foundation for the product.

11

Responsible Design

  • No pressure based countdowns or urgency patterns.
  • Important safety actions stay easy to access.
  • Detailed information is available without overwhelming the default experience.
  • Status language stays clear about what is actually being tracked.
12

Validation

Low fidelity

The main services were easy to understand, but the first version made them feel too similar. Participants needed a clearer way to distinguish the different service options.

Iteration: Strengthened the hierarchy between services, reduced competing elements, and simplified the main flows.

High fidelity

Participants were able to identify the right service and understand the next step without needing much guidance.

Iteration: Kept navigation focused and made the primary action more obvious at each stage of the flow.

13

Outcomes

The final design brought the different services into one clear product experience while keeping each service flexible enough to support its own workflow.

04

mobility services unified in one experience.

40+

screens designed across the platform.

  • Created a consistent experience across rides, school buses, carpools, and drone delivery.
  • Simplified the main flows so users could understand what to do next.
  • Established a reusable visual foundation for the different services.
  • Validated the core navigation and service flows through prototype testing.
What I'd measure after launch
Since this was a new product, real usage would be the next step in understanding how well the experience performs.
  • Time from selecting a service to completing the main task.
  • Drop off at key steps across each service flow.
  • Usage of more than one service by the same user.
14

Reflection

What I'd do differently

I would spend more time observing parents during real school runs. Seeing the experience in context could reveal problems that are easy to miss when working mainly with prototypes.

What I'm proud of

The product brings four very different services into one visual system without forcing them into the same experience.

“Consistency does not mean making everything look or behave the same.”

A strong system provides a shared foundation while giving each service enough room to solve its own problem.

End of case study

The goal was not to make every service feel the same, but to give them a shared foundation that made the whole product easier to understand and use.

Thanks for reading.