Von fragmentierten Designs zu konzernweiter Konsistenz: Wie wir für einen der größten Energiekonzerne Europas ein technisches Design-System implementierten, das Web-Projekte einheitlicher, schneller und kostengünstiger macht
Jahr
2023 - heute
Kunde
RWE
Sektor
Energie
Herausforderung
Konsistenz über Konzernstrukturen hinweg
Technologien
Diverse Back- und Frontend-Technologien
Unsere Rolle
Konzeption, Architektur, Projektbegleitung und Pflege
Die Situation:
RWE als internationaler Konzern arbeitet mit zahlreichen Tochtergesellschaften und externen Dienstleistern zusammen. Jede Einheit entwickelt eigene Web-Projekte. Das Ergebnis: Jede Website interpretiert das RWE-Design anders. Buttons sehen unterschiedlich aus. Formulare folgen verschiedenen Mustern. Die Navigation funktioniert überall leicht anders.
Die Herausforderung:
Ein PDF mit Gestaltungsregeln funktioniert nicht. Es wird nicht gelesen, nicht verstanden oder nicht korrekt umgesetzt. Designer und Entwickler bei Dienstleistern brauchen keine Dokumentation, sondern fertige, funktionierende Komponenten.
Die Folge:
Inkonsistente Markenwahrnehmung. Kunden erkennen RWE-Websites nicht als zusammengehörig. Die User Experience variiert je nach Tochtergesellschaft.
Die Situation:
Jede Tochtergesellschaft, jede Agentur entwickelt die gleichen Komponenten neu. Ein Button wird mehrfach entwickelt. Mit leicht unterschiedlichen Varianten. Ein Formular wird in jeder Website neu gebaut.
Die Herausforderung:
Ohne zentrale Komponenten-Bibliothek entsteht massive Verschwendung. Entwickler:innen lösen die gleichen Probleme immer wieder. Code-Qualität variiert. Wartung wird zum Albtraum, weil es keine Single Source of Truth gibt.
Die Folge:
Hohe Entwicklungskosten. Lange Time-to-Market für neue Projekte. Wartungsaufwand multipliziert sich mit jeder neuen Website. Bug-Fixes müssen überall separat eingespielt werden.
Die Situation:
RWE arbeitet mit zahlreichen externen Agenturen und Dienstleistern. Diese haben unterschiedliche Tech-Stacks, unterschiedliche Arbeitsweisen und ein unterschiedliches Verständnis der Marke. Vorgaben per PDF oder Styleguide-Website funktionieren nicht und werden ignoriert oder falsch interpretiert.
Die Herausforderung:
Wie stellt man sicher, dass externe Dienstleister die Markenstandards einhalten, ohne jeden Code-Review selbst durchführen zu müssen? Wie gibt man ihnen die richtigen Werkzeuge an die Hand?
Die Folge:
Qualitätskontrolle wird zum Flaschenhals. Jedes Projekt muss aufwendig geprüft werden. Nachbesserungen kosten Zeit und Geld. Standards werden trotzdem nicht konsequent eingehalten.
Die Situation:
Der Markt für Design-System-Tools ist vielfältig. Kommerzielle Anbieter wie Figma mit Design Tokens, Storybook als Developer-Tool, verschiedene proprietäre Lösungen. Jedes Tool verspricht die perfekte Lösung, aber welches passt wirklich zu RWEs Unternehmensstrukturen, Prozessen und technischer Landschaft?
Die Herausforderung:
Die Wahl des falschen Tools bedeutet: Vendor Lock-in, hohe Lizenzkosten, mangelnde Flexibilität oder fehlende Akzeptanz bei Entwicklern. Die Lösung muss perfekt zu RWE passen, nicht umgekehrt.
Die Folge:
Ohne fundierte Tool-Auswahl riskiert man hohe Kosten, geringe Nutzung, fehlende Skalierbarkeit und Abhängigkeiten von externen Anbietern.
Check mal unsere Disziplinen Konzeption
und Strategische Beratung aus!
Warum ein Design-System mehr ist als hübsche Dokumentation
Check mal unsere Disziplinen Grafikdesign
und Technische Entwicklung aus!
Dafür muss es Entwickler:innen die Arbeit erleichtern, nicht erschweren.
Das Design-System definiert klare Standards, die konzernweit gelten. Jede Website, jede Applikation arbeitet mit den gleichen Komponenten. Das Ergebnis: Konsistente Markenwahrnehmung. Kunden erkennen RWE-Properties als zusammengehörig. Die User Experience ist über alle Touchpoints professionell und einheitlich.
Entwickler:innen müssen keine Basis-Komponenten mehr neu bauen. Buttons, Formulare, Navigation ist alles fertig verfügbar. Die Entwicklungszeit für neue Projekte sinkt deutlich. Statt Wochen für Basis-Setup reichen Tage. Teams können sich auf Business-Logic konzentrieren statt auf UI-Komponenten.
RWE kann das System selbst ausbauen. Neue Komponenten werden intern entwickelt. Anpassungen erfolgen nach eigenem Zeitplan. Keine Wartezeiten auf externe Dienstleister. Keine zusätzlichen Kosten für jede kleine Änderung. Das System gehört RWE – technisch und organisatorisch.
Das Besondere am System: Standards werden nicht nur beschrieben, sondern durch die Architektur durchgesetzt. Externe Dienstleister können gar nicht anders, als die über npm integrierten RWE-Komponenten zu verwenden. Qualitätskontrolle passiert automatisch: Wer die Komponenten nutzt, hält die Standards ein.
