Projektsteckbrief
Ziel
Headless Commerce – Aufbau einer Großhandelsplattform
Dauer
fortlaufend
System
Intershop, storyblok
Branche
Lebensmittelindustrie und Gastronomiebedarf
Typ
B2B
Onboarding
Betreuung und Optimierung seit 2016
Die Gustav Ehlert GmbH setzt Maßstäbe für die Lebensmittelproduktion
Die Gustav Ehlert GmbH & Co. KG ist ein familiengeführtes Unternehmen aus Verl mit über 100 Jahren Erfahrung als B2B-Großhändler und Supply-Chain-Spezialist für die Lebensmittelproduktion.
synaigy hat erfolgreich den Relaunch des B2B-Webshops und der Unternehmenswebsite für den langjährigen Bestandskunden umgesetzt. Ziel des Projekts war es, die digitale Präsenz des Unternehmens vor dem 100-jährigen Jubiläum im Jahr 2024 zu modernisieren – und die Weichen für datengetriebene Commerce-Optimierung zu stellen.
Ausgangssituation und Ziele
synaigy betreibt seit mehreren Jahren den Ehlert B2B-Webshop auf Intershop-Basis. Neben der technischen und funktionalen Weiterentwicklung übernimmt synaigy außerdem Betrieb und Managed Services der Plattform.
Die stetig zunehmenden Anforderungen der Ehlert-Kunden in Kombination mit dem Fokus auf datengetriebene Commerce-Optimierungen und einem bevorstehenden Intershop-Update stellten das bestehende Infrastruktur-Setup des Ehlert-Projektes vor Herausforderungen. Insbesondere die wenig flexiblen Intershop Frontend-Templates setzten enge Grenzen.
Daher wurde gemeinsam mit unserem Kunden ein Replatforming des B2B-Shops (Intershop) und der Corporate Website (Wordpress) beschlossen. Es sollte eine nahtlose, skalierbare und benutzerfreundliche Lösung geschaffen werden, die es Ehlert ermöglicht, den wachsenden Anforderungen der B2B-Kunden gerecht zu werden.
Das Ziel: Es sollte ein modernes Composable Commerce Setup realisiert werden – mit einer Headless Storefront im Zentrum. storyblok sollte als Headless CMS im Hintergrund flexible Content Commerce Fähigkeiten ermöglichen und die Inhalte der Corporate Website übernehmen. Der Intershop Commerce Baustein dagegen sollte beibehalten und auf Headless-Betrieb umgestellt werden.
Der Lösungsweg: Composable Commerce – Flexibel und skalierbar
Um das Ziel zu erreichen, musste die Customer Experience neu gedacht, Backend-Prozesse optimiert, und Systeme neu verknüpft werden.
synaigy entwickelte im ersten Schritt ein digitales Designsystem für Ehlert, das die Grundlage für alle digitalen Ehlert-Plattformen bildet. Ein kollaboratives UX/UI-Sprint-Modell mit wöchentlichen Reviews stellte sicher, dass die entwickelten Konzepte und UX/UI Designs sowohl technisch validiert als auch mit den Ehlert-Stakeholdern abgestimmt wurden.
Die enge Zusammenarbeit zwischen Design- und Entwicklungsteams sorgte dafür, dass etwa 80% der Konzepte bereits vor Start der Entwicklungsphase technisch validiert waren, was unnötige Iterationen vermied und damit Kosten reduzierte.
Die auf dieser Basis neu geschaffene Headless Storefront (React/Next.js) bedient künftig sowohl die Commerce Plattform als auch die Corporate Website.
Technische Umsetzung
Kern der neuen technischen Lösung für Ehlert ist die Entkoppelung von Frontend- und Backend-Layer (=Headless Ansatz). Dieses Setup gewährleistet eine flexible und zukunftssichere Weiterentwicklung, da beide Layer unabhängig voneinander betrieben und entwickelt werden können.
Hierzu mussten die bestehende Intershop Commerce Lösung und weitere Umsysteme auf den Schnittstellenbetrieb umgestellt werden. Intershop ist zwar grundsätzlich headlessfähig, jedoch mussten zahlreiche Schnittstellen neu aufgebaut, erweitert oder für die spezifischen Ehlert-Prozesse angepasst werden.
Im Frontend wurde besonderes Augenmerk auf Performance und Barrierefreiheit gelegt (z.B. durch die Anwendung neuster Möglichkeiten von Server Components).
Corporate Website: Migration von Wordpress zu storyblok
Die bestehende Corporate Website (Wordpress) wurde durch das moderne Headless CMS storyblok abgelöst. Dazu wurden zusätzliche Contentmodelle und Frontend-Components geschaffen, ebenfalls auf Basis des neuen Ehlert Designsystems.
Der Content wurde automatisiert migriert. Die neue Plattform sollte mehrsprachig auf Deutsch und Englisch vorliegen. Nur einsprachig vorliegende Inhalte wurden KI-gestützt mittels Deepl-API automatisiert übersetzt. Die Corporate Website Inhalte sind künftig nahtlos in den Webshop integriert. Dies löste auch vorher bestehende SEO-Nachteile durch doppelte oder sehr ähnliche Inhalte zwischen Corporate Website und B2B-Shop auf.
Die Umstellung auf storyblok ermöglicht Ehlert, das Content-Management zu konsolidieren und Prozesse zu optimieren. So können Stellenanzeigen, Blogartikel, News- und Marketing-Inhalte zentral verwaltet und ausgespielt werden.
Ein besonderes Highlight war die Realisierung eines interaktiven Web-Specials, das anlässlich des Firmenjubiläums die 100-jährige Geschichte des Unternehmens auf der neuen Plattform präsentiert.
Mit der von synaigy entwickelten Composable Commerce Plattform eröffnen sich uns völlig neue Möglichkeiten – von personalisierten Kundenangeboten bis hin zu einer nahtlosen Integration weiterer Services. Das Projekt ist nicht nur ein Meilenstein für uns, sondern die nächste Etappe auf dem Weg in die datengetriebene, digitale Zukunft!
Philipp Ehlert Geschäftsführer Gustav Ehlert GmbH & Co. KGErgebnisse
Der Relaunch führte zu einer robusteren, skalierbaren Plattform mit verbesserten Benutzerfunktionen und optimierten Backend-Prozessen. Wichtige Innovationen umfassen:
Digitales B2B-Kundenkonto: Ein Dashboard für das Management von Bestellungen, rollenspezifische Zugriffsrechte, ein volldigitaler Reklamationsprozess und Budgetkontrollen.
KI-gestützte Verbrauchsprognosen: Durch die Analyse des Bestellverhaltens im Zeitverlauf werden KI-gestützte Empfehlungen für Nachbestellungen ermittelt.
Digitale Barrierefreiheit: Alle entwickelten Frontend-Komponenten sind weitestgehend barrierefrei und BFSG-konform – auch wenn der B2B-Shop nicht direkt vom Barrierefreiheitsstärkungsgesetz betroffen ist.
Top Mobile Usability: Selbst komplexeste Kundenprozesse sind mobile-first gestaltet, wie z.B. die Konfiguration eines OCI-Punchout.
Equipment Check: Neben dem Shop wurde eine Progressive Web App (PWA) realisiert, die den Verleihprozess von Werkzeugen für Ehlert-Kunden digitalisiert. Data-Matrix-Codes auf den Werkzeugen können mit der Smartphone-Kamera gescannt werden, um den Bestand digital zu verwalten.
Content Commerce: Dank storyblok CMS können redaktionelle Inhalten mit Commerce-Funktionalitäten nahtlos verzahnt und Content Prozesse effizient organisiert werden.
Unser Fazit des Projektes
Seinen B2B-Kunden bietet Ehlert heute ein optimiertes digitales Erlebnis, das in der Branche seinesgleichen sucht. Der Composable Commerce Relaunch mit Headless Storefront ermöglicht es Ehlert, flexibel auf dynamische Marktänderungen zu reagieren.
Der Relaunch positioniert Ehlert als digitalen und innovativen Vorreiter in der Branche. synaigys Full-Service-Ansatz hat eine umfassende Lösung geliefert, die nicht nur den aktuellen geschäftlichen Anforderungen gerecht wird, sondern Ehlert fit für zukünftige Erweiterungen hält.
Wir danken unserem Kunden Gustav Ehlert GmbH & Co. KG für die vertrauensvolle, wertschätzende und erfolgreiche Zusammenarbeit!