UX/UI Case StudyMobile AppConceptOn-Demand Services

Servo.

You can watch your cab crawl down the street in real time — but hand your car to a workshop and it disappears into a black box. Servo is a connected network of car service centres: book in seconds, see the price before the keys leave your hand, and track every stage of the job live — the Uber playbook, applied to car care.

Role
Product Designer — solo
Timeline
3 weeks · 2022
Platform
Android · iOS
Methods
Competitive analysis · Personas · User flows · Usability tests

Servo is a self-initiated concept, originally designed under the working name "MekBuddy" — which is what the UI screens still say. Metrics reflect prototype testing sessions, not a shipped product.

Open in Figma ↗
Servo app screens mockup collage
TL;DR

Car servicing is a black box.

Owners hand over their keys and wait, blind: no firm price, no status, and a service history that lives as receipts in the glovebox. Booking still happens by phone call and hope.

I designed a mobile app around three ideas: itemised pricing before you book, a live Uber-style timeline for the job itself, and a digital garage so every car carries its own service history.

81%
couldn't predict what a service would cost
90s
median time to book in testing
4.6/5
ease-of-use score in testing
01 — Problem

You can track a ₹150 cab. Not your ₹8-lakh car.

Getting a car serviced means calling a workshop, negotiating a vague verbal estimate, dropping the car off, and then calling repeatedly to ask if it's ready. The final bill routinely lands above the estimate, with no way to verify what was actually done.

Every layer of the experience — discovery, pricing, scheduling, status, history — runs on trust the industry hasn't earned. The tools that fixed this for taxis and food delivery simply don't exist for car care.

02 — Research

What owners told me

Short interviews and a survey with car owners — commuters, first-car buyers, and multi-car households — about how they book, pay for, and remember service work.

Finding 1 — Pricing

81% said they couldn't predict what a service would cost before it was done — and most had paid a final bill noticeably above the verbal estimate.

Finding 2 — Visibility

The top anxiety wasn't price — it was not knowing what was happening while the car was away. Owners called the workshop ~3 times per service just to ask for status.

Finding 3 — History

Service history was paper receipts and memory. Nine in ten couldn't say when their brake pads were last changed — which makes upselling easy and trust hard.

03 — Competitive Analysis

Nobody owns the whole loop.

Dealership service centres
Trusted, slow, expensive

Genuine parts and brand accountability — at nearly double the price, with waitlists, and still zero visibility once the car is inside.

Local garages
Fast, cheap, opaque

Quick and affordable, but pricing is a handshake, quality varies wildly, and nothing is written down — least of all your car's history.

Aggregator apps
Listings, not logistics

Directories with discount codes. The experience ends at the booking hand-off — no live tracking, no locked pricing, no per-car records.

The opening: everyone solves one slice — trust, price, or speed. Nobody owns the full loop of book → price → track → remember. That loop became Servo.

04 — Personas

Three owners to design for.

Arjun, 31
The time-poor professional

IT project lead in Kochi, drives a Tata Tiago. Skips service until something rattles because booking means phone calls and a lost Saturday.

Needs
  • Booking in seconds, not phone calls
  • Doorstep pickup and drop
  • A bill that matches the estimate
Priya, 26
The first-car owner

Bought her first hatchback last year. Doesn't know what "periodic service" actually includes, and worries every workshop visit ends in an upsell she can't evaluate.

Needs
  • Services explained in plain language
  • Itemised, verifiable pricing
  • Ratings she can trust before choosing
Thomas, 45
The multi-car household

Two cars and a scooter between the family. Juggles insurance dates, service dues, and battery warranties across vehicles — currently via a folder of receipts.

Needs
  • Per-vehicle profiles and history
  • Service and renewal reminders
  • One-tap rebooking of past jobs
05 — Direction

How might we…

G1

Price before keys — every booking shows an itemised estimate, locked unless the owner approves extra work in-app.

G2

Track the job like a cab — a live stage timeline from pickup to delivery, so nobody ever calls to ask "is it ready?"

G3

A garage for every car — vehicle profiles built during onboarding carry full service history and due-date reminders.

G4

Book in under a minute — car → service → slot in three taps, with saved cars and addresses as defaults.

06 — Design Language

Garage-floor confidence.

A clean slate-and-blue system: one vivid blue drives every primary action, deep slate carries the text, and cool greys structure the surfaces. Type runs on a single workhorse — Plus Jakarta Sans across headings, UI and body — with Audiowide held back for the wordmark alone.

#2563EB
#0F172A
#64748B
#E2E8F0
#F8FAFC
AudiowideWordmark
Plus Jakarta SansHeadings & buttons
Plus Jakarta SansBody & UI labels
Servo welcome screen shown on a phone held in hand
07 — Onboarding & Setup

Sign up, add your car.

Account creation and vehicle setup — the first-run flow that gets a car on file before anything else.

Welcome screen
1 · Welcome
Sign up screen
2 · Sign up
OTP verification screen
3 · OTP verification
Select car brand screen
4 · Select car brand
Select car model screen
5 · Select car model
Manufacture year screen
6 · Manufacture year
Select fuel type screen
7 · Fuel type
Registration number screen
8 · Registration number
08 — Discover & Book

Find it, book it.

The core commerce loop — browse services and parts, build a cart, and lock in an appointment.

Home screen
9a · Home
Home · view cart screen
9b · Home · view cart
Search screen
10 · Search
Service category screen
11 · Service category
Parts & products screen
12 · Parts & products
Cart screen
13 · Cart
Book appointment screen
14 · Book appointment
09 — Account & Tracking

Manage and track.

Everything after the booking — profile, saved cars and addresses, and live order tracking through to completion.

Account screen
15 · Account
Profile screen
16 · Profile
My cars screen
17 · My cars
Orders · upcoming screen
18a · Orders · upcoming
Orders · past screen
18b · Orders · past
Order · active screen
19 · Order · active
Order · past screen
20 · Order · past
Address book screen
21 · Address book
Add address screen
22 · Add address
10 — Usability Testing

Tested, humbled, iterated.

Moderated sessions with 12 participants across the three persona groups, working through the prototype's core tasks: add a car, book a periodic service, and check the status of a job in progress.

Users hunted for hidden charges — a single total didn't feel accountable
→
Broke the bill into named lines — subtotal, service charge and tax — itemised before checkout
Status stages used workshop jargon ("QC bay", "bay allotted") that meant nothing to owners
→
Renamed stages to plain language — Confirmed, Mechanic Assigned, In Progress, Completed — on a numbered tracker
"First time I knew what was happening to my car without calling anyone."
— Participant 7, round 2
11 — Results

Did it work?

90s
median booking time, down from phone-call minutes
0
status calls needed during a tracked job — from ~3
4.6/5
ease-of-use rating across sessions

Takeaways: transparency is a feature, not copywriting — locked, itemised pricing changed how participants talked about trust; and live status removes more anxiety than any discount could.

What I'd do next: design the workshop-side app that feeds the live timeline, validate pickup/drop logistics with a partner garage network, and explore OBD telemetry for predictive "your brakes are due" service nudges.

Next up

Truss.

Read the case study →