Wien Energie

Website Relaunch mit React, WordPress Headless CMS und Design System
App
Design System
Headless CMS

Wien Energie beauftragte uns mit dem kompletten Relaunch ihrer Unternehmenswebsite. Dabei verbanden wir ein modernes UX- und Design-Konzept mit einer zukunftssicheren Systemarchitektur um eine Plattform zu schaffen, die Nutzer:innen intuitiv abholt und Wien Energie optimal für die digitale Zukunft aufstellt.

Darstellung der neuen Tarif-Liste für Wien Energie

Approach & Technologie

Für den Relaunch setzten wir auf ein komponentenbasiertes Frontend mit React, WordPress als Headless CMS und auf eine cloudbasierte Instanz auf Kinsta. Das Ganze wurde in ein durchdachtes Design System mit wiederverwendbaren Komponenten eingebettet.

So entstand eine digitale Plattform inklusive Public Affairs Website, die Design und Technologie nahtlos miteinander verbindet und Besucher:Innen ein modernes, intuitives Online-Erlebnis bietet.

Darstellung des neuen User-Interfaces für Wien Energie

Unsere Lösung

Ein zentrales Ziel war die Entwicklung eines skalierbaren Design Systems, das auch für weitere Wien-Energie-Plattformen - wie z.B. interne Tools zur PV-Visualisierung - genutzt werden kann. So konnten wir eine einheitliche Basis schaffen, die Zeit und Kosten bei zukünftigen Projekten spart.

Gleichzeitig lag unser Fokus darauf, die Arbeit der Content Manager:Innen zu erleichtern und die User Experience spürbar zu verbessern. Dabei legten wir besonderen Wert auf die Umsetzung von Barrierefreiheit (A11Y), sowie die Integration einer internen SOLR-Suche für die Adressverwaltung.

Verwendeter Technologie-Stack

Laravel
React
WordPress

Herausforderungen und wie wir sie gelöst haben:

Herausforderungen

  • Veraltete digitale Plattform
    Begrenzte Flexibilität und Hoher Kosten- & Zeitaufwand
  • Uneinheitlicher Markenauftritt
    für weitere Wien Energie Plattformen wie bsp. BSKW oder PV-Visualisierung
  • Hoher manueller Aufwand
    Mangelnde redaktionelle Flexibilität im Content Management
  • Fehlende Barrierefreiheit
    Eingeschränkte Benutzerfreundlichkeit und Accessibility

Lösungen

  • Moderne, skalierbare Systemarchitektur
    auf Basis von React und WordPress Headless CMS
  • Wiederverwendbares Design System
    Vereinter Markenauftritt über alle Wien Energie Plattformen
  • Optimierte CM-Prozesse
    Einfache Handhabung dank individuell angepasster WordPress-Komponenten
  • Konsequenz bei Accessibility-Standards
    Entwicklung eines nutzerzentrierten UX-Design für alle Zielgruppen