Headless CMS für Unternehmenswebseite
Wie wir den kompletten Web-Relaunch für einen internationalen Hersteller von Windsensorik umgesetzt haben, ohne das CMS zu wechseln.
Ladezeiten reduziert
Schnelle Ladezeiten, sauberes Mobile, durchgängige Browser-Kompatibilität
Ladezeiten reduziert
Schnelle Ladezeiten, sauberes Mobile, durchgängige Browser-Kompatibilität
Project Overview
Wir haben die Website komplett neu entwickelt - schöner, schneller, strukturierter
Mitte 2023 ist aus zwei Marken eine geworden: eologix sensor technology aus Graz und Ping Services aus Adelaide haben fusioniert. Der Anspruch der neuen Marke ist groß. Sie will weltweit führender Anbieter für Rotorblattüberwachung in Windenergieanlagen werden. Der vorhandene Webauftritt war nicht mehr zeitgemäß und technisch überholt.
Kunde
Eologix-Ping
Standort
Graz (AT) und Adelaide (AU)
Projektlaufzeit
5 Monate
Services
Build
Tech-Stack
Wordpress (Headless), Next.JS
Rolle von Webduett
Architektur, Frontend, Backend, Befüllung, laufende Wartung und Erweiterung
Herausforderungen
Ausgangslage & Kontext
Viele Sektionen, viele Unterseiten
Es waren sehr viele verschiedene Sektionen und Unterseiten gefordert, die möglichst einfach über das CMS zu verwalten sein sollten.
Performance
Die Ladezeiten der Website waren auf ein Minimum zu reduzieren.
Wordpress als Voraussetzung
Von Kundenseite wurde Wordpress als Wunsch-CMS gefordert, aber wir versuchten damit trotzdem den Headless-CMS Ansatz zu verfolgen.
Viele Sektionen, viele Unterseiten
Es waren sehr viele verschiedene Sektionen und Unterseiten gefordert, die möglichst einfach über das CMS zu verwalten sein sollten.
Performance
Die Ladezeiten der Website waren auf ein Minimum zu reduzieren.
Herausforderungen
Performance
Die Ladezeiten der Website waren auf ein Minimum zu reduzieren.
Wordpress als Voraussetzung
Von Kundenseite wurde Wordpress als Wunsch-CMS gefordert, aber wir versuchten damit trotzdem den Headless-CMS Ansatz zu verfolgen.
Viele Sektionen, viele Unterseiten
Es waren sehr viele verschiedene Sektionen und Unterseiten gefordert, die möglichst einfach über das CMS zu verwalten sein sollten.
Die neue Marke brauchte internationale Sichtbarkeit, das Marketing-Team musste selbstständig publizieren können.
Schnelle Ladezeiten, sauberes Mobile, durchgängige Browser-Kompatibilität.
Neue Landing Pages, Resources, Cases, Events und Karriere-Seiten ohne Entwickler-Aufwand.
Redirects vollständig, technisches SEO sauber, kein Ranking-Verlust.
KPIs
Time-to-Publish
Time-to-Publish einer neuen Landing Page durch das Marketing-Team soll sich verringern
Schnellere Ladezeiten
Die Website soll sich in der Performance erheblich verbessern
Time-to-Publish
Time-to-Publish einer neuen Landing Page durch das Marketing-Team soll sich verringern
Schnellere Ladezeiten
Die Website soll sich in der Performance erheblich verbessern
Schnellere Ladezeiten
Die Website soll sich in der Performance erheblich verbessern
Time-to-Publish
Time-to-Publish einer neuen Landing Page durch das Marketing-Team soll sich verringern
Unser Ansatz
Discover
Nicht in diesem Projekt durchgeführt
Build
Das CMS soll wieder unter Wordpress laufend, aber Headless. Das Frontend wird komplett neu. Dazu eine Bibliothek aus Bausteinen, mit der Marketing Seiten selbst aufbaut. Mehrsprachig von Anfang an.
Grow
Die Bibliothek wächst, der Resources-Bereich und weitere kleinere Sektionen sind neu dazugekommen.
WordPress bleibt das CMS, das Marketing-Team behält seine gewohnte Oberfläche.
Die Lösung im Detail
Die Lösung im Detail
WordPress bleibt das CMS, das Marketing-Team behält seine gewohnte Oberfläche.
WordPress betreibt das Backend, eine WPGraphQL-API liefert Inhalte headless ans Frontend. Next.js rendert die Seiten. Statisch dort, wo das sinnvoll ist, on-demand dort, wo das nötig ist. Inhalte und Darstellung sind sauber entkoppelt.
DE und EN sind nativ angelegt. Die Routing-Logik ist so gebaut, dass weitere Sprachen ohne Architekturumbau dazukommen können. Marketing pflegt Inhalte sprachweise, ohne Entwickler-Eingriff.
Im Frontend stehen wiederverwendbare Sections bereit: Hero-Varianten, Zahlen-Blöcke, Testimonial-Karten, Erkenntnis-Karten, Mehrspalter, Benefit-Layouts, CTA-Bausteine. Das Marketing-Team kombiniert diese Bausteine und verwendet sie im CMS, ohne neuen Code zu brauchen.
HubSpot-Forms und Microsoft-Booking sind eingebunden, aber visuell konsistent mit dem restlichen Auftritt. Analytics und die Google Search Console laufen mit, Tracking ist völlig DSGVO-konform.
Ergebnisse & Impact
Drei messbare Outcomes:
Ladezeiten reduziert
-
%
Time-to-Publish einer neuen Landing Page
<
min
Qualitative Effekte
Marketing-Team ist nicht mehr abhängig von Engineering-Tickets
Von Whitepaper bis Karriere-Seite läuft die Pflege im Self-Service.
Marke bleibt konsistent über alle Seitentypen
Die Bausteine sind zentral kuratiert, das verhindert visuellen Wildwuchs.
Internationaler Auftritt ist erweiterbar
Weitere Sprachen brauchen keine Architekturarbeit.
Lead-Magnete sind ohne Entwickler integrierbar
Whitepaper, ROI-Calculator und HubSpot-Workflows lassen sich vom Marketing aktivieren.
Learnings & Besonderheiten
Beide Themen waren zum Go-Live erfüllt und seitdem in laufender Arbeit. Wer Accessibility und Performance ernst meint, plant dafür dauerhaft Zeit ein.
Wenn der Kunde Anforderungen, Zielgruppen und Constraints intern bereits durchdacht hat, ist eine externe Discover-Phase doppelte Arbeit. Das spart Zeit, wenn die Vorarbeit wirklich tragfähig ist.
In dem Setup arbeiten Kunden-Marketing, Branding-Agentur und Build-Partner parallel. Das funktioniert nur, wenn vor dem Start steht, wer was entscheidet und wer was abnimmt. Sonst entstehen Stillstände an jeder Übergabe.
Nächste Schritte / Grow-Phase
Wartung
Plugin-Lifecycle als Routine
Sicherheits-Reviews laufen regelmäßig statt anlassbezogen.
Bausteine
Section-Bibliothek ausbauen
Neue Sections für Kampagnen-Landing-Pages und Produkt-Updates.
Performance
Medienlastige Seiten optimieren
Bilder, Animationen und Mouseover-Elemente werden gezielt auf Last optimiert.
Wartung
Plugin-Lifecycle als Routine
Sicherheits-Reviews laufen regelmäßig statt anlassbezogen.
Bausteine
Section-Bibliothek ausbauen
Neue Sections für Kampagnen-Landing-Pages und Produkt-Updates.
Bausteine
Section-Bibliothek ausbauen
Neue Sections für Kampagnen-Landing-Pages und Produkt-Updates.
Performance
Medienlastige Seiten optimieren
Bilder, Animationen und Mouseover-Elemente werden gezielt auf Last optimiert.
Wartung
Plugin-Lifecycle als Routine
Sicherheits-Reviews laufen regelmäßig statt anlassbezogen.
.jpg%3F2026-04-29T09%3A15%3A43.665Z&w=3840&q=75)
Electrification Academy Plattform
Die Anzahl der aktiven Nutzer:innen der Platform ist stetig am steigen und spiegelt den Erfolg der Entwicklung wieder
.jpg%3F2026-04-27T12%3A30%3A18.874Z&w=3840&q=75)
Lagermeister Werkzeugverwaltung App
weniger Werkzeugverlust pro Jahr
.jpg%3F2026-05-12T08%3A23%3A15.501Z&w=3840&q=75)
Weitere Projekte
So läuft die Zusammenarbeit
Erstgespräch vereinbaren
In 30 Minuten klären wir unverbindlich, worum es wirklich geht. Was soll entstehen, welches Problem wird gelöst und ob wir die Richtigen dafür sind.
1. Erstgespräch
Wir klären Ziel, Problem und Rahmenbedingungen. Du bekommst eine ehrliche Einschätzung, ob und wie wir helfen können.
2. Discover & Angebot
Auf Basis des Gesprächs erstellen wir ein klares Angebot für die Discover-Phase. Darin analysieren wir Prozesse, definieren den MVP-Scope und schaffen Entscheidungsgrundlagen.
3. Build starten
Nach Discover erhältst du ein transparentes Angebot für die Umsetzung. Mit klar definiertem Umfang, Aufwand und realistischen Erwartungen.