Back to Works
UX Design Mobile App Automotive Concept 2025

Škoda
Connected
App

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.

Škoda Connected App
Role
UX Designer
Platform
iOS Mobile
Type
Personal Concept
Year
2025
Overview

A smarter way to own a car

Connected car apps are notoriously clunky. They're built as feature dumps, not experiences, burying the most-used actions (unlock, climate, fuel check) behind deep navigation hierarchies while offering little contextual awareness.

This concept explores what a Škoda Connected app could feel like if it prioritised the user's daily rituals over feature completeness. From a friction-free OTP onboarding to a Dashboard that surfaces the right information at the right moment, every screen was designed from a place of intent.

Project Context
Tools
Figma, FigJam, Montserrat
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 occupies a compelling space in the automotive market, a brand that prides itself on being "Simply Clever." Yet its digital touchpoints have not kept pace with this positioning. This concept is a love letter to what their app could be if it lived up to the brand's promise.

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 concept followed a compressed design sprint, moving from research to high-fidelity prototypes while staying anchored to user needs at every decision point.

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
↑ This concept targets the onboarding drop-off as the primary retention lever
McKinsey · Connected Car Data
3×
higher lifetime value from digitally engaged car owners vs. owners who never open the app
↑ Higher engagement = higher service booking, accessory, and upsell conversion
Deloitte · Automotive Consumer Study
62%
of EV buyers say the digital & app experience influenced their brand choice
↑ As Škoda transitions to EV, a premium app becomes a purchase driver, not just a feature
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. Eliminates forgotten password flows entirely.
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. The solution was a hybrid: the car and status area uses the dark forest green (which reads better in sunlight than black), while control panels and forms use white backgrounds for clarity and accessibility.

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 was successful. By using the mint green colour for active and success states only (and never for decorative purposes), I built a colour-to-meaning association that becomes second nature after just a few sessions.

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 existing paradigm for sharing car access is binary, you either hand over the physical key (full access) or you don't share at all. This concept introduces permission-level sharing: the primary owner can independently toggle unlock/lock, engine start, climate, and location visibility for each shared key. Each share can also be time-limited.

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 into 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
Marketplace · Product Redesign
Poshmark App Redesign