Storyblok als headless CMS-Lösung für BayWa r.e. AG

Ihr Partner für die Zukunft der Energie

BayWa r.e. ist ein weltweit führender Anbieter im Bereich der Erneuerbaren Energien mit Niederlassungen in 34 Ländern, einem Jahresumsatz von rund 5,8 Milliarden Euro (2023).

Das Unternehmen entwickelt und betreibt Wind- und Solarprojekte, bietet umfassende Energielösungen für Unternehmen und ist einer der führenden Großhändler für Photovoltaik. Als Teil der BayWa AG treibt BayWa r.e. die globale Energiewende aktiv voran.

ㅤ

Herausforderung

BayWa r.e. stand vor einer komplexen digitalen Herausforderung: Die inzwischen veraltete TYPO3-basierte Webpräsenz konnte den wachsenden Anforderungen des global agierenden Unternehmens nicht mehr gerecht werden. Der Kunde trat mit dem ambitionierten Ziel an uns heran, seine gesamte Webstrategie grundlegend zu überdenken und auf eine vollständig neue, international skalierbare Basis zu stellen.

Die zentrale Herausforderung lag in der Komplexität der globalen Unternehmensstruktur: BayWa r.e. benötigte ein vielschichtiges System, das sowohl die Corporate-Präsenz des Mutterunternehmens als auch die spezifischen Anforderungen der verschiedenen Länderniederlassungen abbilden konnte. Jede Region hatte dabei unterschiedliche Marktanforderungen, lokale Besonderheiten und spezifische Zielgruppenansprachen, die über maßgeschneiderte Inhalte und lokalisierte Kommunikation in zahlreichen verschiedenen Sprachen umgesetzt werden mussten.

Das bestehende TYPO3-System erwies sich als zu starr für diese vielschichtige Anforderungsstruktur. BayWa r.e. wünschte sich eine flexible, modulare Lösung, die organisches Wachstum ermöglicht, Content-Wiederverwertung zwischen den verschiedenen Marktpräsenzen erleichtert und gleichzeitig die Wartungsaufwände reduziert.

Zusätzlich zur strukturellen Komplexität kamen umfangreiche funktionale Anforderungen hinzu: von speziellen Funktionen zur Kundenberatung über komplexe Kontaktsysteme bis hin zu verschiedenen Drittsystem-Anbindungen wie DAM-Systemen und Übersetzungstools. Das Unternehmen benötigte eine Lösung, die sowohl technisch zukunftssicher als auch für ein international verteiltes Redakteursteam mit unterschiedlichen Erfahrungsgraden optimal bedienbar ist.

Ausgangslage

TYPO3-Installation als Basis-CMS für die vorherige Webpräsenz
Mehrsprachige, komplexe Content-Strukturen mit anhängenden Übersetzungsprozessen
Etablierte redaktionelle Workflows und Nutzerrechte-Konzepte (TYPO3 Workspaces) als Referenz für neue Workflows
Redakteursteams mit unterschiedlichen Erfahrungsgraden im internationalen Umfeld
Cloudflare-Integration als CDN, die weiterhin genutzt werden sollte
Anbindungen an Drittsysteme (AdmiralCloud DAM, Evalanche Newsletter)
Google Tag Manager Implementierung und Tracking-Konzepte
Corporate Design Guidelines und visuelle Konzepte

Unsere Umsetzung in Kürze

Development
Content
Projektmanagement

Support
Konzeption
Beratung

Hosting
Mehrsprachigkeit
Agiles Arbeiten

Schulung
Headless
Systemarchitektur

Lösung für BayWa r.e.

Für die komplexen Anforderungen von BayWa r.e. entwickelten wir eine innovative, headless CMS-Lösung, die auf Storyblok als Content Management System und Nuxt als Frontend-Framework basiert. Diese Architektur ermöglicht maximale Flexibilität und Skalierbarkeit für das internationale Webangebot von BayWa r.e.

Das Herzstück unserer Lösung war die Entwicklung eines durchdachten Seitenkonzepts, das sowohl die Seiten des Mutterunternehmens als auch die verschiedenen Länderniederlassungen optimal abbildet. Besonders herausfordernd war dabei die Umsetzung des Mehrsprachigkeitskonzepts: Wir schufen ein System, das sowohl mehrsprachige geteilte Inhalte zwischen den Ländern als auch länderspezifische Inhalte in lokalen Sprachen ermöglicht. Dies gewährleistet maximale Content-Effizienz bei gleichzeitiger lokaler Relevanz.

Für die internationale Redaktionsarbeit implementierten wir ein ausgeklügeltes Nutzerrechte-System sowie Redaktionsworkflows, die der bewährten Workspace-Funktion aus TYPO3 entsprechen – inklusive automatischer E-Mail-Benachrichtigungen für Freigabeprozesse. Diese Lösung ermöglicht es Teams weltweit, effizient und strukturiert zusammenzuarbeiten.

Die technische Infrastruktur basiert auf Cloudflare Worker mit internationaler Verteilung, automatischer Skalierung und intelligenten Caching-Mechanismen. Dies garantiert optimale Performance für Nutzer weltweit. Zur Medienverwaltung integrierten wir das externe DAM-System AdmiralCloud, wodurch Redakteure direkt auf Bilder und Videos zugreifen können, inklusive der Möglichkeit, Bildausschnitte redaktionell in Storyblok zu definieren.

Das Layout-System bietet ein flexibles Grid-Layout mit zahlreichen spezialisierten Elementen: von verschiedenen Text-, Bild- und Teaser-Komponenten über strukturelle Elemente wie Tabs und Akkordeons bis hin zu innovativen interaktiven Features. Besondere Highlights sind der mehrstufige Solar Calculator, der komplexe Berechnungen für Solaranlagen ermöglicht, sowie Decision Tree-Elemente für interaktive Beratungsprozesse.

Für die verschiedenen Content-Bereiche entwickelten wir maßgeschneiderte Lösungen: Ein Blog-System, internationale und lokale Case-Darstellungen mit unter anderem interaktiven Gallery-Walls, ein Möglichkeit zur Darstellung von Events und einen Media Hub für Journalisten. Der Karrierebereich erhielt eine nahtlose Workday-Integration mit komplexen Filterfunktionen.

Das intelligente Kontaktsystem ermöglicht dynamisches Routing von Anfragen basierend auf redaktionell pflegbaren Regeln – je nach Thema und Kundengruppe werden Anfragen automatisch an die richtigen Ansprechpartner weitergeleitet. Eine leistungsstarke Solr-basierte Suche mit Autocomplete-Funktionen und facettierten Filtern rundet das System ab.

Sie benötigen ähnliche Lösungen? Melden Sie sich bei uns!

Projektumfang in Zahlen

ㅤ

18

verfügbare Sprachen

163

Vue-Komponenten

9000

Storyblok Stories

Technische Details

Im Projekt wurde eine moderne, skalierbare Systemarchitektur auf Basis von Storyblok als Headless CMS umgesetzt. Der API-first-Ansatz ermöglicht eine flexible, kanalunabhängige Ausspielung der Inhalte. Das Frontend wurde mit Nuxt (Vue.js) und NuxtUI realisiert, wodurch eine performante und wartbare Benutzeroberfläche entstand. Für internationale Verteilung, geringe Latenzen und automatische Skalierung kommen Cloudflare Workers im Edge-Betrieb zum Einsatz. Die komplexe Suche inklusive Facettierung und Jobportal-Integration wurde mit Apache Solr implementiert.

Zusätzlich erfolgte die Integration mehrerer Drittsysteme: AdmiralCloud für das Medienmanagement, Workday zur Anbindung des Karrierebereichs, Evalanche für das Newsletter-Management sowie Crowdin für strukturierte Übersetzungsprozesse.

Zu den zentralen Herausforderungen zählten die Umsetzung einer komplexen Mehrsprachigkeitslogik mit geteilten und länderspezifischen Inhalten, die Migration bestehender TYPO3-Workflows inklusive Workspace-Logik und E-Mail-Benachrichtigungen in Storyblok, die Überführung komplexer Content-Strukturen sowie umfassende User-Acceptance-Tests und Performance-Monitoring mit sitespeed.io.

Überzeugen Sie sich selbst: Zur Website

Kundenstimme

“We truly appreciate the strong collaboration with dkd across our many projects. Their dedication, technical know-how, and professionalism consistently shine through in the outcomes. What stands out to us is how carefully they listen to our needs and how solutions are implemented whenever feasible. Working with dkd gives us confidence and peace of mind, and we are glad to recommend their work. We’re excited about continuing this journey together on future projects.”

- Paula Palomar Garcia, Digital Content Marketing Manager, BayWa r.e. AG

Gut zu wissen

Die dkd Internet Service GmbH arbeitet seit mehreren Jahren erfolgreich mit der BayWa r.e. AG zusammen, wie aus den Referenzen auf dkd.de hervorgeht. Gemeinsam hat dkd umfangreiche Aufgaben im digitalen Umfeld für BayWa r.e. übernommen. Dazu zählt die technische Betreuung und Weiterentwicklung aller TYPO3-Websites, einschließlich Performance-Optimierung des Hostings und kontinuierlichem Support durch ein dediziertes Agile-Team, das in wöchentlichen Sprints gemeinsam mit dem Kunden arbeitet.

In weiteren Projekten hat dkd BayWa r.e. bei der Umstellung auf moderne Headless-CMS-Technologien unterstützt, komplexe multilingual aufgestellte Webplattformen umgesetzt sowie Consulting, Entwicklung, Hosting und kontinuierliche Betreuung geliefert. Dabei standen agile Arbeitsmethoden, Systemarchitektur, mehrsprachige Content-Strategien und technische Optimierungen im Fokus. Diese langjährige Zusammenarbeit zeigt, wie dkd als technischer Partner kontinuierlich zur Weiterentwicklung der digitalen Präsenz von BayWa r.e. beiträgt und komplexe digitale Herausforderungen gemeinsam mit dem Kunden löst.

Sie suchen eine zuverlässige Agentur? Kein Problem!