Audi - Corporate Design

and global user interface system by freelance creative director Christoph Gey

header_abstand_transparent

header_abstand_transparent
header_abstand_transparent

Neugestaltung einer Legende

Die globale Markenentwicklung von Audi

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.

Das Projekt verfolgte einen Digital-First-Ansatz und nutzte die Benutzeroberfläche als zentralen Ausdruck der Marke. Digitale Systeme definierten Prinzipien, Verhaltensweisen und eine visuelle Sprache, die anschließend konsequent in Printmedien und andere analoge Kontaktpunkte übertragen wurden.

Hier ging es nicht um die Aktualisierung des visuellen Erscheinungsbilds. Es ging darum, die Art und Weise, wie die Marke Audi über Medien, Plattformen und Kontexte hinweg funktioniert, neu zu definieren – präzise, ​​reduziert und unverkennbar Audi.

DAS ZIEL

Eine Marke. Ein System. Über alle Kontaktpunkte hinweg.

Ziel ist es, ein einheitliches und vernetztes Markenerlebnis über alle Plattformen und Formate hinweg zu schaffen – von Wearables, mobilen Anwendungen und Schnittstellen im Auto bis hin zu Printkommunikation und physischen Medien.

Die Benutzeroberfläche wurde zum Ausgangspunkt: Verhalten, Bewegung, Typografie, Abstände und Hierarchie wurden digital definiert und im gesamten Markenökosystem skaliert.

Ein lebendiges Marken- und Designsystem

Ziel ist die Entwicklung eines dynamischen Designsystems, das weit über einen herkömmlichen Styleguide hinausgeht.
Das System bietet Audi-Teams weltweit klare Prinzipien, Werkzeuge und Anleitungen für eine markenkonforme digitale und Printkommunikation – skalierbar, flexibel und zukunftssicher.

Es ermöglicht Teams, Schnittstellen, Produkte und Inhalte mit Zuversicht zu gestalten und gleichzeitig eine starke und kohärente Markenidentität zu wahren.

MEINE AUFGABEN

  • Definition von Marken-, Design- und Interaktionsprinzipien (digital-first)

  • Konzeption und Design modularer UI-Systeme und -Komponenten

  • Erstellung responsiver Benutzeroberflächenlayouts und -vorlagen

  • Entwicklung von Ikonografie und visuellen Elementen

  • Gestaltung der Marken- und Designsystemdokumentation

Agentur: Strichpunkt Design
Kunde: Audi AG
Meine Rolle: Freiberuflicher Senior Art Director / UX & UI

Ergebnisse und Anerkennung

Das Rebranding erhielt internationale Anerkennung und zahlreiche renommierte Auszeichnungen:

  • Red Dot Award – Best of the Best

  • Art Directors Club – 2× Silver Nail

  • German Digital Award – Bronze

  • Corporate Design Award

 

Teil 1

THE REBRANDING VON AUDI

 

Reduktion der Regeln auf ein Minimum. Entwicklung eines dynamischen, offenen Systems um Kreativität entfalten zu können. Basierend auf dem gleichen Fundament von Vielseitigkeit, Ehrlichkeit und Balance.

Audi Corporate Design - Outcome Overview

Kernkomponenten

Die Audi-Identität wurde vereinfacht und für die digitale Nutzung optimiert. Kernelemente wurden als flexible Systemkomponenten neu gestaltet: Das Logo wurde für bessere Lesbarkeit auf allen Bildschirmgrößen vereinfacht und von starren Platzierungsregeln befreit, die Farbpalette reduziert, um die Zugänglichkeit und Anwendungsfreundlichkeit zu verbessern, und Hierarchie sowie individuelle Typografie verfeinert, um eine klarere und konsistentere Kommunikation über alle Schnittstellen hinweg zu ermöglichen.

Audi Corporate Design – Digitales Farbpaletten- und Typografiesystem für UI-Komponenten
Typografie-Schema – digitales Rebranding Audi
© AUDI AG, Strichpunkt Design, KMS TEAM und Blackspace
Audi – digitales Markenökosystem

Globales Icon Set

Das Icon-System wurde so konzipiert, dass es sich an unterschiedliche Märkte, Bildschirmgrößen und Kontexte anpassen lässt und gleichzeitig die präzise, ​​technische Markensprache von Audi beibehält. Das Icon-System ist pixelgenau und vollständig responsiv: Die Icons skalieren elegant und zeigen bei größeren Größen mehr Details, während sie bei kleineren Größen klar und minimalistisch bleiben. Sie sind in Inhalts- und Aktions-Icons unterteilt, wobei letztere, angelehnt an das Audi-Logo, von einem Ring umschlossen sind. Die Icons werden einheitlich auf Fahrzeugbildschirmen, Wearables, Apps, im Außenbereich und in Printmedien verwendet und vereinen zeitlose Eleganz mit schlichter Schönheit.

Benutzeroberflächendesign Audi – Responsives Icon-System für HMI-Bildschirme und Apps
Globales responsives Icon-Set für Audi
Benutzeroberflächendesign Audi – Interaktionsdesign für Bildschirme und Fahrzeugdisplays
Benutzeroberflächendesign Audi – UX-Ablauf und HMI-Prototyping für das Armaturenbrett
HMI-Bildschirme – Benutzeroberflächendesign Audi – UX-Ablauf
Globales HMI-Bildschirmkonzept – Benutzeroberflächendesign Audi – UX-Ablauf

Prototypes for HMi Screens

UI Design Navigation Concept

Die Herausforderung bestand darin, ein Navigationssystem zu entwickeln, das plattform- und marktübergreifend skalierbar ist und dabei intuitiv, ruhig und unverkennbar Audi bleibt. Es wurde ein einheitliches Navigationssystem entwickelt, das unzählige UI-Elemente – Leisten, Tabs, Schaltflächen, Pager, Stepper, Ladeanzeigen usw. – in verschiedenen Zuständen (Fehler, Überlauf, Standard, ausgeblendet, gesperrt usw.) und auf unterschiedlichen Geräten (HMI-Bildschirme, Smartwatches, Smartphones, Desktop-Computer usw.) verwaltet. Es wurde entwickelt, bevor es überhaupt „Pattern Libraries“ gab, funktionierte aber dennoch nahtlos auf allen Bildschirmen und blieb sowohl für Benutzer als auch für Designer intuitiv.

Benutzeroberflächendesign Audi – Skalierbares Navigationskonzept und UI-Musterbibliothek
Audi Corporate Design – Responsive Webdesign und mobile UI-Komponenten
Futuristisches Navigationskonzept in Audi-HMI-Bildschirmen implementiert
Audi Global User Interface Concept – Responsive UI Components
Audi-Benutzeroberflächenprototypen und -Modelle zur Überprüfung des Systems

Mockups, Prototypen & Benutzertests

Die Mockups veranschaulichen, wie das Designsystem in reale Benutzeroberflächen umgesetzt wird – und gewährleisten so Konsistenz, Geschwindigkeit und Klarheit im gesamten digitalen Ökosystem von Audi. Die Benutzeroberfläche wurde von Anfang an mit realen Inhalten entwickelt – nicht isoliert. Konzepte wurden prototypisch umgesetzt (HMI-Bildschirme, Smartwatch, Smartphone, Desktop usw.), getestet und anhand von Nutzerfeedback optimiert, um Funktionalität und Verständlichkeit vor der finalen Implementierung sicherzustellen.

Audi-Benutzeroberfläche – Modulare UI-Komponenten innerhalb der Musterbibliothek
Benutzeroberflächendesign Audi – Benutzerfluss und Informationsarchitektur
Audi Design Systemressourcen und Navigationsmuster

Teil 2

DIGITALE MARKENPLATTFORM

Die Branding-Plattform übersetzt Audis Kernwerte in ein flexibles, digital ausgerichtetes System – entwickelt, um Benutzeroberflächen zu steuern, nicht einzuschränken. Ich habe eine digitale Branding-Plattform geschaffen, die Designern, Agenturen und Audi-B2B-Kunden den Zugriff auf alle Designelemente an einem zentralen Ort ermöglicht. Neben den visuellen Assets stellte die Plattform den Quellcode jeder Komponente bereit, wodurch die Qualität der Benutzeroberfläche sichergestellt und redundante Arbeit vermieden wurde – was Zeit und Kosten sparte. Dieser Ansatz war damals revolutionär, transparent und hocheffizient.

Audi Corporate Design – Digitale Branding-Plattform und UI-Asset-Bibliothek für B2B
Audi – Globale Markenplattform und Musterbibliothek des freiberuflichen Kreativdirektors Christoph Gey

 

CREDITS

Philipp Brune:
„Christoph arbeitete über neun Monate mit dem Audi-Team an einem sehr umfangreichen und komplexen digitalen Markenprojekt. Wir schätzten schnell seine Offenheit und seine Fähigkeit, konstruktives Feedback zu geben und anzunehmen. Seine hohen Ansprüche und seine starke Identifikation mit dem Projekt passten hervorragend zur Teamdynamik. Wir würden jederzeit wieder gerne mit ihm zusammenarbeiten!“

 

Managing Director, Strichpunkt Design

Nico Wüst:
„Christoph war ein unverzichtbarer Teil des Teams und hat uns aktiv bei der Entwicklung von Design- und Interaktionsprinzipien, der Erstellung einer Symbolsprache und der Gestaltung der Website unterstützt. Seine ruhige, freundliche und offene Art, gepaart mit hoher Zuverlässigkeit und kreativen Ergebnissen, hat uns sehr beeindruckt. Ich freue mich auf die nächste Gelegenheit zur Zusammenarbeit mit Christoph.“

 

Head of Strategy, Strichpunkt Design

Mit Demut, Hingabe und Liebe gestaltet. Vom freiberuflichen Kreativdirektor Christopher Gey aus Leipzig.
Mit Demut, Hingabe und Liebe geschaffen.
Agentur
Strichpunkt Design

Kunde
Audi

Konzepter
Christoph Beringer
Patric Sterrantino

Creative Director
Nico Wüst

Berater
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 (from Leipzig) sagt Hallo

Lasst uns gemeinsam etwas Sinnvolles erschaffen.

Ich liebe, was ich tue – für mich ist Design weniger Beruf und mehr Berufung. Deshalb arbeite ich genauso gerne für ambitionierte Einzelpersonen und mittelständische Unternehmen wie für Global Player. Wenn du für dein Projekt dieselbe Leidenschaft mitbringst, schreib mir gerne. Lass uns gemeinsam herausfinden, wie wir deine Vision aufs nächste Level bringen.