Digitale Transformation für exzellente User Experience

Ein Mann mit Bart und weissem Hemd trägt ein junges Mädchen mit gestreiftem Shirt auf seinen Schultern durch eine blühende Wiese. Das Mädchen hält einen kleinen Winddrachen in der Hand. Im Hintergrund stehen mehrere Windräder unter einem blauen Himmel mit weissen Wolken.

Ganzheitliche digitale Lösungen für die Energieversorgung

Um sich in einem wettbewerbsintensiven Markt abzuheben, setzen die Stadtwerke Düsseldorf neben exzellentem Service auf eine erstklassige digitale Kundenerfahrung. Um langfristige Kundenbeziehungen zu stärken, sollte die bestehende Web-Plattform zu einer nahtlosen Digital Experience Platform (DXP) weiterentwickelt werden.

Seit 2019 treiben wir diesen Wandel als enger Partner der Stadtwerke Düsseldorf aktiv voran – mit strategischer Beratung, tiefgehendem Know-how und der Umsetzung innovativer, benutzerfreundlicher Lösungen. Durch die kontinuierliche Optimierung der digitalen Services entstand eine zukunftssichere, leistungsstarke Infrastruktur.

Design System

DXP

Development

Die HerausforderungIterative Modernisierung eines komplexen Systems

Die Stadtwerke Düsseldorf standen vor einer komplexen Aufgabe: Ihre bestehende FirstSpirit-Website sollte modernisiert und auf eine neue Headless-Architektur im CMS Storyblok transferiert werden – ohne den laufenden Betrieb zu beeinträchtigen. Ein vollständiger Big-Bang Rollout der Neuentwicklung kam nicht in Frage. Stattdessen wurde ein schrittweiser, modularer Ansatz angestrebt, der sich nahtlos in bestehende Strukturen einfügen und diese sukzessive ersetzen sollte.

Zentrale Anforderungen und Projektziele:

Nahtlose Weiterentwicklung: Modernisierung der Plattform, ohne bewährte Prozesse zu verändern, um Schulungsaufwand zu minimieren.
Optimierte Customer Journey: Verbesserung der User Experience durch eine intuitive Navigation und effizientere Bestellprozesse.
Vereinfachte Verwaltung: Ein Headless CMS sollte die Backend-Strukturen optimieren und eine reibungslose Integration ermöglichen.
Bessere Employee Experience: Modernes CMS mit intuitiver Bedienung für eine einfachere Content-Pflege.
Digitale Zukunftssicherheit: Migration auf moderne Technologien (Storyblok, Microsoft Azure), um Flexibilität, Sicherheit und langfristige Erweiterbarkeit zu gewährleisten.
Barrierefreiheit und Self-Service: Ausbau der Self-Service-Bereiche und konsequente Umsetzung digitaler Barrierefreiheit für eine inklusive Nutzung.

Unser VorgehenEntwicklung eines modularen Design Systems

Im Zuge des Redesigns der Website wurde ein modulares Design System entwickelt, das eine einheitliche visuelle Sprache und hohe Skalierbarkeit ermöglicht. In Figma konzipiert, dient es als Basis für wiederverwendbare React Frontend-Komponenten, die in das Headless CMS Storyblok integriert wurden. Storyblok ermöglicht eine zentrale Content-Verwaltung, flexible Ausspielung über alle digitalen Kanäle hinweg sowie eine verbesserte Usability und Performance, die sich positiv auf das SEO-Ranking auswirken. Weitere Gründe, warum sich der Umstieg auf ein Headless CMS lohnt, beleuchtet dieser Insights-Artikel.

Zusätzlich wurde die Infrastruktur schrittweise von einer On-Premises-Lösung zu Microsoft Azure migriert. Die Kombination aus Microsoft Azure und Storyblok bietet Flexibilität, Skalierbarkeit und Sicherheit. Digitale Barrierefreiheit wurde von Beginn an berücksichtigt, indem das modulare Design System eine systematische Implementierung barrierefreier Komponenten ermöglicht. Um sicherzustellen, dass das Design den neuesten WCAG 2.2-Standards entspricht, wurde es in einem separaten Accessibility-Projekt weiter optimiert. Dank Storyblok kann diese aktualisierte Version nun einfach technisch eingebunden werden.

Unser VorgehenIntegration moderner Web-Technologien

Die Weiterentwicklung des Portals erfolgte mit modernen Web-Technologien wie React mit Next.js für die Website-Entwicklung und massgeschneiderten Schnittstellen (REST, GraphQL) zur Anbindung weiterer Services. Dadurch konnten wir Self-Service-Bereiche, Empfehlungsmarketing-Lösungen und Vertriebspartner-Services für den B2B-Markt nahtlos integrieren.

Datenbanken zur Speicherung von Produkten, Bestellungen und Adressen wurden in die bestehende Systemlandschaft eingebunden, um eine optimale Datenverwaltung zu ermöglichen und die User Experience weiter zu verbessern.

Unser VorgehenHybride Content-Migration

Die Migration bestehender Inhalte stellte eine besondere Herausforderung dar. Um die Qualität und Konsistenz der Inhalte zu wahren, verfolgten wir einen hybriden Ansatz: Während niederkomplexe Inhalte automatisiert migriert wurden, erfolgte die Übertragung komplexerer Seiten manuell, inklusive inhaltlicher Optimierung.

Mehr als 800 Seiten wurden so erfolgreich in das neue System überführt und Inhalte gezielt verbessert, um eine optimierte User Experience sicherzustellen.

Weitere Einblicke zur hybriden Migration bei den Stadtwerken Düsseldorf finden Sie in diesem Insights-Beitrag.

Unser VorgehenErweiterte Services & Agile Zusammenarbeit

Dank einer agilen Arbeitsweise konnten wir flexibel auf sich ändernde Anforderungen reagieren und eine enge Zusammenarbeit mit den Stadtwerken Düsseldorf etablieren. Neben UX-Konzeption, UI-Design und technischer Umsetzung umfasst das mehrjährige Projekt Support, Monitoring, Wartung und Software Testing.

Derzeit arbeitet unser Team an der Entwicklung eines neuen Hilfe-Portals, das die Customer Experience weiter optimieren und Nutzenden zielgerichtete, effizientere Hilfestellungen zu den angebotenen Services ermöglichen soll.

Das ErgebnisEin zukunftssicheres digitales Erlebnis

Unsere enge Zusammenarbeit mit den Stadtwerken Düsseldorf hat zu einer modernen, barrierearmen und nutzerfreundlichen Webplattform geführt.

Die wichtigsten Vorteile auf einen Blick:

Flexibilität & Skalierbarkeit: Das modulare Design System ermöglicht eine schnelle Anpassung an neue Anforderungen und eine konsistente Darstellung über alle digitalen Kanäle hinweg.
Optimierte Content-Verwaltung: Durch die hybride Content-Migration konnten Inhalte effizient und qualitativ hochwertig in das neue System überführt werden.
Nachhaltige digitale Transformation: Die kontinuierliche Zusammenarbeit und iterative Modernisierung gewährleisten eine nachhaltige digitale Entwicklung und haben mit dem neuen CMS eine zukunftssichere technische Basis geschaffen.
Schnellerer Go-to-Market: Schnelle Anpassungen an Marktveränderungen durch agile Methoden.

Über unseren KundenStadtwerke Düsseldorf AG

Die Stadtwerke Düsseldorf, ein führendes Energieunternehmen in Deutschland, setzen auf innovative digitale Lösungen, um ihren Kunden exzellente Services in den Bereichen Strom, Gas, Wasser und Wärme zu bieten. Gemeinsam mit Ergosign treiben sie ihre digitale Transformation voran, um auch in Zukunft massgeschneiderte, nutzerfreundliche und nachhaltige Lösungen anzubieten.