4BRO + Magnolia

4BRO konnte das Geschäft innerhalb von wenigen Monaten massiv aus- und einen breiten Kundenstamm aufbauen, was gleichzeitig zum Problem wurde: Das damalige CMS von 4BRO war keine Enterprise-Lösung und konnte nicht mit dem schnell wachsenden Onlinegeschäft skalieren. Schon nach kurzer Zeit kam das System an seine Grenzen. Was es brauchte, war eine neue, zukunftsfähige Architektur, die mit der jungen Marke wachsen kann.

Das vorherige CMS von 4BRO wurde in den Grundfunktionen durch viele Add-ons und Plugins erweitert. Diese waren dabei jedoch nicht optimal aufeinander abgestimmt. Daten wurden doppelt gespeichert und die Plugins nahmen sich gegenseitig Ressourcen weg. Die Shop-Integration lief ebenfalls über ein Plugin, welches allerdings nicht an das Cloud-ERP-System angeschlossen werden konnte. Ein weiteres Problem der bestehenden Systemlandschaft war, dass die 4BRO-App ebenfalls nicht mit dem ERP kompatibel war. Kurzum: ERP, Webshop und App funktionierten nur einzeln für sich.

Diese Silos kosteten das Team wertvolle Zeit und wirkten sich negativ auf die Nutzererfahrung und die Customer Journey der 4BRO-Kund:innen aus. Mit der Magnolia DXP sollte aus dieser zerrütteten Systemlandschaft eine Plattform werden, die eine einheitliche Digital Experience ermöglicht. Das Team von 4BRO hatte es sich zum Ziel gemacht, eine Architektur für die Zukunft nicht nur zu denken, sondern praktisch direkt zu implementieren.

4BRO erlebte einen großen Kundenandrang. Damit das Geschäft ohne Einbuße weiterlaufen konnte, musste die Umstellung auf ein neues System möglichst reibungslos und schnell verlaufen. Innerhalb von vier Monaten erfolgte durch den Magnolia-Gold-Partner dev5310 eine komplette Umstellung auf die Magnolia DXP inklusive des Magnolia headless CMS, das nun sowohl die 4BRO-Website als auch die 4BRO-App managt.

Für eine optimale Customer Journey wurde mit Magnolia eine zukunftsorientierte Architektur geschaffen – Stichwort “composable”. Dank der flexiblen Integrationsmöglichkeiten der Magnolia DXP können Drittsysteme wie SAP byDesign schnell und unkompliziert so integriert werden, dass Editoren über eine zentrale Managementoberfläche Zugriff auf alle angebundenen Systeme erhalten, um diese für die Erstellung von Digital Experiences zu nutzen. Dabei pflegt das 4BRO-Team Produkte in einer zentralen Content-App in Magnolia und synchronisiert den angeforderten Teil davon automatisch mit SAP byDesign.

Außerdem setzt man bei 4BRO auf den hybrid-headless Ansatz von Magnolia. Dieser duale Modus ermöglicht es 4BRO, seine Website auf klassische Weise über Magnolia-Templates und ein von Magnolia gehostetes Frontend zu betreiben, und Inhalte an seine App sowie andere Landingpages headless mittels APIs aus Magnolia bereitzustellen. So nutzt das Unternehmen die Datenzentralisierung und die Wiederverwendung von Inhalten optimal aus. Dieser Ansatz überwindet sowohl die Einschränkungen eines headless CMS als auch die eines traditionellen CMS, indem er 4BRO eine Ausspielung der Inhalte über Magnolia sowie über APIs ermöglicht. Unabhängig von der Ausspielung arbeiten Editoren in einem visuellen Editor, der eine optimale Authoring Experience bietet. 4BRO war es ebenfalls wichtig, dass Microservices im Frontend einfach eingebunden werden können. Dies ist in der 4BRO einfach über das Frontendframework möglich. Auf der 4BRO-Webseite sorgt Magnolias API-Client dafür, dass Microservices auch hier einfach genutzt werden können.

Die composable Architektur ermöglicht zudem die Integration von Drittsystemen direkt in das Backend, dank Magnolias Connector Packs, REST-Clients, einem offenen Framework und low-code Konfiguration mit Magnolia Light Development. So wurde etwa das ERP-System von 4BRO, SAP byDesign, integriert und steht den Autoren im Magnolia UI zur Verfügung. Über diese Integration verläuft der Bestellvorgang vollständig automatisiert. Das sorgt wiederum für weniger Aufwand in der Logistik. Auch der Checkout-Prozess wurde durch die Magnolia DXP verändert: Dieser erfolgt bei 4BRO neuerdings über PayPal oder Klarna und trägt zu einem verbesserten Einkaufserlebnis bei. Damit entfällt die Hürde des Einloggens, was den Nutzer:innen das Bestellen erleichtert und 4BRO eine höhere Conversion ermöglicht.

Mit der neuen Infrastruktur konnte sich das Unternehmen also inmitten des explosiven Wachstums Luft verschaffen: Die einschränkende und nicht aufeinander abgestimmte Systemlandschaft, mit der man gestartet war, wurde durch eine moderne, flexible Digital Experience Platform ersetzt. Die Systemintegration spart 4BRO nun bis zu zehn Minuten an manuellem Aufwand pro Bestellung. Insgesamt wurden alle Prozesse deutlich verschlankt und die zentrale Plattform ermöglicht ein wesentlich effizienteres Arbeiten dank Multichannel-Management und WYSIWYG-Editor. Diese Veränderungen verbessern nicht nur den Status Quo: Die Skalierbarkeit und Flexibilität der Magnolia DXP lässt 4BRO auch optimistisch in die Zukunft blicken. So lässt sich neue Software leicht integrieren, die die ambitionierten Pläne des Teams noch weiter vorantreibt. Die Anschaffung und Integration eines Shopsystems sind bereits in Planung.

Insgesamt wurde das Ziel also erreicht: 4BRO ist mit einer zukunftsfähigen Architektur ausgestattet, die sowohl im Web als auch für die 1 Million Nutzer:innen der App reibungslos operieren kann.