Case Study: Verbund - Website Relaunch

Projekt ansehen

Die Herausforderung im Projekt bestand darin, das veraltete .NET-CMS abzulösen und einen neuen, modernen Webauftritt zu schaffen, der dem aktuellen Stand der Technik entspricht.

Die bisherige Infrastruktur war komplex: Für den Betrieb der Plattform setzte VERBUND je Umgebung auf mehrere Server, sodass insgesamt zehn Server laufend betrieben und gewartet werden mussten. Dies verursachte einen erheblichen Aufwand und hohe Kosten für Wartung und Updates. Hinzu kam, dass ein Großteil der umfangreichen Systemfunktionen im redaktionellen Alltag nicht genutzt wurde, wodurch die hohen Lizenzgebühren in keinem Verhältnis zum tatsächlichen Nutzen standen.

Durch den Umstieg auf Umbraco Cloud konnten Aufwand und Kosten für Wartung und Betrieb signifikant gesenkt und die Lizenzkosten vollständig eingespart werden.

Inhaltsverzeichnis

• Design
• Migration von Inhalten
• Workflow und Mehrsprachigkeit
• Testautomatisierung, Sicherheit und Verfügbarkeit
• Fazit

Design

Alle Seiten der VERBUND-Welt folgen einem einheitlichen Corporate Design, das den Barrierefreiheitsrichtlinien nach WCAG 2.2 AA entspricht und regelmäßig auditiert wird. Vor der Veröffentlichung wurde die Usability mit einer Auswahl von Nutzer:innen aus verschiedenen demografischen Gruppen getestet und das resultierende Feedback eingearbeitet.

Der Webauftritt der VERBUND AG besteht derzeit aus 25 Seiten und wächst stetig. Das Flaggschiff des Projekts ist die Konzernseite verbund.com. Sie bildet die Drehscheibe, von der aus Besucher auf alle anderen Seiten der VERBUND-Welt, aber auch auf externe Portale gelangen.

• Länderseiten zeigen für einzelne Länder relevanten Content, standardmäßig in der jeweiligen Landessprache.
• Portalseiten sind Subdomains, die sich speziellen Themen im Konzern widmen, wie Rekrutierung, Standorte, Tourismus oder Kunst (z. B. power.verbund.com).
• Am häufigsten sind die Projektseiten. Sie thematisieren einzelne Vorhaben wie die Errichtung von Kraftwerken und die Renaturierung von Gewässerabschnitten oder dienen der Bewerbung von Kampagnen (z. B. powertour.at).
• Eine Ausnahme bildet die Event-Seite inspire-summit.com: Sie erscheint in einem eigenständigen Design, wird jedoch ebenfalls in derselben Cloud-Instanz wie die Corporate-Seiten betrieben.

Die Platzierung der Inhalte ist konsequent modular aufgebaut. Insgesamt stehen den Redakteur:innen von VERBUND rund 60 verschiedene Module zur Verfügung, um Inhalte darzustellen. Der jeweilige Seitentyp gibt vor, welche Module verwendet werden können. Die auf dem Search Provider SOLR basierende Volltextsuche kann je nach Konfiguration seitenübergreifend eingesetzt werden.

» Mit dem Wechsel auf Umbraco Cloud haben wir unsere laufenden Hosting- und Lizenzkosten deutlich gesenkt – und gleichzeitig eine Plattform gewonnen, die wir flexibel und zukunftssicher weiterentwickeln können. «

Mag. Jasmin Kuric, VERBUND Digital Power GmbH

Migration von Inhalten

Obwohl die neue Seite inhaltlich neu konzipiert wurde, wurden ausgewählte Inhalte wie Pressemeldungen oder Finanzberichte programmatisch aus dem Altsystem nach Umbraco migriert. Die Inhalte wurden in mehrere Sprachen übertragen und enthielten auch komplexe Elemente wie Tabellen und Rich-Text. Die Daten wurden via PowerShell in ein JSON-Format exportiert und anschließend mit C# in Umbraco importiert.

Workflow und Mehrsprachigkeit

Durch den Einsatz von Umbraco Workflow können sämtliche Inhalte vor ihrer Veröffentlichung von autorisierten Personen überprüft und anschließend freigegeben oder abgelehnt werden.

Derzeit werden Inhalte in sechs verschiedenen Sprachen angeboten. Die Inhalte, die initial meist auf Deutsch erstellt werden, werden mithilfe des Translation Managers von Übersetzungsagenturen in die Zielsprachen übertragen.

Testautomatisierung, Sicherheit und Verfügbarkeit

Im Zuge jedes Deployments werden mehrere hundert Unit-Tests ausgeführt, um sicherzustellen, dass Änderungen keine unerwünschten Nebeneffekte verursachen. Auf einer Spiegelung der Produktiv-Instanz laufen mithilfe des Test-Frameworks Playwright täglich UI-Tests, die Nutzer mit verschiedenen Geräten, Betriebssystemen und Browsern simulieren.

Sowohl die von außen erreichbaren Seiten als auch das Backoffice wurden intensiven Penetrations- und Lasttests unterzogen. Azure Frontdoor dient als vorgeschaltetes CDN und bietet zusätzlichen Schutz vor DDoS-Angriffen. Health Checks prüfen alle paar Sekunden die Verfügbarkeit der Seiten. Sollte eine Instanz ausfallen, wird innerhalb von Sekunden eine außerhalb von Umbraco-Cloud gehostete Backup-Instanz aktiviert.

Fazit

Aufgrund der Umstellung wurden die laufenden Kosten für Hosting und Lizenzen bei gleichbleibendem Nutzen auf einen Bruchteil reduziert. Die Weiterentwicklung gestaltet sich nun wesentlich dynamischer und Anforderungen werden schneller umgesetzt. Die Redakteur:innen bewerten das neue System als deutliche Verbesserung.

Zum Projekt!