Ausgangspunkt war ein bestehendes Designsystem in Figma, das als verbindliche Grundlage für die technische Umsetzung diente. Auf dieser Basis entwickelte Cyber-Solutions ein modernes Frontend mit Next.js,TypeScript, React und SCSS. Der Fokus lag auf einer klaren Komponentenlogik, hoher Performance sowie einer sauberen Trennung von Design, Inhalt und Logik. Sämtliche UI-Komponenten wurden systematisch inStorybookdokumentiert und bereitgestellt, um eine langfristige Wartbarkeit und Wiederverwendbarkeit sicherzustellen.
ZAUNERGROUP Website Relaunch
Cyber-Solutions realisierte die Entwicklung einer neuen Corporate Website für die ZAUNERGROUP, ein etabliertes Unternehmen im internationalen Industrieanlagen- und Rohrleitungsbau. Ziel des Projekts war es, den technologischen Anspruch und die industrielle Kompetenz der Unternehmensgruppe auch digital klar, konsistent und zukunftsfähig abzubilden. Die neue Website sollte dabei nicht nur als Markenplattform dienen, sondern auch als skalierbare technische Basis für zukünftige Erweiterungen, internationale Inhalte und eine effiziente redaktionelle Pflege.
Projektvorteile auf einen Blick
- redakteursfreundliches Backend zur schnellen Contentpflege
- Erweiterbarkeit durch modularen Ansatz
- Mobile First Ansatz
Details
- Kunde: ZAUNERGROUP
- Projekt: CMS Relaunch
- Technologie: Storyblok, Next.js
- Hosting: Vercel
Design
Headless
Als Headless CMS kam Storyblok zum Einsatz, wodurch die ZAUNERGROUP maximale Flexibilität in der Content-Pflege erhält und Inhalte unabhängig von Release-Zyklen weiterentwickeln kann. Die technische Architektur wurde so ausgelegt, dass sowohl Static Site Generation als auch Server Side Rendering genutzt werden können, abhängig von Seitentyp und Performance-Anforderung. Das Ergebnis ist eine schnelle, suchmaschinenfreundliche und gleichzeitig hochdynamische Website.
Frontend-Komponenten
Begleitend zur Entwicklung wurden moderne DevOps-Praktiken implementiert. Die Build- und Deployment-Prozesse liefen über Azure DevOps, das Hosting erfolgte je nach Anwendungsfall auf Vercel und Netlify. Automatisierte Tests mit Playwright stellten sicher, dass Funktionalität und Qualität auch bei laufender Weiterentwicklung stabil bleiben. Insgesamt entstanden über 40 wiederverwendbare Frontend-Komponenten, die heute die Basis für eine konsistente digitale Markenführung bilden.
"Mit der neuen Website haben wir eine digitale Plattform erhalten, die unserem technologischen Anspruch gerecht wird und uns gleichzeitig die Freiheit gibt, Inhalte schnell und flexibel weiterzuentwickeln."
Theresa Auer
/ Online & Social Media Marketing
Designsystem
Die neue Corporate Website überzeugt durch deutlich verbesserte Ladezeiten, eine klar strukturierte Informationsarchitektur und eine technische Basis, die zukünftige Anforderungen bereits mitdenkt. Gleichzeitig wurde die Zusammenarbeit zwischen Marketing, IT und externen Partnern durch das klare Setup aus Designsystem, Storybook und Headless CMS wesentlich vereinfacht. Die Plattform ist heute ein zentrales digitales Asset der ZAUNERGROUP und unterstützt aktiv die Positionierung als technologisch führendes Industrieunternehmen.
Zahlen, die Wirkung zeigen!
Reichweite, Teamgröße und Projektdauer auf einen Blick – kompakt, nachvollziehbar, messbar.
5000
Pageviews im Monat
190
Tage Projektlaufzeit
63
verwendbare Blöcke
Head of Business Development
Haben Sie noch Fragen?
Wollen Sie die Digitalisierung Ihres Unternehmens vorantreiben? Suchen Sie einen Spezialisten für die Umsetzung einer Software-Lösung, oder eruieren Sie gerade zukunftsträchtige Ideen und Option? Wir stehen Ihnen mit Rat und Tat zur Seite!
Der Relaunch wurde durchgeführt, um den digitalen Auftritt technisch und inhaltlich zu modernisieren und die komplexen Leistungen der Unternehmensgruppe klarer darzustellen.
Ziele waren eine strukturierte Präsentation des Leistungsportfolios, eine verbesserte Benutzerführung sowie eine zukunftssichere technische Basis.
Eine zentrale Herausforderung war die übersichtliche Darstellung vielfältiger Geschäftsbereiche und Leistungen innerhalb einer konsistenten Website-Struktur.
Im Fokus standen Skalierbarkeit, Wartbarkeit, Performance sowie die Möglichkeit, Inhalte flexibel zu erweitern und zu pflegen.
Die Benutzerfreundlichkeit wurde durch klare Navigation, logisch aufgebaute Inhaltsseiten und eine konsistente Struktur erhöht.
Cyber-Solutions war für Konzeption, technische Umsetzung, Strukturierung der Inhalte sowie die Begleitung des Relaunch-Prozesses verantwortlich.
Ja, die Website wurde modular umgesetzt und kann jederzeit um neue Inhalte, Seiten oder Funktionen erweitert werden.
Zum Projekt
Alle weiteren Informationen direkt bei Cyber-Solutions anfragen.