Digitale Strategie fĂŒr einen erfolgreichen Erstligisten

Im Herzen des Vereins Bayer 04 Leverkusen pulsiert nicht nur die Leidenschaft fĂŒr Fußball, sondern auch das Streben nach Exzellenz. Das Team von I*AM hat den Grundstein fĂŒr eine digitale Transformation gelegt, die Tradition mit digitaler Innovation vereint. DafĂŒr schufen wir eine maß­geschneiderte, dynamische und einheitliche digitale Markenwelt, welche die Essenz dieses Traditionsvereins spĂŒrbar macht.

Kunde

Bayer 04 Leverkusen Fußball GmbH

Jahr

2023

Leistungen

  • Digital Strategy
  • Design Thinking
  • User Experience
  • Interface Design
  • Digital + Web Design
  • Projektkoordination
  • Continuous Delivery
Eine Mockup-Collage mit der Ansicht der Website auf dem Smartphone

Strategy

Design

Change

Die Partnerschaft begann mit einer grĂŒndlichen Analyse und sorgfĂ€ltigen Bewertung der bisherigen OnlineprĂ€senz. Daraufhin gestalteten wir eine neue Content-Strategie, strukturierten die Webseite neu und schĂ€rften die Zielgruppenanalyse. Es entstanden User-Storys, die realitĂ€tsnah und wirkungsvoll sind. Das Ziel der intensiven Zusammenarbeit war es, die Nutzererfahrung von Webseite, App, Online-Shop und Ticketing-System zu vereinheitlichen. Dadurch sollte ein platt­formĂŒbergreifendes Fanerlebnis entstehen, welches die komplette Saison ĂŒber bildgewaltig, emotional und spannend ist.

I*AM ĂŒbernahm das Wireframing sowie Stylescaping und somit die Neugestaltung der Webseite. Diese Arbeit erfolgte im Einklang mit dem neuen Markenbild und den Unternehmensrichtlinien. Dabei schufen wir einen umfangreichen Website-Prototyp und definierten Module und Sektionen fĂŒr diverse EndgerĂ€te. Außerdem legten wir ein Design-Toolkit fĂŒr die Webentwickler an. Mit Scrum-Projektmanagement arbeiteten wir das Product Backlog aus, unterstĂŒtzten die Entwickler bei der Sprintplanung und formulierten die Definition of Done.

Das Fanerlebnis eines modernen und international erfolgreichen Vereins muss im digitalen Raum so spĂŒrbar sein wie im vollgepackten Stadion. Der fortlaufende Beitrag von I*AM schafft ein einheit­liches und exzellentes Usererlebnis ĂŒber alle Plattformen hinweg. Bei jedem Schritt in der digitalen Welt von Bayer 04 kommt das Wir-GefĂŒhl des Vereins zum Vorschein. Jede Plattform macht die Leidenschaft des Vereins fĂŒr den Sport am Spieltag greifbar. Das Markenerlebnis richtet sich außerdem an internationale MĂ€rkte aus. Das unterstreicht den Anspruch des Vereins als internationale Klasse.

Das Bayer 04 Lverkusen Kreuz mit zwei Spielern und dem Text 'Willkommen in unserem Wohnzimmer'
Ein Abbild der Strategic Paper zur Analyse der Website von Bayer 04 Leverkusen in der Form eines offenen und geschlossenen Buches

Smarte Chancenanalyse

Digitaler Erfolg durch prÀzise Taktik

Mit prĂ€ziser Status-quo-Analyse legten wir den Grundstein fĂŒr eine triumphale Digitalstrategie. Durch tiefgreifende Einblicke formten wir maßgeschneiderte Handlungsempfehlungen, die den Weg fĂŒr digitale Exzellenz bei Bayer 04 ebneten.

Ein Zitat von Holger Tromp, der Direktor der Kommunikation
Die Veranschaulichung des Designsystems, welches von I*AM zur Website-Neuerstellung genutzt hat

Modulares Design

Ein geniales Spielfeld fĂŒr prĂ€zise Entwicklung

Unser individuelles Designsystem bringt Struktur und Logik in jede Komponente der Digital Experience, ermöglicht eine klare AusfĂŒhrung und fĂŒhrt Bayer 04 zum skalierbaren digitalen Sieg.

Eine Collage der Seiten von der Webiste der Bayer 04 Leverkusen
Handy Bildschirme der Website von Bayer 04 Leverkusen
Spieler-Showcase verbindet Fans und Triumphe der Werkself

Die innovative Spielerplattform verwandelt Profis in zentrale Anlaufstellen fĂŒr Fans, die nach Informationen und Merchandise suchen. Ein bahnbrechendes Interface feiert nicht nur Spielererfolge, sondern verwebt sie auch geschickt mit Fan-Interaktionen.

Eine anschauliche Darstellung des Player Screens, in dem jeweils ein Bild des Fussballers, sowie dessen Statistiken dargestellt werden.
Eine Darstellung des Stadionplans mit EingĂ€ngen und TribĂŒhnen
Darstellung der News-Sektion mit verschiedenen aktuellen BeitrÀgen

This is how we did it

  • Jira (Projektmanagement)
  • Confluence (Dokumentation)
  • Frontify (Brand Management)
  • Figma (Prototyping)
  • Express (Framework)
  • Umbraco (CMS)
Eine Mockup-Collage mit der Ansicht der Website auf dem Smartphone

Eine erstklassige Partnerschaft

I*AM hat unsere digitale Reise in eine aufregende Erfolgsgeschichte verwandelt. Ihre Herangehensweise, ihr kreatives Design und die prĂ€zise AusfĂŒhrung haben uns begeistert. Dank der Kooperation haben wir mit der neuen Webseite eine digitale PrĂ€senz „Unterm Kreuz“ geschaffen, die unsere Fans begeistert und mit ihrer Experience auf unsere strategischen Werte einzahlt.

Heiko Schulz

Head of Digital Development

Motiviert

Gemeinsam gelingt auch Ihre digitale Transformation.

Mit uns reden Mit uns schreiben
Ein Mann beim Zettel an eine Glasscheibe kleben