Xentral – Skalierbare Headless-Website-Plattform
higroup hat Xentral beim Wechsel von einer hartcodierten Marketing-Website zu einer skalierbaren, inhaltsgetriebenen Plattform unterstützt: mit einem wiederverwendbaren Design System, einer Website aus flexiblen Komponenten, der Hygraph-Anbindung sowie Support bei SEO und Produktionsinfrastruktur.
Aus einer hartcodierten Website eine skalierbare Marketing-Plattform machen
Die Website von Xentral war so weit gewachsen, dass das hartcodierte Setup das Veröffentlichen und Pflegen neuer Seiten zunehmend ineffizient machte.
Gesucht war ein System, das dem Marketingteam mehr Flexibilität gibt, ohne die Konsistenz einer großen, stetig wachsenden Website zu opfern. Zugleich musste die neue Umsetzung die SEO-Performance erhalten und eine solide technische Grundlage für künftiges Wachstum bieten.
Erst das System bauen, dann die Seiten
Statt das Projekt als Sammlung einzelner Seiten umzusetzen, haben wir zunächst ein wiederverwendbares System definiert.
Die bestehende visuelle Sprache von Xentral haben wir in ein strukturiertes Design System in Figma überführt und die Muster anschließend in wiederverwendbare Frontend- und CMS-Komponenten übersetzt. So entstand eine gemeinsame Sprache zwischen Design, Entwicklung und Content-Pflege, die das Erstellen und Pflegen neuer Seiten deutlich erleichtert.
Eine flexible Website für kontinuierliches Wachstum
Wir haben die Website auf einer komponentenbasierten Architektur neu aufgebaut und an Hygraph angebunden. So kann Xentral seine Marketing-Inhalte flexibler verwalten und veröffentlichen.
- /Design System — Wir haben das bestehende Website-Design in ein wiederverwendbares Figma-System mit einheitlichen Komponenten, Layouts und Mustern überführt, das neue Seiten ermöglicht, ohne bei null anzufangen.
- /Komponentenbasierte Entwicklung — Das Design System wurde in wiederverwendbare Frontend-Komponenten übersetzt. Seiten lassen sich so einheitlich zusammensetzen und bieten dennoch genug Spielraum für unterschiedliche Inhalte.
- /Hygraph-CMS-Integration — Wir haben die Website an Hygraph angebunden und die Content-Modelle am Komponentensystem ausgerichtet. Das Xentral-Team kann Seiten nun erstellen und aktualisieren, ohne für jede Änderung auf Entwickler angewiesen zu sein.
- /SEO und Produktivbetrieb — Migration und Launch erfolgten mit Blick auf die SEO-Anforderungen. So erfüllt das neue Setup Xentrals Erwartungen an die Auffindbarkeit und bietet zugleich eine zuverlässige Produktionsumgebung.
Das Ergebnis ist eine Website-Plattform, die mit Xentral mitwachsen kann, statt zu einem weiteren hartcodierten System zu werden, das irgendwann ersetzt werden müsste.
“„Kommunikation und Projektmotivation waren beeindruckend. Zeitpläne und Budgets wurden wie vereinbart eingehalten.“”
— Benyi Heider, Marketing Lead – Xentral
Die schwierigen Teile
Ein flexibler Stack für eine inhaltsstarke Website
Hygraph, Vue.js / Nuxt, Figma und AWS: Hygraph lieferte die Headless-CMS-Basis, Vue.js und Nuxt trieben das komponentenbasierte Frontend an, mit Figma entstand das skalierbare Design System, und AWS stellte die Produktionsinfrastruktur bereit.
der gesamte Stack, in dem wir bauen
Häufige Fragen
Was hat higroup für Xentral gemacht?+
higroup hat das Design System der Website erstellt, die wiederverwendbaren Frontend-Komponenten entwickelt, die Website an Hygraph angebunden und das Produktions-Setup sowie die SEO-Anforderungen unterstützt.
Warum ist Xentral auf ein Headless CMS umgestiegen?+
Das bisherige hartcodierte Setup machte das Erstellen und Pflegen von Seiten mit wachsender Website immer ineffizienter. Mit Hygraph bekam das Team ein flexibleres Content-Modell und braucht für routinemäßige Website-Änderungen deutlich weniger Entwicklungsaufwand.
Hat higroup die Xentral-Website neu gestaltet?+
Nicht von Grund auf. Wir haben die bestehende visuelle Richtung aufgegriffen und in ein strukturiertes, wiederverwendbares Design System in Figma überführt, das die Website in einem deutlich größeren Maßstab tragen kann.
Wie war das Design System mit der Entwicklung verbunden?+
Die in Figma definierten Komponenten wurden in der Frontend- und der Hygraph-Content-Architektur gespiegelt. So entstand ein durchgängiges System vom Design über die Umsetzung bis zur Content-Pflege.
Wie ist higroup bei der Migration mit SEO umgegangen?+
Wir haben SEO über die gesamte Entwicklung und den Launch hinweg berücksichtigt – auch bei technischer Struktur und Content-Setup, damit die Auffindbarkeit beim Wechsel auf die neue Plattform erhalten bleibt.
Was war das Ergebnis des Projekts?+
Das Ergebnis ist eine skalierbare, komponentenbasierte Marketing-Website, die Xentral mehr Kontrolle über die Content-Erstellung gibt und neue Seiten schneller und einheitlicher entstehen lässt.