Audi - Corporate Design

and global user interface system by freelance creative director Christoph Gey

header_abstand_transparent

header_abstand_transparent
header_abstand_transparent

Redesigning a Legend

Audi’s Global Brand Evolution

When Philipp Brune, Managing Director at Strichpunkt Design, invited me to join his team as a freelance Senior Art Director, I immediately accepted. Over the course of nine months, I contributed to Audi’s global brand rebranding – focusing on the core of the new Corporate Design: the digital User Interface. The comprehensive redesign spanning digital products, user interfaces, and print communication.

The project followed a digital-first approach, using the user interface as the core expression of the brand. Digital systems defined principles, behavior, and visual language — which were then consistently translated into print and other analog touchpoints.

This was not about updating visuals. It was about redefining how Audi’s brand works across media, platforms, and contexts — precise, reduced, and unmistakably Audi.

THE AIM

One Brand. One System. Across All Touchpoints.

To create a consistent and connected brand experience across all platforms and formats — from wearables, mobile applications, and in-car interfaces to print communication and physical media.

The interface became the starting point: behavior, motion, typography, spacing, and hierarchy were defined digitally and scaled across the entire brand ecosystem.

A Living Brand & Design System

To develop a living design system that goes far beyond a traditional style guide.
The system provides Audi teams worldwide with clear principles, tools, and guidance to create brand-consistent digital and print communication — scalable, flexible, and future-proof.

It enables teams to design interfaces, products, and content with confidence while maintaining a strong and coherent brand identity.

MY TASKS

  • Defining brand, design, and interaction principles (digital-first)

  • Concept and design of modular UI systems and components

  • Creation of responsive interface layouts and templates

  • Development of iconography and visual assets

  • Design of brand and design-system documentation

Agency: Strichpunkt Design
Client: Audi AG
My Role: Freelance Senior Art Director / UX & UI

Results & Recognition

The rebranding received international recognition and multiple prestigious awards:

  • Red Dot Award – Best of the Best

  • Art Directors Club – 2× Silver Nail

  • German Digital Award – Bronze

  • Corporate Design Award

 

Part 1

THE REBRANDING OF AUDI

 

Reducing the rules of branding to a minimum. Developing a dynamic, open system to allow creative variety to unfold. Base it on the same foundation of versatility, honesty and balance.

Audi Corporate Design - Outcome Overview

Core Components

The Audi identity was simplified and optimized for digital use. Core elements were reworked as flexible system components: the logo was flattened for clarity across all screen sizes and freed from rigid placement rules, the color palette reduced to improve accessibility and ease of application, and hierarchy and custom typography refined to enable clearer, more consistent communication across interfaces.

Audi Corporate Design – Digital color palette and typography system for UI components
Typography Schema - digitales Rebranding Audi
© AUDI AG, Strichpunkt Design, KMS TEAM and Blackspace
Audi - digital brand ecosystem

Global Icon Set

The icon system was designed to scale across markets, screen sizes and contexts while maintaining Audi’s precise, technical brand language. The icon system is pixel-perfect and fully responsive: icons scale gracefully, revealing more detail at larger sizes while remaining clear and minimal at small sizes. Divided into content and action icons, the latter are enclosed in a ring, echoing the Audi logo. The icons are applied consistently across car screens, wearables, apps, out-of-home, and print, combining timelessness with elegant simplicity.

User Interface Design Audi – Responsive Icon System for HMI Screens and Apps
Global responsive Icon Set for Audi
User Interface Design Audi – Interaction design for in-car screens and vehicle displays
User Interface Design Audi – UX Flow and HMI Prototyping for the Dashboard
HMI Screens - User Interface Design Audi – UX Flow
Global HMI Screen Concept - User Interface Design Audi – UX Flow

Prototypes for HMi Screens

UI Design Navigation Concept

The challenge was to create a navigation system that scales across platforms and markets while staying intuitive, calm and unmistakably Audi. A unified navigation system was developed to handle countless UI elements—bars, tabs, button, pager, stepper, loader and more—across multiple states (error, overflow, default, hidden, locked, etc.) and on different devices (HMI screens, watches, phones, desktop, …). It was built before “pattern libraries” even existed, yet it worked seamlessly on all screens and remained intuitive for both users and designers.

User Interface Design Audi – Scalable Navigation Concept and UI Pattern Library
Audi Corporate Design – Responsive Web Design and Mobile UI Components
Futuristic Navigation Concept implemented in Audi HMI screens
Audi Global User Interface Concept – Responsive UI Components
Audi User Interface prototypes and mockups to check the system

Mockups, Prototypes & User Testing

The mockups demonstrate how the design system translates into real interfaces — ensuring consistency, speed and clarity across Audi’s digital ecosystem. The UI was designed with real content from the start—not in isolation. Concepts were prototyped (HMI Screens, Watch, Phone, Desktop, …), tested, and refined through user feedback, ensuring functionality and clarity before final implementation.

User Interface Audi - Modular UI components inside the pattern library
User Interface Design Audi - User Flow and information architecture
Audi Design system assets and navigation patterns

Part 2

DIGITAL BRANDING PLATFORM

The branding platform translates Audi’s core values into a flexible, digital-first system — built to guide interfaces, not constrain them. I created a digital branding platform that allowed designers, agencies, and Audi B2B clients to access all design elements in one place. Beyond visual assets, the platform provided the code behind each component, ensuring UI quality and eliminating redundant work—saving time and cost. At the time, this approach was revolutionary, transparent, and highly efficient.

Audi Corporate Design – Digitale Branding-Plattform und UI-Asset-Bibliothek für B2B
Audi - global brand platform and pattern library by freelance creative director Christoph Gey

 

CREDITS

Philipp Brune:
“Christoph worked with the Audi team for over ni months on a very extensive and complex digital branding project. We quickly came to appreciate his openness and ability to give and receive constructive feedback. His high standards and strong identification with the project fit perfectly into the overall team dynamic. We would gladly work with him again!”

 

Managing Director, Strichpunkt Design

Nico Wüst:
“Christoph was an integral part of the team, actively supporting us in developing design and interaction principles, creating an icon language, and designing a website. His calm, friendly, and open manner, combined with high reliability and creative results, truly impressed us. I look forward to the next opportunity to work with Christoph.”

 

Head of Strategy, Strichpunkt Design

Crafted with humility, devotion and love. By the freelance creative director Christopher Gey from Leipzig
Crafted with humility, devotion and love.
Agency
Strichpunkt Design

Client
Audi

Concepter
Christoph Beringer
Patric Sterrantino

Creative Director
Nico Wüst

Consultant
Björn Dieckmann
Franziska Schkade
Kim Reit
Sammy Bohneberg
Volker Kirschner-Kross

Senior Art Director
Christoph Gey
Fabian Hammans
Kevin Mitchell
Richard Bruskowski
Veit Kiel

Freelance Creative Director Christoph Gey 8from Leipzig) says hello

Let's create something meaningful together

I love what I do - for me, design is less of a job and more of a calling. That's why I enjoy working with ambitious individuals and mid-sized businesses just as much as I do with global players. If you bring that same passion to your project, I’d love to hear from you. Let’s find out together how we can take your vision to the next level.