Hand hält Smartphone mit der Darstellung eines Fußballspielers im braunen Trikot mit verschränkten Armen vor dunklem Hintergrund und dem Schriftzug „LOVE“.

FC St. Pauli

Digitale Heimat des Vereins

Intro

Challenge

Approach

Impact

Website- und System-Relaunch für eine der stärksten Marken im Fußball. Neue Systemarchitektur, neues Content-Management-System, neue Schnittstellen, neues Design-System und eine neue, barrierefreie User Experience: Dieser zentrale Baustein der Digitalstrategie des FC St. Pauli balanciert die Bedürfnisse von Profi-, Breitensport und Verein aus und nutzt State-of-the-Art-Lösungen im Backend und Frontend, um den Club optimal für eine erfolgreiche Zukunft aufzustellen.

Der FC St. Pauli kam mit der Zielsetzung zu uns, die Website und die dahinterliegenden Systeme grundlegend zu überarbeiten. Um für die Zukunft gut aufgestellt zu sein, ging es darum, die System-Hoheit zurückzuerhalten, technisch auf dem neuesten Stand und im Betrieb stabil zu sein, sowie eine Lösung zu finden, die strategisch flexibel und erweiterbar ist. Gemeinsam haben wir eine Lösung entwickelt, die perfekt zum Club passt und den zentralen Baustein der Digitalstrategie des Clubs darstellt.

Wir haben die inhaltliche und technische Ausrichtung strategisch beraten und eine modulare Plattform auf Basis einer Headless-Architektur mit Craft CMS in der Microsoft Azure Cloud (Kubernetes) umgesetzt. Wir integrierten automatisierte Schnittstellen zu Opta und DFB für Spielpläne und Tabellen, richteten Livefeeds und Push-Notifications ein und entwickelten ein Design-System inklusive Leichter Sprache.

Der FC St. Pauli hat die System-Hoheit zurückerhalten und verfügt über eine skalierbare, technisch moderne und im Betrieb stabile Plattform. Die neue Architektur vereinfacht die Verwaltung von Inhalten für Web und App über ein einziges Backend und stellt sicher, dass alle Vereinsinformationen barrierefrei zugänglich sind.

Website & Apps

Systems Implementation

Information Architecture

User Interface

User Experience

Accessibility

“Wir haben unsere Werte mit den Bedürfnissen von Fans und Mitgliedern zusammengeführt und ein charakteristisches und inklusives St. Pauli-Erlebnis geschaffen.”
Lara Weber Leiterin Digital beim FC St. Pauli

Vor, während und nach dem Spiel

Für Fans der Kiezkicker bietet die Seite umfassende und immer aktuelle Informationen rund um die Spiele der „Boys in Brown“: Spielplan, Tabelle, Kader, Hintergrundberichte, Ticketverfügbarkeiten für Heim- und Auswärtsspiele. Informationen, Statistiken und Live-Daten werden via Opta- und Sportmedia-Schnittstellen automatisch eingespielt und können vom Redaktionsteam manuell angepasst und erweitert werden.

Über ein zentrales Backend-System werden Live-Ticker und Push-Nachrichten auch auf der neu entwickelten FC St. Pauli App ausgespielt – Shout-out an die Agentur Shape , mit der die Zusammenarbeit immer großartig war! Automatisierte Redaktionsprozesse vereinfachen die Pflege der Inhalte vor, während und nach den Spielen. Die Systemarchitektur passt perfekt zum Club und seinen Ambitionen – stabil, sicher und erweiterbar. Diese bewusste Systemwahl garantiert dem Verein Flexibilität, Zukunftssicherheit und den vollständigen Besitz der Daten.

Zwei Smartphones zeigen eine Website mit Spielzeiten und Gegnern, daneben ein Desktop-Monitor mit einer Fußballmannschaft in braun-weißen Trikots und der Überschrift zum Derby und Stadtmeisterschaft.

Smartphone zeigt Website-Mockup mit Fußball-Nachrichten und drei Männern in braunen Trikots vor braunem Hintergrund.

Hand hält Smartphone mit Website-Mockup einer Fußballtabelle auf dem Bildschirm.

Miteinander anders

Der FC St. Pauli ist eine besondere Marke in der Bundesliga und weit mehr als nur ein Fußballclub. Mit 25 Abteilungen, einer leidenschaftlichen Fankultur, beliebten Nachwuchsprogrammen, der ersten Genossenschaft im deutschen Profifußball sowie zahlreichen gesellschaftlichen Initiativen, vereint die Website eine enorme inhaltliche Bandbreite.

Um dieser Vielfalt gerecht zu werden, haben wir die Architektur und Navigation der Website grundlegend überarbeitet. Neue Rubriken sind nun über eine Mega-Ebene in der Navigation erreichbar. Zusätzlich sorgen bewusst gesetzte Querverlinkungen dafür, dass die Themenbereiche miteinander verbunden werden und die gesamte Vielfalt des Vereins erlebbar wird.

Informationsarchitektur-Diagramm der Hauptkategorien Home, Fußball, Verein, Millerntor und Rabauken mit Unterkategorien.

Drei Website-Bildschirme zeigen eine Fußballmannschaft auf dem Spielfeld, eine Nahaufnahme von Fans mit 'RABAUKEN'-Schrift auf schwarzen Kapuzenpullovern und einen Spieler mit verschränkten Armen in braunem Trikot.

Hand steckt Smartphone mit geöffneter Webseite des FC St. Pauli in schwarze Hosentasche.

Smartphone mit geöffneter Navigationsmenüseite der FC St. Pauli Website mit Menüpunkten wie Übersicht, Aktuelles, Teams, Fans und Tickets auf braunem Hintergrund.

Mehrere Spielerporträts einer Fußballmannschaft mit Namen, Trikotnummern, Positionen und Buttons zum Trikotkauf und Profilaufruf, ein Spieler wird auf einem Smartphone-Bildschirm hervorgehoben.

Accessibility, Transparenz & Charakter

Der FC St. Pauli steht für Inklusion und Diversität. Aus diesem Grund war Barrierefreiheit ein integraler Bestandteil unserer Arbeit, von der Konzeption über das Design bis hin zur Umsetzung. Dazu trägt auch das neue Design-System bei, das sich durch Einfachheit, Klarheit und großzügig gestaltete Komponenten auszeichnet. Es ist die Grundlage für eine Experience, die trotz der Vielzahl an Inhalten niemanden überfordert.