Multi-Brand-Plattform der Synthesa-Gruppe — Hero-Visual der DAW-Gruppe

Multi-Brand-Plattform für Marken, Systeme und Lösungen im Baukontext

Multi-Brand-Plattform für Marken, Systeme und Lösungen im Baukontext

Mit der neuen Multi-Brand-Plattform bündelt die Synthesa-Gruppe mehrere Marken in einer gemeinsamen digitalen Umgebung — auf Basis eines durchgängigen Designsystems und einer Hybrid-Headless-CMS-Architektur (Magnolia + Cloud).  Der Fokus liegt auf einer klar strukturierten, lösungsorientierten Nutzerführung sowie einer skalierbaren technologischen Basis für zukünftige Anforderungen.

Teammitglied der DAW-Gruppe — Multi-Brand-Plattform für die Synthesa-Marken

Big brand, big challenge

Synthesa prägt die österreichische Baubranche seit Jahrzehnten. Diese Strahlkraft in eine skalierbare Plattform zu überführen – und gleichzeitig Raum für weitere Marken des deutschen Mutterkonzerns DAW SE zu schaffen – war der Kern der Aufgabe.

Zielbild der Plattform

Die digitalen Auftritte der Synthesa-Gruppe und ihrer Marken sind historisch gewachsen und spiegeln unterschiedliche Anforderungen, Märkte und Systeme wider. Mehrere Marken, eigenständige Websites & Systeme sowie unterschiedliche technologische Grundlagen führten zu einer heterogenen Gesamtlandschaft.

  • Solide & skalierbare Ausgangsbasis

    Im Zuge der Weiterentwicklung wurde eine gemeinsame Plattform aufgesetzt, die Inhalte zu Produkten, Einsatzbereichen, Marken und Services in einem konsistenten System bündelt – mit einer durchgängigen technischen Basis, einem einheitlichen Designsystem und skalierbaren Strukturen.

  • Starke Marken unter einem Dach

    Die Markenwelten von Synthesa (dem österreichischen Caparol-Pendant), Disbon und Avenarius Agro wurden im Rahmen des Projektes in einer gemeinsamen Umgebung vereint – mit klaren Synergieeffekten und einer gleichzeitigen Stärkung der Hauptdomain synthesa.at.

  • Der Blick geht nach vorne

    Die neue Plattform ist der Startpunkt in Richtung einer skalierbaren Integration weiterer Länder, Marken und Produkte. Als nächste Schritte sind die Anbindung des deutschen Caparol-Hauptauftritts und der internationale Rollout vorgesehen.

Solution Approach & Information Architecture

Die Struktur der Plattform orientiert sich konsequent an realen Anwendungsfällen im Baukontext. Themen wie Fassadensanierung, Schutz von Bausubstanz oder spezielle Beschichtungslösungen dienen als zentrale Einstiegspunkte, auf den jeweiligen Detailseiten werden Inhalte wie Produkte, Systemlösungen, technische Dokumente & Referenzen systematisch miteinander verknüpft.

Dadurch entsteht ein zusammenhängender Informationsraum, der sowohl eine schnelle Orientierung als auch eine vertiefte Auseinandersetzung mit komplexeren Lösungen, optimal auf die Industriebranche abgestimmt, ermöglicht.

Design & concept

Co-Creation in Figma

Das Konzept der Plattform entstand in enger Abstimmung mit dem Designteam der DAW-Gruppe. Als zentrales Werkzeug für Gestaltung und Reviews diente das Designsystem der DAW in Figma. Komponenten und Seitenstrukturen wurden iterativ entwickelt, Feedback erfolgte direkt im Kontext. Inhalte wurden parallel in visuell aufgebauten Seiten erarbeitet – so griffen Struktur, UX und Content optimal ineinander.

Theming & scaling

Eine Plattform, viele Marken

Die Plattform ist von Beginn an auf eine Multi-Brand-Strategie ausgelegt: gemeinsame technologische Basis, individuelle Markenauftritte. Über ein flexibles Theming-Konzept werden Typografie, Farben und UI-Elemente auf Template-Ebene gesteuert – für Sub-Brands wie eigenständige Marken. Zentrale Komponenten sind wiederverwendbar, wodurch sich neue Marken und Märkte effizient und konsistent integrieren lassen.

"Die Mission war es, einen Multi-Brand-Ansatz mit vielfältigsten Touchpoints zu einer ganzheitlichen User Journey zu verknüpfen. Gepaart mit einem straffen Zeitplan sind das genau die Projekte, bei denen spürbar wird, was ein eingespieltes Team gemeinsam bewegen kann."

David Reichhartinger, Senior Digital Project Manager bei pixelart
David Reichhartinger
Senior Digital Project Manager

Technological backbone for full performance

Cloud-basiertes Hybrid-Headless CMS: die technologische Basis

Die neue Web-Plattform für Synthesa und die DAW-Gruppe verbindet Magnolia CMS mit Cloud-Services zu einer skalierbaren, mandantenfähigen Cloud-Architektur. Tausende Produktdatensätze, Systemlösungen (WDVS, Betonschutz, Holzschutz), technische Dokumente, Referenzen und Markeninhalte werden performant, sicher und hochverfügbar verwaltet. So lassen sich mehrere Marken wie Synthesa, Caparol, Disbon oder Avenarius Agro sowie unterschiedliche Marktanforderungen flexibel abbilden.

  • API Layer

    Die Plattform setzt auf einen API-getriebenen Ansatz: Produktdaten, Systeminfos und Downloads werden zentral bereitgestellt. Der API-Layer verbindet Magnolia performant & skalierbar mit Drittsystemen und Frontend.

  • Skalierbare Datenhaltung

    Die Datenhaltung in der Cloud ist auf Performance und Skalierbarkeit ausgelegt. Strukturierte Produkt- und Systemdaten werden effizient verwaltet und auch bei komplexen Filter- und Suchanfragen performant ausgeliefert – besonders relevant für umfangreiche Produktportfolios, wie sie in der Baubranche typisch sind.

  • Serviceorientierte Architektur

    Die Plattform folgt einem modularen, serviceorientierten Ansatz. Funktionsbereiche wie Produktsuche, Downloadcenter, Referenzen oder Standortsuche sind klar getrennt. Das erhöht die Wartbarkeit, erleichtert die Weiterentwicklung einzelner Domänen und ermöglicht gezielte Skalierung bei Lastspitzen.

  • Frontend-Architektur

    Die mandantenfähige Frontend-Architektur bildet mehrere Markenauftritte auf gemeinsamer Basis ab – inklusive unterschiedlicher CI-Vorgaben. Optimierte Rendering-Strategien und eine saubere SEO-Struktur sorgen für hohe Performance, besonders bei lösungsorientierten Einstiegen und produktnahen Informationsseiten.

  • Content Management

    Magnolia bildet das zentrale CMS der Plattform. Der Hybrid-Headless-Ansatz trennt Content und Frontend für maximale Flexibilität. Redaktionelle, produkt- und systembezogene Inhalte werden strukturiert gepflegt und markenübergreifend genutzt – sicher und skalierbar für Synthesa und weitere DAW-Marken.

Reusability as a principle

Skalierbare Webplattform durch wiederverwendbare Komponenten

Skalierbare Plattformen entstehen nur dort, wo Design, Entwicklung und Qualitätssicherung auf einer geteilten Grundlage arbeiten. Mit dokumentierten Komponenten, automatisierten End-to-End-Tests und wiederverwendbaren Content-Strukturen schaffen wir die Voraussetzungen dafür.

  • Playwright-Tests

    Automatisierte End-to-End-Tests mit Playwright sichern zentrale Nutzerflüsse wie Produktsuche, Filterfunktionen, Downloads und Formulare realitätsnah im Browser ab. Fehler werden frühzeitig erkannt, Releases stabil ausgeliefert. Das schafft zusätzliche Sicherheit bei Weiterentwicklungen und Marken-Rollouts.

  • Storybook

    Storybook ist eines der zentralen Tools für die UI-Entwicklung. Komponenten wie Teaser, Produktkarten oder Navigationsmodule werden isoliert entwickelt, dokumentiert und getestet. Das schafft Konsistenz über alle Marken hinweg, beschleunigt die Entwicklung und bildet eine gemeinsame Basis für UX, Entwicklung und QA.

  • Reusable Fields

    Zur effizienten Umsetzung und Pflege der Inhalte wurden innerhalb von Magnolia wiederverwendbare Dialogfelder (Reusable Fields) definiert. Häufig genutzte Inhaltsstrukturen können dadurch zentral modelliert und in verschiedenen Komponenten wiederverwendet werden.

Mobile-Frontends der Multi-Brand-Plattform für Synthesa, Disbon und Avenarius Agro

"Mit dem erfolgreichen Relaunch steigen wir in eine neue Webseiten-Welt ein, beschleunigen unsere Content-Prozesse signifikant und übernehmen stärker den Driver's Seat. Wir werden autarker und flexibler und stellen den Redakteuren zentrale Tools bereit.

Content wird nahezu in Echtzeit und effizient mit KI-Funktionen erstellt und verteilt. Skalierbare Templates und Content-Elemente, die wir über mehrere Webseiten hinweg wiederverwenden, senken den Implementierungsaufwand und nachhaltig die Kosten."

Ute Rink, Product Owner Website bei DAW
Ute Rink
Product Owner Website

Ergebnis & Ausblick

Mit der neuen Plattform verfügt die Synthesa-Gruppe über eine konsolidierte Grundlage für ihre digitalen Aktivitäten. Die strukturierte und lösungsorientierte Nutzerführung erleichtert den Zugang zu komplexen Inhalten und unterstützt unterschiedliche Einstiegsbedürfnisse – von der gezielten Produktsuche bis zur thematischen Orientierung.

Die gemeinsame technologische Basis ermöglicht zudem die effiziente Integration weiterer Marken und Länder sowie den kontinuierlichen Ausbau der Funktionen.

Theming der Multi-Brand-Plattform — markenindividuelle Auftritte auf gemeinsamer Basis

Multi-Brand-Plattform: FAQs

Eine Multi-Brand-Plattform bündelt mehrere Marken auf einer gemeinsamen technologischen Basis — mit individuell konfigurierbaren Markenauftritten, geteilten Komponenten und einem zentralen Content-Management. Für die Synthesa-Gruppe wurden im ersten Schritt die Marken Synthesa, Disbon und Avenarius Agro in der neuen Plattform vereint.

Magnolia CMS trennt im Hybrid-Headless-Betrieb Content-Pflege und Frontend. Redakteure verwalten Inhalte zentral in einer Oberfläche, die auf ihre Arbeitsweise zugeschnitten ist. Bei Bedarf werden dieselben Inhalte headless über einen API-Layer in beliebige Markenauftritte ausgespielt. So entsteht auf einer gemeinsamen Content-Basis für jede Marke ein eigenes Theming.

Eine mandantenfähige Frontend-Architektur stellt mehrere Markenauftritte auf gemeinsamer technologischer Basis bereit. Optimierte Rendering-Strategien und eine saubere SEO-Struktur sorgen für konsistent hohe Performance über alle Marken hinweg, ohne dass pro Marke ein eigenes Frontend gewartet werden muss.

Die skalierbare Webplattform folgt einem modularen, serviceorientierten Ansatz: Funktionsbereiche wie Produktsuche, Downloadcenter, Referenzen und Standortsuche sind klar getrennt und einzeln skalierbar. Neue Marken und die dazugehörigen Drittsysteme können zukünftig über API-Layer angebunden werden.

Über drei Hebel: automatisierte End-to-End-Tests mit Playwright sichern zentrale Nutzerflüsse wie Produktsuche, Filter, Downloads und Formulare realitätsnah im Browser ab; Storybook dokumentiert UI-Komponenten isoliert; Reusable Fields in Magnolia sichern konsistente Inhaltsstrukturen. So lassen sich Marken-Rollouts stabil und mit kurzen Release-Zyklen ausliefern.

Consolidating complexity

Multi-Brand-Plattform planen oder Headless-CMS-Migration auf Magnolia? Wir entwickeln skalierbare Webplattformen, die heute funktionieren und morgen mitwachsen.

More of E-commerce