Back to Works

Škoda · Automotive App

A Smarter Way to Own a Car

A conceptual redesign of a connected car app for Škoda vehicle owners, bringing keyless access, remote controls, and real-time vehicle insights into a seamless mobile experience.

Role
Lead Product Designer
Platform
iOS Mobile
Type
Design Sprint · 4 weeks
Year
2025
Overview

What I Set Out to Build

I audited 6 connected car apps (BMW, VW, Tesla, Rivian, NIO, Hyundai) and ran informal walkthroughs with 5 car owners. The consistent finding: apps were built around features, not around how people actually use their car day-to-day. The most common actions — unlock, check fuel, start climate — required 3–4 taps. Onboarding dropped users before they saw a single screen of value.

This sprint set a clear brief: redesign the core experience around daily rituals, not feature completeness. I defined the north star, set design principles to align decisions across flows, and prototyped the full journey from onboarding through key sharing — scoping what belonged in v1 and what needed to wait for v2.

Project Context
Tools
Figma, FigJam, Principle
Scope
Onboarding · Dashboard · Vehicle Controls · Digital Key
Key Constraint
Single-handed use, outdoor legibility, offline-first mindset
Inspiration
Tesla app, Rivian, NIO Life
The Problem
Existing connected car apps treat the phone as a remote control, not an extension of the car ownership experience.
Pain Points
What's broken today
  • Critical actions like unlock or climate start are buried 3–4 taps deep
  • No contextual awareness, the app looks identical at 7am and 11pm
  • Onboarding requires VIN entry, dealer codes, and multiple account screens
  • Vehicle status (fuel, range, tyre pressure) requires manual refresh
  • Digital key sharing is either absent or requires full account creation by the recipient
Design Goals
What this concept solves
  • Surface top 3 actions within one thumb reach on the home screen
  • OTP-first onboarding, zero VIN or dealer input from the user
  • Persistent, glanceable vehicle health at the top of every session
  • Share access to the car with granular permission controls, no sign-up required for recipient
  • Design system that works in bright sunlight and dark environments
Why Škoda?

Škoda's brand promise is "Simply Clever" — but their app is neither. This is a gap a design leader can directly close. The product strategy case is clear: as the automotive industry shifts to EV and software-defined vehicles, the app becomes the primary loyalty surface between purchase cycles. A brand that nails the digital experience before competitors do earns a retention and upsell advantage that compounds over time.

Product North Star
Make every Škoda owner feel like they have a co-pilot, not an app that reacts, but a companion that anticipates.
Glanceable
Critical status visible in under 2 seconds. If you have to hunt for it, the design has failed. Every screen designed for the parking lot, not the sofa.
Trustworthy
Car actions carry real-world consequences. Every destructive action (start engine, share key) has deliberate friction, confirmation, not instant execution.
Simply Clever
Škoda's own positioning. Features that earn their place. I cut anything that added capability without adding value. Smaller, sharper beats bigger, bloated.
Navigating Ambiguity

It Wasn't a Straight Line

Here's what the process actually looked like, the assumptions that proved wrong, the pivots that felt risky, and the tensions I had to hold.

Wrong assumption
I assumed the home screen needed more features

My first iteration had 8 action tiles on the home dashboard, every feature a Škoda owner could need. It looked impressive in Figma. In walkthrough, every reviewer immediately asked "but what do I tap first?" I'd optimised for completeness, not clarity. I cut it to 4 primary actions.

Risky pivot
Dropped the map view entirely

The original scope included a live vehicle location map as a top-level tab. Engineering flagged that GPS polling in background would drain battery by ~18% per hour, a dealbreaker for trust. Instead of fighting the constraint, I reframed: location becomes a contextual detail (parking floor, last seen) rather than a live feed. Smaller scope, but more honest.

Design tension
Safety friction vs. speed

Engine start requires 2 taps by design. Early feedback from 3 informal testers said "just make it one tap." But a one-tap engine start on a car is a safety risk, accidental activation, pocket starts. I held the friction. The right UX and the comfortable UX aren't always the same thing. I documented this explicitly in the design rationale.

Corrected mid-flight
OTP was an afterthought, then became the lead

My initial idea was a standard email+password onboarding with OTP as a secondary verification. Midway through, I audited 6 competitor apps — every single one had a "forgot password" as the #2 action after login. Onboarding friction was the real problem. I reframed the entire flow around phone number + OTP. This became the most distinctive part of the concept.

Process

How I Think Through Design

This sprint ran from competitive audit to high-fidelity prototype in four weeks, with every phase anchored to a specific user or product question — not just moving pixels forward.

01
Research
Analysed existing connected car apps and identified friction patterns
  • Competitive audit: Tesla, BMW, Volkswagen apps
  • User journey mapping for daily car usage
  • Identifying the 5 most-used features
  • Outdoor legibility research
02
Define
Synthesised findings into design principles and user stories
  • Information architecture redesign
  • Core principles: Glanceable, Reachable, Trustworthy
  • User stories for each major flow
  • Accessibility requirements (contrast, tap targets)
03
Design
Built the design system and prototyped all key screens in Figma
  • Dark + light mode components
  • Montserrat-based type scale
  • Green palette with sufficient contrast ratios
  • Interactive prototype with 15+ screens
04
Deliver
Refined screens, edge cases, and documented design decisions
  • Complete onboarding flow (5 screens)
  • Home dashboard with live data states
  • Digital key with share permissions
  • Vehicle controls: climate, lights, wipers, tyres

Onboarding

Your Phone Number Is All You Need

The onboarding flow is designed to feel effortless. No VIN numbers, no dealer codes. Just your phone number, a 6-digit OTP, and you're in, pairing your vehicle is the first thing you do inside the app, not a prerequisite to enter.

Škoda Onboarding Screens

Home Dashboard

Your Car at a Glance

The home dashboard puts the car first. The header section shows the vehicle model, a real-time silhouette rendering, and the two stats that matter most, fuel percentage and estimated range. Below it, the 4 most-used actions are arranged in a 2×2 grid within thumb reach.

  • 76% fuel · 453 km range, persistent at the top, always fresh
  • Keyless Start/Stop, one tap, zero friction
  • Climate Control, pre-heat or pre-cool before you reach the car
  • Digital Key, share access to your car directly from the dashboard
Škoda Home Dashboard

Digital Key

Share Your Car Like You Share a File

The digital key feature reimagines car sharing. Instead of handing over a physical key (or a clunky token), you share access directly from your phone with granular permission controls, time-limited, revocable, and no sign-up required for the recipient.

Škoda Digital Key
Vehicle Controls

A Dashboard That Reads the Moment

From pre-conditioning the cabin to checking tyre pressure before a long drive, each control screen is built for speed. Big tap targets, clear states (on/off/active), and haptic confirmation on every critical action.

Škoda Vehicle Controls
Impact & Business Case

Why This Matters for Škoda as a Business

Connected car apps aren't just a customer experience play, they're a retention and loyalty instrument. For an automotive brand, the app is the primary touchpoint between purchases. Here's the business case for investing in this direction:

40%
of connected car app users uninstall within 30 days of first use
OTP-first onboarding directly targets this. 3 prototype walkthroughs confirmed VIN entry and account creation as the primary drop-off moments — both eliminated in this design.
McKinsey · Connected Car Data
3×
higher lifetime value from digitally engaged car owners vs. owners who never open the app
The dashboard-first pattern — surfacing fuel, range, and quick actions on first load — is designed to turn passive installers into daily active users. Engagement is the precondition for every upsell.
Deloitte · Automotive Consumer Study
62%
of EV buyers say the digital & app experience influenced their brand choice
EV-specific flows (preconditioning, charge scheduling) were scoped to v2, but the design system was built to support them. This is the design investment that pays off when Škoda accelerates its EV transition.
McKinsey · Mobility Consumer Pulse 2023
Strategic Bets
Bet 1 · Near-term
Reduce onboarding drop-off by 25%

OTP-first onboarding removes the most common reason for abandonment (forgotten password, VIN confusion). Target: <60s to first meaningful action. Metric: 7-day retention after install.

Bet 2 · Platform play
Digital Key as the EV differentiator

As Škoda's EV lineup expands, digital key sharing positions the app as infrastructure, not just a remote control. Partners, valets, charging station operators. This feature moves the app from utility to platform.


Design System

Built for Outdoors, Refined for Trust

Every visual decision in this design system serves a function. The dark forest green creates premium contrast both indoors and in bright sunlight. Mint (#78faae) is reserved exclusively for active states and success feedback, a visual language that users learn quickly.

Colour Palette
Dark Base
#0D1F14
Deep Forest
#1A3424
Brand Green
#419468
Mint Active
#78FAAE
Light Tint
#EEF9F4
White
#FFFFFF
Typography
Aa
Bricolage Grotesque · Headings
Aa
Lato · Body & UI copy
Škoda Kushaq
White on dark, 4.5:1 contrast
Active state, 7.2:1 contrast

Key Decisions

Every Decision Has a Reason

01
OTP over username/password for onboarding

Traditional connected car apps require email, password, and sometimes dealer account verification before the user can even see the app. This creates a significant drop-off. OTP authentication using a phone number means zero memory load, you already know your phone number. The app sends a 4-digit code, you enter it, and you're in.

Reduces time-to-first-value from ~4 minutes to under 60 seconds in prototype walkthroughs. Eliminates forgotten password flows entirely — a pattern that surfaced in every competitor audit as the #2 frustration after login.
02
Dark header, light body, not a pure dark mode

A fully dark interface creates legibility issues when switching between dark (inside a garage) and bright (direct sunlight) environments. Engineering constraints ruled out adaptive brightness detection in v1. The solution was a hybrid I defined as a design system rule: the car status area uses dark forest green (better sunlight contrast than pure black), while all interactive controls and forms stay on white — consistent, predictable, and WCAG AA compliant without runtime logic.

All text elements meet WCAG AA contrast requirements in both lighting conditions tested.
03
Mint (#78faae) reserved exclusively for active/success states

Colour in an automotive UI carries high stakes — users need to instantly understand if their car is locked, if climate is running, or if a key share succeeded. Early design reviews surfaced a tendency to use the mint green decoratively (section dividers, card accents). I locked this down as a system rule: mint is reserved for active and success states only, never decoration. This meant pushing back on visual requests from reviewers, but the constraint is what makes the colour meaningful.

Creates an unambiguous visual grammar, users don't need to read labels to understand system state.
04
Granular permissions for key sharing (not all-or-nothing)

The original brief scoped Digital Key as "share access to your car." The first instinct — from both stakeholders and early prototypes — was a simple on/off share toggle. I pushed the scope to granular permissions after mapping the actual use cases: a valet needs unlock but not engine start; a family member on a weekend needs everything; a repair shop needs engine start but not location history. Defining these personas up front changed the entire information architecture of the feature.

Unlocks genuinely new use cases: valets, repair shops, temporary loan to a family member, each with the right level of trust.
Trade-offs

What I Cut and Why

Deciding what not to build is as important as what you ship. These were all scoped out of v1, and all deliberately cut.

Live Map / GPS Tracking
Cut

A full live map showing the car's real-time location was in v1 scope. It tested well in concept but created two hard problems: continuous GPS polling drains battery significantly, and it raised privacy concerns (who else can see this?). I replaced it with a discrete "last parked location" string, honest about what can reliably be shown without battery or privacy cost.

Engineering constraint + privacy risk outweighed the feature value at v1.
Trip History & Analytics
Deferred to v2

Fuel consumption graphs, trip logs, driving efficiency scores, all compelling features. But they require persistent data logging, which adds backend complexity and surfaces questions about data ownership that need product + legal alignment before design can proceed. This is a v2 strategic feature, not a v1 UX feature.

Needs product + legal sign-off on data retention policy before design should proceed.
In-car Audio / Media Control
Cut

Remote music/podcast control from the phone sounded useful until I mapped the actual user journey: you control audio when you're in the car, not from outside it. The feature was solving a problem that didn't exist in practice. It would have added 3 screens and a new API dependency for zero observable user value.

Failed the "real usage scenario" test, no one asked for it unprompted.
EV-specific Charging Flow
Deferred to v2

Škoda's EV lineup is growing fast, charging station maps, charge scheduling, and battery preconditioning are all highly relevant. But designing them well requires EV-specific user research (range anxiety, charging behaviour) that would have doubled the project scope. I scoped the design system to make EV screens additive, not a redesign.

Design system is EV-ready. Feature scoped out to preserve research integrity.

Reflection

Honest Notes to Myself

If I did this again
Define the north star before opening Figma

I jumped straight into wireframes before writing down what "done" actually looked like. Halfway through, I realised I was optimising for visual completeness rather than a clear user outcome. Next time: write a one-page brief, state the top 3 user jobs-to-be-done, and pin it to the top of the file before drawing a single frame.

A call I'd make again
Safety friction is non-negotiable

Three informal reviewers pushed back on the 2-tap engine start, saying it felt slower. It is. But a connected car is not a social app. Accidental activation of a running engine is a real safety risk. I held the friction deliberately and documented exactly why. Comfortable UX and correct UX aren't always the same thing.

Biggest open question
None of this is validated yet

The home dashboard hierarchy, the 4-action grid, the OTP flow — these are my best design hypotheses, not proven patterns. I'd want to run 6–8 sessions with real Škoda owners before treating any of it as directionally correct. This concept earns the right to be tested, not shipped.

Where I'd take it next
From reactive to anticipatory

This concept is still fundamentally reactive — you open it to check on your car. The real opportunity is anticipatory design: the app surfaces "Your rear-right tyre pressure dropped 4psi overnight. You have a 280km drive on Friday, worth topping up." That's the version that earns genuine loyalty.

"The best connected car app isn't the one with the most features, it's the one that gets out of your way so you can focus on driving."
Final Design

See it all together

The complete Škoda Connected App — every flow, every screen, shipped.

Škoda final design overview Škoda final design screens
Previous Case Study
Poshmark · App Redesign
Redesigning for retention, not recognition
Next Case Study
Poshmark · Listing Details
Poshmark Listing Details Redesign