Porsche.com – Explore Vehicle Experience
Wie Porsche seine globale Web-Plattform transformiert hat
Porsche hat sein altes, monolithisches Frontend zu einem modernen, modularen Framework weiterentwickelt. Die Umsetzung erfolgte bei laufendem Betrieb.
Skalierbare Online-Architektur
Ein Porsche sollte sich mühelos fahren lassen: präzise, reaktionsschnell und stets leistungsbereit. Dasselbe gilt im übertragenen Sinne auch für das digitale Erlebnis auf Porsche.com. Diese bedeutende Website bedient Millionen von Kund:innen in Dutzenden von Märkten.
Jedes neue Modell, jede lokale Variante und jede Produkteinführung wird hier präsentiert. Die alte Infrastruktur konnte jedoch nicht Schritt halten. Um dies zu beheben, hat Porsche gemeinsam mit MHP eine skalierbare und zukunftsfähige Lösung entwickelt.
Composable Architecture als Leitbild
In Zusammenarbeit mit Porsche, Porsche Digital und weiteren Partnern hat MHP in einem SAFe-Agile-Framework-Umfeld eine klare strategische Grundlage erarbeitet und umgesetzt: die „Composable Architecture” als Leitbild für Porsche.com. Durch die Ausrichtung der Architekturentscheidungen und der Produkt-Roadmap an dieser Vision gelang es Porsche, die Website bei laufendem Betrieb Schritt für Schritt zu modernisieren.
Der Ausgangspunkt: Tempo ohne Kontrollverlust
Zu Beginn des Projekts stand die Analyse des Status quo. Als problematisch erwies sich dabei vor allem die kontinuierlich gewachsene, monolithische CMS-Plattform, welche Prozesse und Abläufe erschwerte. Die enge Kopplung zwischen Content und Frontend führte zu langsamen Iterationen, starken Systemabhängigkeiten und kostspieligen Design-Updates. Gleichzeitig erfordern globale Märkte häufig produktgetriebene und rechtlich bedingte Anpassungen.
Manuelle Updates und eine fragmentierte Governance führten dabei oft zu Engpässen. Die zentrale Herausforderung bestand also darin, die Bereitstellung zu beschleunigen und die Qualität zu verbessern, ohne immer wieder verzögernde Migrationsprojekte auszulösen.
Eine API-first-Webplattform mit Composable Frontend-Architecture
1) Modularer Aufbau durch ein Composable Frontend
MHP und Porsche haben beschlossen, das monolithische Frontend in modulare Komponenten aufzuteilen und zu einem modernen, komponentenbasierten Web-Framework zu wechseln. Dies ermöglicht es Porsche, das Erlebnis schrittweise weiterzuentwickeln. Das Porsche Design System ist direkt in diese Grundlage integriert und gewährleistet ein konsistentes User Interface (UI) und User Experience (UX) Design über alle Touchpoints hinweg.
2) Flexibilität durch Entkopplung der Inhalte vom Frontend
Durch die Trennung der Inhalte von der Frontend-Architektur konnten MHP und Porsche strukturelle Engpässe beseitigen und schnellere Iterationen ermöglichen. So mussten die Verantwortlichen beim Weiterentwickeln der Plattform keine groß angelegten Migrationsprogramme mehr auslösen.
3) Automatisierung durch API-gesteuerte Produktintegration
Produktinformationen werden nun über eine Programmierschnittstelle, kurz API, integriert und automatisch plattformübergreifend synchronisiert. Dies reduziert den manuellen Aufwand, erhöht die Konsistenz und Genauigkeit und unterstützt das internationale Portfolio von Porsche mit seinen zahlreichen rechtlichen und marketingbezogenen Anforderungen in den verschiedenen Märkten.
4) Effizienz durch schlanke Workflows für globale und lokale Teams
Wiederverwendbare Frontend-Module und eine intuitive Bearbeitungsumgebung ermöglichen es globalen Marketingteams und lokalen Märkten, Inhalte effizient zu verwalten. Gleichzeitig gewährleisten sie Governance und Markenkonsistenz.
Enterprise-Headless-CMS mit Storyblok
Ein weiterer wichtiger Bestandteil der Lösung ist das CMS Storyblok, das mit seinen Funktionen für Skalierbarkeit, Sicherheit und Governance überzeugt.
Zu den Hauptvorteilen gehören die intuitive Inline-Bearbeitung und die robuste Entwicklungsumgebung.
Der API-basierte Ansatz unterstützt zudem moderne Frameworks wie Astro und Next.js. Das beschleunigt die Bereitstellung und reduziert den Wartungsaufwand.
Eine Plattform, die Porsche weltweit schneller macht
Die neue Architektur vereint Geschwindigkeit, Ausfallsicherheit und Flexibilität. Dadurch kann Porsche Produkterlebnisse schneller auf den Markt bringen und aktualisieren. Zudem ermöglicht die Lösung ein weltweit einheitliches Design- und Content-Management und eine kontinuierliche Weiterentwicklung des digitalen Ökosystems, ohne dass monolithische Abhängigkeiten behindern.
Die Projektbilanz auf einen Blick
- Porsche veröffentlicht globale Produktseiten nun weltweit innerhalb weniger Minuten.
- Teams spielen mehrmals täglich Inhalts- und Produktaktualisierungen aus.
- Neue Funktionen können innerhalb eines Sprintzyklus durchgängig live gehen.
- Automatisierte Produkt-Go-Lives beschleunigen die Veröffentlichung, Teams prüfen Änderungen sofort per Inline-Bearbeitung.
„MHP arbeitete eng mit den Porsche-Teams zusammen und brachte fundierte Erfahrung aus groß angelegten Web-Initiativen ein. So entstanden stärkere technische Fähigkeiten, eine höhere Lieferqualität und eine klare Roadmap. Diese gab Orientierung, schuf Sicherheit in der Umsetzung und beschleunigte die Bereitstellung in großem Maßstab. Dabei blieb die Qualität durchgängig gesichert.“
