IAA + Magnolia

iaa-teaser0

IAA + Magnolia

“Mit Magnolia haben wir eine effiziente und skalierbare Plattform, die es uns ermöglicht, neue Funktionalitäten und Websites in kurzer Zeit zu veröffentlichen. Durch die Ausspielung verschiedener Websites im gleichen Backend erreichen wir einen effizienten Workflow. Die einfache Bedienung und zentrale Verwaltung ermöglicht es Redakteuren, Autoren und Übersetzern direkt im CMS zu arbeiten. Auch während hoher Besucherauslastungen während der IAA Messen konnte die Performance überzeugen.”
iaa-logo-2023-04

Die deutsche Automobilindustrie steckt in einer grundlegenden Transformation. Der Verband der Automobilindustrie e.V. (VDA) repräsentiert dabei über 600 Unternehmen, die mit innovativen Lösungen an der Zukunft einer klimaneutralen Mobilität arbeiten. Der VDA steht für eine zukunftsfähige Klima- und Wirtschaftspolitik, für Digitalisierung und den Innovation.

Diese Vielfalt spiegelt sich auch auf der IAA MOBILITY und der IAA TRANSPORTATION, den weltweit wichtigsten Plattformen für Mobilität und Transport, die der VDA im jährlichen Wechsel veranstaltet. Beide Messen greifen die großen Themen der Automobilbranche auf und liefern die perfekte Bühne für Präsentation und Diskussion der spannendsten Lösungen.

Die Herausforderung

Keine Konsolidierung von Mandanten möglich

Die Webseite der IAA MOBILITY und der IAA TRANSPORTATION wurden vor der Umstellung auf Magnolia mit Typo3 betrieben. Um große Belastungsspitzen zu bewältigen, die besonders bei anstehenden Messeterminen und durch die starke Einbindung medialer Inhalte entstanden, war ein CDN im Einsatz.

Die gewachsene Architektur des VDA verhinderte die Konsolidierung der Webseiten und erschwerte so die Arbeitsabläufe von Redakteuren und Entwicklern. Eine neue Plattform und ein Relaunch der Webseiten sollte das ändern und die echten Bedürfnisse der IAA-Besucher erfüllen.

Ziel des Projekts war es, alle Webseiten des VDA in ein gemeinsames Backend zu überführen. Dadurch sollte die einheitliche Bearbeitung von redaktionellen Inhalten gewährleistet und gleichzeitig die Wiederverwendung von Content erleichtert werden. Die Basis für die Elemente des User-Interfaces sollten Komponenten bilden, die ohne Duplizierung an das Design des jeweiligen Mandanten angepasst werden können. Komponenten-Templates sollten auch mehr Flexibilität hinsichtlich der Gestaltungsmöglichkeiten bieten.

Die Lösung

Das Team des VDA entschied sich für die Magnolia DXP, da sie sowohl den Headless-Ansatz verfolgt als auch eine grafische Oberfläche zur visuellen Bearbeitung von Content bereitstellt. Dies ist ein Alleinstellungsmerkmal der Magnolia DXP, da sie dadurch maximale Frontend-Flexibilität und gleichzeitig eine sehr hohe Nutzerfreundlichkeit für Redakteure bietet.

Die Umsetzung wird vom Magnolia Partner und Digital Transformation Expert IBM iX durchgeführt.

Entwickler erhalten dank der Magnolia DXP außerdem echte Freiheit bei der Wahl ihrer Tools: Sie können frei zwischen verschiedenen Frontend-Frameworks wählen und Inhalte einfach an verschiedene Touchpoints ausliefern. Magnolia ermöglicht ihnen außerdem die einfache Integration externer Schnittstellen mittels Low-Code-Konfiguration für echte Composability.

Ausschlaggebend für die Zusammenarbeit mit Magnolia und IBM iX war auch die Skalierbarkeit und Portierbarkeit der DXP durch Containerisierung. Die Plattform bietet damit eine schnelle Bereitstellung neuer Instanzen für Testzwecke und ebenso eine hohe Skalierbarkeit bei steigendem Besucheraufkommen der Websites.

Auch im Bereich DevOps profitiert der VDA von Magnolia: Die einheitliche Architektur bedeutet einen geringeren Arbeitsaufwand.

Orchestrierung in einer Docker-Systemlandschaft

Das System des VDA läuft auf Docker, wobei Docker Compose die Orchestrierung der Docker-Container übernimmt. Um die Last auf die Frontend-Container zu verteilen, setzt die Lösung auf einen Load Balancer. Die Anfragen der Frontend-Container werden dann über REST-Schnittstelle durch die Magnolia-Container innerhalb des Docker-Netzwerks bedient.

Integration von Drittsystemen

Durch die Erweiterbarkeit, für die die Magnolia DXP gemacht wurde, konnten Drittsysteme des VDA einfach integriert und für Redakteure nutzbar werden. Die Services CookieBot und UserCentrics holen so beispielsweise die Einwilligung von Nutzer:innen ein und YouTube-Videos werden über API auf den Webseiten der IAA MOBILITY und IAA TRANSPORTATION eingebunden. Auch das System KeyCloak wurde eingebunden und dient der leichten Authentifizierung von Nutzer:innen. Für die Suche wurde Solr integriert und Matomo liefert Analysedaten für alle Mandanten.

Das Ergebnis

Magnolia schafft Vereinheitlichung

Die Konsolidierung von insgesamt sechs Webseiten des VDA erfolgte in der Magnolia DXP. Dadurch verfügt der VDA über ein einheitliches Management seiner Webseiten in mehreren Sprachen auf einer zentralen Plattform. Der Vorteil: Die Arbeit mit Magnolia ist besonders redakteurfreundlich, da die DXP ein visuelles Arbeiten und reibungslose Workflows ermöglicht.

Der Headless-Ansatz von Magnolia, in Kombination mit der Verwendung von Containern, vereinfacht zudem erheblich die Administration und das Aufsetzen von Testinstanzen. Dadurch kann der VDA seine Arbeit effizienter gestalten und Features im Frontend wesentlich schneller implementieren. Durch die Vereinfachung von Prozessen ist nun auch das Onboarding neuer Developer einfacher möglich.

Der VDA hat sich mit Magnolia für eine echt modulare Plattform entschieden, die er flexibel erweitern und individuell auf seine Bedürfnisse anpassen kann. Dies bietet dem VDA eine zukunftssichere Architektur, die für alle Anforderungen gemacht ist.

Platinum partner

IBM iX

IBM iX® is your global experience design partner within IBM Consulting. Working at the intersection of strategy, design and technology, we help the world’s most influential companies create better experiences, products and services that reinvent their relationships with customers and employees.

Entdecken Sie Magnolia

Buchen Sie sich eine individuelle Demo. Erfahren Sie, wie Magnolia Ihnen helfen kann, integrierte Kundenerlebnisse zu schaffen und Ihre digitale Prozesse zu beschleunigen.

dark-green-bg