Autem: Your Car, Its Numbers and What to Do Next
Turning car setup, mileage and maintenance into clear next steps for everyday drivers.
Company
Autem · Freelance
Role
Product Designer
Expertise
Product Strategy, Information Architecture, Mobile UX/UI
Timeline
2024
Autem is a car-care app that turns a car’s type, model, mileage and service history into clear next steps: when to service it, what a warning light means, and how far the car really drives. I designed it end to end as a freelance project in 2024, from product structure to the final interface.
The Challenge: Plenty of Car Information, No Clear Next Step
The product brings a vehicle profile, mileage, maintenance, warning lights and videos into one app, for drivers who are not mechanics. Setup had to avoid a long form, the overview had to balance specs, mileage and the next service, regular and one-off maintenance needed different questions, and dashboard symbols needed plain language.
Decision 01: Build the Car Profile One Decision at a Time
Type, model, year and mileage each get their own screen with a 1 of 4 counter. Brand logos, model photos and a year grid replace long dropdowns, and the odometer reading comes last.
Decision 02: One Car, in the Order That Matters
My Car leads with the car’s name, photo and total kilometres, then its stock features. Odometer updates become an average-kilometres-per-day graph, and a maintenance card closes the screen with the next action.
Decision 03: Two Kinds of Service, Two Different Questions
Periodic service asks for current kilometres and an interval, such as every 5,000 km. One-off repairs ask what the item is, when it was last done and when to be reminded. The owner’s own notes stay with the reminder and can be ticked off like a checklist.
Decision 04: Plain Language for Every Warning Light
Warning and safety symbols are grouped and searchable. Each one explains what it means and what to check, and car videos with filters by type, model and year sit one tab away.
The System
Dark surfaces keep car photos and warning symbols in focus. Blue is kept for actions and progress, red only for real faults, and every screen is built from the same cards, fields, tabs and buttons.
The Outcome and What Comes Next
53 screens covering setup, the car overview, maintenance planning, warning lights, videos and account settings. The next step would be testing the flows with drivers and reviewing warning-light descriptions with qualified automotive input. OBD connectivity and AI assistance were explored as future directions, not part of this release.
