Case study: Vienna Capitals Webseite

Case Study

Headless CMS: Echtzeit-Daten & Performance unter Last.

Challenges
Project Journey
Ergebnisse

Sekunden Ladezeit schnell, schneller, Vienna Capitals

~0,5

SEO Lighthouse

100%

Accessibility Lighthouse

100%

Besucher an Spieltagen, ohne Performance-Einbrüche

>5k

LEAN-CODERS realisierte den vollständigen Website-Relaunch des Vienna Capitals Eishockeyclubs – von einer in die Jahre gekommenen Contao-Installation aus 2011 zu einer modernen Headless-Architektur mit Astro und Strapi 5.

Die neue Plattform liefert ~0,5 Sekunden Ladezeit, perfekte Lighthouse Scores und bewältigt tausende Besucher an Spieltagen – ohne Performance-Einbrüche. Das Redaktionsteam erstellt Inhalte heute eigenständig, ohne Entwickler-Tickets.

Challenges

Eine über ein Jahrzehnt gewachsene Website, die bei Performance, Usability und redaktioneller Flexibilität nicht mehr mithalten konnte.

Veraltetes Design & Barrierefreiheit

Starres, nicht mehr zeitgemäßes Design mit unzureichender Barrierefreiheit und schlechter mobiler Darstellung. Konkrete Auswirkung: Schlechtere User Experience auf Mobilgeräten, schlechte Nutzbarkeit für Besucher:innen mit Einschränkungen.
Verkaufskanäle schlecht sichtbar

Online-Shop, Ticketshop und Hospitality-Bereiche wurden unzureichend präsentiert. Konkrete Auswirkung: Schlechte Auffindbarkeit der Verkaufskanäle und dadurch entgangene Einnahmen.
Statische Inhaltsstruktur

Spielerprofile und andere Inhalte waren starr aufgebaut. Konkrete Auswirkung: Aktualisierungen waren aufwendig, viele Rückfragen des Redaktionsteams an Entwickler.
Fehlende emotionale Spielerpräsentation

Der Kader wurde in einer simplen Tabelle ohne persönliche Informationen dargestellt. Konkrete Auswirkung: Keine emotionale Bindung der Fans zu den Spielern.
Legacy-System

Contao CMS im Einsatz seit 2011, Design aus 2015 – nicht mehr zeitgemäß für moderne Anforderungen.

Eishockeyspieler in voller Montur mit Helm und Trikot, rechts daneben persönliche Informationen inklusive Name, Position, Schusshand, Größe, Gewicht, Geburtsdatum und Nationalität.

Project Journey

Konzeption

UX/UI-Design und Informationsarchitektur als Basis. Technische Entscheidung für Astro als Frontend-Framework und Strapi 5 als Headless CMS. Definition der Architektur für externe Integrationen (Spielplan-Daten, Merchandise, E-Mail).

Design

Von Mood Boards über Low-Fidelity-Wireframes bis zu finalen High-Fidelity-Designs – mehrere Varianten wurden zur Präsentation entwickelt. Ergebnis: vollständige Design Library und sauberer Handover ans Dev-Team.

Core-Development & CMS-Setup

Block-basierter Page-Builder in Strapi 5
Astro Frontend – kein JavaScript-Ballast, maximale Lighthouse-Scores, ideal für bildlastige Seiten
Redis-Caching – schnelle Ladezeiten auch unter Last durch gecachte API-Daten und HTML-Responses
imgproxy – WebP-Conversion, dynamisches Zuschneiden, hochwertiges Bildmaterial ohne Performance-Einbußen
Live-Score & Echtzeit-Updates – zuverlässige Score-Daten auch an Spieltagen unter Hochlast
Drittanbieter-Integration – CapsCore (Spielpläne/Statistiken), Shopify (Merchandise), Mailgun (E-Mail)
Containerisiertes Deployment – alle Services isoliert und skalierbar

Eishockey-Torwart in gelber Ausrüstung mit ausgebreiteten Armen in Abwehrposition.

Content-Integration & Launch

Content-Befüllung durch das Redaktionsteam, UI- und Integrationstesting, Lasttests unter realen Spieltag-Bedingungen, Go-Live und Monitoring. Nahtloser Rollout ohne Ausfallzeiten.