Atomic Design

Wenn Gestaltung zur Methodik wird

InsightsPerspektive

In der Betrachtung des digitalen Erscheinungsbildes haben wir Audis Perspektivenwechsel auf die Gestaltung übertragen.

Wir haben nicht nur vom kleinsten Device aus gedacht, sondern auch von den kleinsten Bestandteilen des Designs.

InsightsSkalierbarkeit

„Atomic“ meint

nicht winzig,

sondern wesentlich.

Beim Atomic Design arbeitet man von innen nach außen. Zuerst werden Komponenten wie Buttons oder Eingabefelder gestaltet, die sogenannten „Atome“. Schon hier definiert sich die Art und Weise, wie Audi mit dem Nutzer interagiert.

Am Ende entsteht ein konsistentes Erlebnis, das auf alle Oberflächen skalierbar ist, vom Autodisplay bis zur Smartwatch.

Funktionsweise Atomic Design

Funktionsweise Atomic Design

InsightsAlways Beta

Ressourcen für

Veränderung

Gemeinsam mit Audi haben wir ein Markenportal entwickelt, das state of the art ist. Jedes Element ist interaktiv erlebbar und alle Elemente teilen eine Code-Basis. Änderungen sind dadurch einfach zu pflegen, überall sichtbar und erwünscht: Die agile Plattform wächst und verbessert sich durch den Input von Designern und Programmierern aus aller Welt. Zudem sind die digitalen Komponenten mit einem Link zur Entwicklungsplattform GitHub bereitgestellt.

Die Zukunft kann kommen.

Screenshot / Brand Portal

Screenshot / Brand Portal Photoshop Vorlage

Link zum

digitalen Markenportal von Audi

Link zum

Audi GitHub Repository

„Ob Open-Source gefährlich ist? Das ist eine Frage und Denke aus einer anderen Zeit.“ Thomas Michelbach,
Head of Development Strichpunkt

DFBCorporate Branding

DFB

Eine neue

Taktik

VorwerkCorporate Branding

Vorwerk

Aufbruch

in die Moderne