UX Redesign · Mobile + Smart TV

Audi UX,
refined

Solo redesign of Audi's mobile and Smart TV applications — improving navigation, search, and visual hierarchy while maintaining Audi's established design language across both platforms.

TypeUX Redesign

PlatformsMobile + Smart TV

RoleSolo Designer

ToolsFigma, Wireframing, UX Audit

Read Case Study ↓

scroll

01 — Overview

The Constraint

Enhance usability without disrupting brand recognition. Users needed to feel the redesign was still unmistakably Audi. Nothing should feel out of place at a dealership.

Constraint

Audi's brand design language is non-negotiable

The UX must work within it, not around it.

Opportunity

Room to improve without reinventing

Navigation hierarchy, search UX, and cross-platform consistency all had room to improve.

02 — Process

How the redesign took shape

Step 1 — App Audit

Systematic review of current mobile and Smart TV apps

Documented existing flows, interaction patterns, and visual inconsistencies across both platforms to establish a baseline.

Step 2 — Pain Point Mapping

Identified navigation friction, search limitations, visual hierarchy issues

Catalogued specific usability problems — buried actions, inconsistent patterns between mobile and TV, and search flows that required too many steps.

Step 3 — Wireframing

Low-fidelity layouts for both mobile and Smart TV

Explored structural changes in low fidelity to test information architecture improvements before committing to visual design.

Step 4 — Hi-fi Prototypes

High-fidelity Figma prototypes maintaining Audi design language

Translated wireframes into polished prototypes that respected Audi's brand guidelines while incorporating all usability improvements.

03 — Core Improvements

What changed and why

🧭

Cleaner Navigation Hierarchy

Restructured information architecture to reduce depth and surface key actions. Users reach core features in fewer taps without losing the sense of brand structure.

Mobile + TV

🔍

Improved Search UX

Faster, more intuitive search with better autocomplete and filtering. Reduced the number of steps to find a vehicle, feature, or setting across both platforms.

Search Design

🔗

Consistent Cross-Platform Branding

Unified visual language between mobile and Smart TV without forcing identical layouts. Shared design tokens and patterns adapted to each platform's interaction model.

Design Systems

04 — Reflection

Restraint over redesign

The challenge with brand-constrained redesigns is restraint. The temptation is to reimagine everything — but the goal was to remove friction, not reimagine the brand.

"The best redesign is the one users don't notice as a redesign. They just notice things work better."

— Andre Espinoza

🎯

Restraint as skill

Knowing what NOT to change is as important as knowing what to improve.

📱

Cross-platform ≠ identical

Mobile and TV have different interaction models. Consistency means shared principles, not shared layouts.

🛡️

Brand as guardrail

Working within strict brand guidelines forced better design decisions — constraints drive creativity.

Want to see more UX work?

Let's connect and talk about design, usability, and building products that respect both users and brands.