muse case IconEyes IconWinking Face IconFire IconRock IconAlien Icon
muse case IconEyes IconWinking Face IconFire IconRock IconAlien Icon

BMW Design System

https://cdn.sanity.io/images/qnbxd1h1/production/b681907bce2642205c836127a4426ae9f3c5b94f-1840x1035.png

Evolving the BMW Design System: Eine moderne Design-Governance und komponentenbasierte Architektur für das gesamte digitale Ökosystem der BMW Group.

Die Modernisierung des BMW Design Systems markiert einen entscheidenden Schritt in der Evolution der digitalen Markenerfahrung. Im Fokus stand die Transformation einer gewachsenen Struktur in ein hochperformantes, komponentenbasiertes System, das sowohl die Bedürfnisse der Produktdesigner als auch die Erwartungen der Endnutzer erfüllt. Durch die Neugestaltung der Architektur wurde sichergestellt, dass die digitale Identität von BMW über sämtliche Touchpoints hinweg konsistent bleibt. Wir haben diesen Prozess begleitet, um die Usability auf systemischer Ebene zu optimieren und eine solide Basis für die Skalierung digitaler Produkte im gesamten Konzern zu schaffen.

Dunkelgrauer BMW X3 Plug-in Hybrid auf der Konfigurator Seite
Sechs Liniensymbole/Icons: ein Ausklapppfeil, ein Auto, ein Herz, ein Stecker, eine Karte mit Standortmarkierung und ein beheizter Sitz.

Design Ops als Katalysator: Klare Governance für beschleunigte Produktzyklen.

Ein wesentlicher Bestandteil unserer Arbeit war die Etablierung einer belastbaren Figma Design System Governance. Um die Zusammenarbeit zwischen diversen Produktteams zu harmonisieren, entwickelten wir dedizierte Workflow-Modelle und Governance-Flows. Diese Strukturen regeln nicht nur die Erstellung und Wartung von Komponenten, sondern definieren auch klare Verantwortlichkeiten innerhalb der Design Gilde. Die Implementierung dieser Design Ops Prozesse reduziert Reibungsverluste in der täglichen Arbeit und ermöglicht es den Teams, sich auf die Nutzerzentrierung zu konzentrieren, statt sich in administrativen Design-Entscheidungen zu verlieren.

BMW Logo
Eine Frau lehnt an einem roten Auto am Meer und schaut auf ihr Handy.

Effizienz durch Struktur: Ein einheitliches Design-Fundament für globale Synergien.

Die technische Übersetzung der visuellen Sprache erfolgte durch präzise Component Specifications für die Frontend Component Library. Durch die enge Verzahnung von Design und Technik wurde eine Single Source of Truth geschaffen, die systemübergreifend funktioniert. Die konzernweite Figma-Library dient nun als zentraler Hub für alle digitalen Vorhaben. Das Resultat ist eine signifikante Steigerung der Effektivität in der Produktentwicklung. Synergien werden optimal genutzt, während die visuelle und funktionale Einheitlichkeit der Marke BMW an jedem digitalen Kontaktpunkt gestärkt wird – von mobilen Anwendungen bis hin zu komplexen Web-Plattformen.

Ein dunkelgrauer BMW, bei dem in der Farbauswahloberfläche die Option „Carbonschwarz matt“ ausgewählt ist.
Vorheriges & Nächstes Projekt
144 Vanderbilt, New York City

144 Vanderbilt, New York City

Frontend Entwicklung, Real Estate, Marketing Website

Megeno

Megeno

Digitale Plattform und Marke für präventive Gesundheitslösungen