Digitale Web-Landschaft neu gedacht: Liebherr stärkt sein Markenerlebnis

Bevor wir einen detaillierten Einblick in den Kunden Liebherr geben und dabei auch die technische und organisatorische Umsetzung näher beleuchten, möchten wir hier zunächst die entstandenen Key Benefits zusammenfassen.

• Direkte Produktvergleichbarkeit und Auffindbarkeit im Shop
• Zentral orchestrierte Internationalisierung und flexible Lokalisierung
• Effiziente Gestaltung der Redakteursumgebung sowie redaktionelle Vereinfachung
• Deutlich verbesserte Performance der Website
• Modulare Architektur mit entkoppeltem Redaktions-Backend
• Visuelles und technisches Re-Design
• Optimierung für SEO und Tracking sind nun gezielter möglich

Aufgrund der vielfältigen Produktsegmente innerhalb der Firmengruppe plante Liebherr im Rahmen der Initiative „Digital Web Landscape“ die Modernisierung und Zentralisierung seiner digitalen Redaktionsstruktur. Die bestehende Weblandschaft basierte auf der Generierung einer statischen Webseite und verwendete dafür eine Architektur, die viele Potenziale ungenutzt ließ.

Das ausgerufene Ziel war ein technischer Neubau auf Basis des bestehenden Content-Management-Systems FirstSpirit in Kombination mit einer flexiblen Architektur. Damit sollten internationale Inhalte effizient orchestriert und ausgespielt werden.

Zu Projektbeginn lagen die funktionalen Anforderungen noch nicht vollständig vor, sondern mussten schrittweise in einem agilen Prozess herausgearbeitet werden. Da die Systemlandschaft von Liebherr umfangreich und vielfältig ist, war es notwendig, die Bestandsplattform funktionsfähig zu halten und parallel dazu ein pilotfähiges Gerüst zu erschaffen. Als Pilotprojekt wurde die Sparte Haushaltsgeräte ausgewählt, da sie mit Internationalisierung und Webshop einen großen Teil der Anforderungen abbildet.

Der Start des Vorhabens „Digital Web Landscape“ wurde sorgfältig vorbereitet und strukturiert umgesetzt. Die wichtigsten Schritte im Überblick:

• Absicherung der Machbarkeit durch technische Proof-of-Concepts im Vorfeld zur Validierung zentraler Annahmen
• Agiles Coaching vor Projektbeginn, um ein gemeinsames Verständnis und effiziente Abläufe zu etablieren.
• Projektstart in enger Zusammenarbeit mit mehreren Dienstleistern und internen Sparten zur schnellen Ergebnisgenerierung.
• Scrum als agiles Rahmenwerk, um Transparenz zu schaffen und eine enge Verzahnung aller Beteiligten im Projektteam herzustellen.
• Klares Meilenstein-Setup, zur Unterstützung der schrittweisen Umsetzung und Realisierung der Projektvision.

Initial stand das effiziente Management einer komplexen Arbeitsorganisation im Vordergrund. In einem vielschichtigen Konstrukt mit mehreren Stakeholdern war es wichtig, einen sinnvollen Einstieg in die Abarbeitung zu finden, gleichzeitig aber auch die Skalierbarkeit für die Zukunft sicherzustellen.

Ein schlankes Team aus Projektleitung und Agile Coaching sondierte gemeinsam mit Liebherr, wie eine langfristige Zusammenarbeit aussehen kann, wie diese agil gestaltet werden muss und wie der richtige Start bei einem solch umfangreichen Vorhaben gelingt.

Einige Schlüsselpunkte zum organisatorischen Erfolg:

• Scrum als zentrale Organisationseinheit mit Scrum-of-Scrums-Konzepten für spätere Skalierung auf mehrere Teams.
• Vorbereitung eines initialen Backlog-Fills mit Hilfe von Vorlagen und Best-Practices, um mit einem kleinen Entwicklungsteam schnell in die Umsetzung zu kommen und früh sichtbare Ergebnisse zu erzeugen.
• Beratung hinsichtlich eines geeigneten Konstrukts im Ticketsystem mittels EPICs und Initiativen, um langfristiges Monitoring und Controlling des Featurefortschritts zu ermöglichen.
• Aufbau und Coaching einer Riege an Product Ownern, um einen kontinuierlichen Fluss an User Stories sicherzustellen.
• Kollaborationskonzept mit klaren Rollenbildern für direkte Kommunikation und domänengetriebenen Lead-Funktionen.

In der Arbeitsweise wurde konsequent auf Agilität gesetzt: Ein wachsendes operatives Entwicklungs-Team im Scrum-of-Scrums-Modell sowie ein klar strukturiertes Product-Owner-Team mit Hauptverantwortung bei einem zentralen Main Product Owner bildeten das organisatorische Rückgrat,um zu jedem Zeitpunkt entscheidungsfähig zu sein.

Ein führendes Ticketsystem in enger Koppelung mit einem Dokumentations-Wiki sicherten Transparenz und Nachvollziehbarkeit. Aus diesen Ressourcen wurden später Unterlagen für eine dedizierte Redaktionseinführung mit hands-on Schulung abgeleitet. Damit bildete die Begleitung und Qualifizierung der Redaktionsteams einen essenziellen Baustein im Leistungsspektrum ab, das von Anfang an mitgedacht wurde.

Im Zentrum der technischen Umsetzung stand das Content-Management-System FirstSpirit, das in einem Headless-Ansatz via CaaS (Content-as-a-Service) realisiert wurde. Unterstützt wurde diese Struktur durch eine Middleware auf .NET-Basis.

Durch diesen Ansatz können Inhalte einheitlich ausgespielt, über ein Abo-System gezielt verteilt und gleichzeitig zentral gepflegt sowie lokal angepasst werden. Redaktionelle Freiheiten wurden so mit strukturiertem Content-Management verbunden – ideal für komplexe Use-Cases mit mehreren Zielgruppen beziehungsweise Standorten.

Darüber hinaus wurde die Plattform so konzipiert, dass sie verschiedene Informationsquellen kombiniert, darunter redaktionelle Assets, Produktdaten, Adressinformationen sowie die Anbindung an bestehende Shopsysteme. Auch eine Erweiterung über projektspezifische Module hinaus war problemlos möglich.

• FirstSpirit als redaktionelles Herzstück und zukünftiger Content Hub
• Content-as-a-Service-Ansatz für moderne Headless-Auslieferung
• Individuelle Modullösungen für Spezialanforderungen
• Middleware in .NET für Systemanbindung und Datenveredelung

Das modern gestaltete Frontend wurde mittels React und NextJS umgesetzt. Ziel war eine schnelle, performante und Suchmaschinen-optimierte Darstellung der Inhalte bei gleichzeitig maximaler Nutzerfreundlichkeit auf allen Endgeräten und Touchpoints.

• React als stabile, zukunftssichere Basis mit einer umfassenden Community
• NextJS server-seitig mit Static Site Generation und Server Side Rendering zur SEO und
• Performance-Optimierung
• Nutzung der bestehenden übergreifenden Element-Bibliothek zur Generalisierung und Ausbaufähigkeit
• Übernahme von Consent-Management und Analytics in die neue Plattform
• Unterstützung der internationalen Ausspielbarkeit durch gezieltes Caching und CDN

Die Umsetzung erfolgte schrittweise und iterativ:

• September 2023: Launch der Pilotierung für die Produktsparte Haushaltsgeräte
• Oktober 2024: Internationaler Rollout der Gesamtplattform

In allen Projektphasen – von der initialen Planung über den GoLive bis hin zur stabilen Betriebsaufnahme – übernahmen erfahrene Tech-Leads die technische Steuerung. Sie haben dabei mit einem hoch motivierten und crossfunktionalen Entwicklungsteam ide Umsetzung verantwortet. So konnten kritische Übergänge wie Launch und Aftercare professionell begleitet werden. Klare Checklisten, ein 24h-GoLive-Plan mit zugeordneten Zeitslots und Verantwortlichkeiten machten die Livegänge „geräuschlos“ und für alle Beteiligten zu einem Erfolg.

Die neue Weblandschaft ermöglicht den Kunden nicht nur ein konsistentes digitales Markenerlebnis, sondern dem Redaktionsteam eine effiziente und international ausrollbare Content-Pflege. Damit ist Liebherr optimal aufgestellt für zukünftige Anforderungen an Skalierbarkeit, Personalisierung und Performance.

Die gemeinsam erzielten Mehrwerte auf einen Blick:

• Direkte Produktvergleichbarkeit und Auffindbarkeit im Shop für mehr Transparenz und Nutzerfreundlichkeit.
• Zentral orchestrierte Internationalisierung und flexible Lokalisierung – vom globalen Markenauftritt bis zur länderspezifischen Detailseite, je nach Land und Sparte zur gewünschten Benutzererfahrung.
• Effiziente Gestaltung der Redakteursumgebung mittels vielfältigem Rechte- und Rollen-Konzept. Individuelle Workflows und Module unterstützen das internationale Team bestmöglich.
• Redaktionelle Vereinfachung durch eine gezielte Verschlankung und Optimierung des redaktionellen Baukastens sowie Vereinheitlichung funktionsähnlicher Elemente. Jede Sparte hat dabei ihren eigenen redaktionellen Bereich, den sie vollumfänglich verwaltet und fokussiert.
• Deutlich verbesserte Performance der Website und ihrer Inhalte damit auch auf mobilen Endgeräten die Kundenerfahrung maximal zur Geltung kommt.
• Modulare Architektur mit entkoppeltem Redaktions-Backend, Middleware und Frontend, um langfristig investitionssicher und erweiterbar zu bleiben. Dabei konnte eine Vielzahl bestehender Dritt-Systeme nahtlos integriert werden.
• Visuelles und technisches Re-Design der bestehenden Website für eine verbesserte Nutzerführung und bessere Auffindbarkeit der relevanten Kunden- sowie Produkt-Informationen.
• Optimierung für SEO und Tracking damit die Marken von ihren historisch guten Rankings profitieren und als gesamthafter Auftritt nachhaltig wachsen. Dabei wurden die SEO-Strukturen von Beginn an im Content-Management-System mitgedacht und bis zum ausspielenden Frontend durchkonzipiert.