Headless-CMS auf WordPress-Basis
Inhalte werden zentral gepflegt und flexibel im Frontend ausgeliefert.
Referenz · Web & Design
Digitale Sichtbarkeit für die Luftfahrtbranche – Conversion-starke Headless CMS Webseite
Für Vectoflow, Spezialist für Strömungsmesstechnik in der Luft- und Raumfahrt, hat Webect eine mehrsprachige Unternehmenswebsite auf Headless-CMS-Basis entwickelt. Individuelle Infografiken machen komplexe Messtechnik verständlich, und das Team pflegt Inhalte selbstständig.
- Kunde
- Vectoflow
- Branche
- Maschinenbau
- Leistung
- Website (Web & Design)
- Technologie
- WordPress (Headless), Figma
- Jahr
- 2023
- Dauer
- 4 Monate
Ausgangslage
Die Herausforderung
Vectoflow entwickelt Strömungsmesstechnik für die Luft- und Raumfahrt – Sonden, Scanner und komplette Messsysteme. Solche Produkte sind technisch anspruchsvoll und lassen sich nicht in wenigen Sätzen erklären. Die bisherige Webpräsenz musste daher durch einen Auftritt ersetzt werden, der Fachpublikum gezielt anspricht, die Produkte verständlich und ansprechend darstellt und das Unternehmen international als kompetenten Partner positioniert.
Dabei waren mehrere Anforderungen gleichzeitig zu erfüllen. Die Website sollte in Deutsch und Englisch verfügbar sein, auf allen Endgeräten gut funktionieren und für Suchmaschinen technisch sauber aufgebaut sein. Vor allem aber sollte das Vectoflow-Team Inhalte selbstständig pflegen können, ohne für jede Änderung auf externe Unterstützung angewiesen zu sein. Dafür brauchte es ein flexibles CMS, das technische Produktseiten strukturiert abbildet.
Lösung
Unser Vorgehen und die Lösung
Webect hat Konzeption und Umsetzung vollständig übernommen. Das UX-Design entstand in Figma: Wir haben Seitenstruktur, Navigation und Produktdarstellung so geplant, dass Besucher schnell zur relevanten Sonde, zum passenden Scanner oder Messsystem finden. Klickbare Prototypen halfen, Entscheidungen früh mit Vectoflow abzustimmen. Das Ergebnis ist ein individuelles Responsive-Design, das auf Desktop, Tablet und Smartphone gleichermaßen funktioniert.
Technisch setzt die Website auf WordPress als Headless-CMS. Inhalte werden im gewohnten Backend gepflegt und getrennt von der Darstellung ausgeliefert. Das gibt Flexibilität im Frontend und hält die Pflege einfach. Für die Produktseiten haben wir eigene Infografiken erstellt, die Funktionsweise und technische Details der Messtechnik visuell erklären. Die Mehrsprachigkeit in Deutsch und Englisch ist von Anfang an in der Struktur verankert.
Ein weiterer Schwerpunkt lag auf SEO und Performance. Wir haben die Website technisch so aufgebaut, dass Suchmaschinen Inhalte gut erfassen können und Seiten schnell laden. Nach dem Launch ist das Projekt nicht abgeschlossen: Webect betreut die Website laufend und unterstützt bei Content-Updates. Die gesamte Umsetzung von der Konzeption bis zum Go-live dauerte vier Monate.
Produktinfografiken
Eigens erstellte Grafiken erklären Sonden, Scanner und Messsysteme anschaulich.
Mehrsprachigkeit DE/EN
Alle Inhalte stehen für den internationalen Markt auch auf Englisch bereit.
Individuelles Responsive-Design
Die Website ist für Desktop, Tablet und Smartphone optimiert.
SEO & Performance
Technische Optimierung für gute Auffindbarkeit und schnelle Ladezeiten.
Laufende Betreuung
Webect unterstützt Vectoflow nach dem Launch bei Pflege und Content-Updates.
Projektablauf
Vom Kick-off zum Go-live
- 01
Analyse
Aufnahme von Produktportfolio, Zielgruppen und Anforderungen an Mehrsprachigkeit.
- 02
Konzept & Design
UX-Design, Prototyping und Infografik-Erstellung in Figma.
- 03
Entwicklung
Umsetzung auf WordPress als Headless-CMS inklusive DE/EN und SEO-Optimierung.
- 04
Launch & Betreuung
Go-live nach vier Monaten und laufende Unterstützung bei Content-Updates.
Ergebnis
Was das Projekt bewirkt
Die neue Vectoflow-Website ist live und zweisprachig verfügbar
Produktseiten stellen Messtechnik übersichtlich mit Infografiken und technischen Details dar
Das interne Team pflegt Inhalte selbstständig über das CMS
Die technische SEO-Basis unterstützt die digitale Sichtbarkeit im Fachmarkt
Eingesetzte Technologien
- WordPress
- Headless CMS
- Figma
- Responsive Design
- Mehrsprachigkeit (DE/EN)
- SEO & Performance
Leistungen
Leistungen in diesem Projekt
FAQ
Fragen zum Projekt
Sie planen etwas Ähnliches? Wir beraten Sie gern persönlich.
Projekt besprechenWie lange dauerte der Website-Relaunch für Vectoflow?
Die Umsetzung dauerte vier Monate – von der UX-Konzeption und dem Design in Figma über die Erstellung der Produktinfografiken bis zur Entwicklung auf WordPress als Headless-CMS mit deutscher und englischer Sprachversion. Seit dem Launch betreut Webect die Website laufend.
Warum ein Headless-CMS für eine technische Unternehmenswebsite?
Beim Headless-Ansatz sind Inhaltspflege und Darstellung getrennt. Das Vectoflow-Team arbeitet im gewohnten WordPress-Backend, während das Frontend unabhängig gestaltet und optimiert werden kann. Das erleichtert die Pflege technischer Produktseiten und schafft Flexibilität für spätere Erweiterungen.
Wie werden komplexe Messtechnikprodukte verständlich dargestellt?
Webect hat für die Produktseiten individuelle Infografiken in Figma erstellt, die Aufbau und Funktionsweise von Sonden, Scannern und Messsystemen visualisieren. Ergänzt durch strukturierte technische Details finden sich Fachbesucher schneller zurecht und verstehen die Produkte besser.
Weitere Referenzen
Das könnte Sie auch interessieren
Von starr zu skalierbar – moderne Headless-Website für Pi-Tech GmbH mit Produktkonfigurator
Pi-Tech GmbH
HiScout Kundenportal: Self-Service-Plattform für GRC-Software
HiScout
BanksAPI-Integration: Digitale Zahlungsprozesse durch API-Anbindung
Syvera / Orbird
Neuer B2B-E-Commerce-Shop: Effizienz, Performance und Nutzererlebnis neu gedacht
Äbbes Tobacco
Shopware E-Commerce Store mit API-Integration zum Versanddienstleister
Hitchcock
React.js ERP Lösung: Moderne Technologie für effiziente Unternehmensprozesse
workstool
Ähnliches Projekt?
Lassen Sie uns über Ihr Vorhaben sprechen.
Erzählen Sie uns, was Sie vorhaben – wir geben Ihnen eine ehrliche Einschätzung zu Aufwand, Zeitrahmen und Vorgehen.
