Digital strategy for a successful top-flight club

At the heart of Bayer 04 Leverkusen, there is more than just a passion for football; there is a drive for excellence. The I*AM team laid the foundation for a digital transformation that bridges tradition with digital innovation. To achieve this, we created a bespoke, dynamic, and cohesive digital brand identity that brings the essence of this storied club to life.

Client
Bayer 04 Leverkusen FuĂźball GmbH
Year
2023
Services
Continuous Delivery
Design Thinking
Digital Strategy
UI Design
Project Management
User Experience
Web + Digital Design
Eine Mockup-Collage mit der Ansicht der Website auf dem Smartphone

The partnership began with a thorough analysis and careful evaluation of the existing online presence. We then designed a new content strategy, restructured the website, and sharpened our target audience analysis. This resulted in realistic and impactful user stories. The goal of this intensive collaboration was to unify the user experience across the website, app, online shop, and ticketing system. The aim was to create a cross-platform fan experience that remains visually stunning, emotional, and exciting throughout the entire season.

I*AM handled the wireframing and stylescaping, leading the redesign of the website. This work was carried out in alignment with the new brand identity and corporate guidelines. We created a comprehensive website prototype and defined modules and sections for various devices. Additionally, we developed a design toolkit for the web developers. Using Scrum project management, we fleshed out the product backlog, supported the developers with sprint planning, and formulated the definition of done.

The fan experience of a modern, internationally successful club must be as palpable in the digital space as it is in a packed stadium. I*AM’s ongoing contribution creates a consistent and excellent user experience across all platforms. At every step within the Bayer 04 digital world, the club’s sense of community shines through. Every platform makes the club’s passion for the game tangible on match day. The brand experience is also geared toward international markets, underscoring the club’s status as a world-class organization.

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
Smart opportunity analysis

Digital success through precise tactics

We laid the foundation for a triumphant digital strategy with a precise status quo analysis. Through deep insights, we shaped tailored recommendations that paved the way for digital excellence at Bayer 04.

Ein Zitat von Holger Tromp, der Direktor der Kommunikation
Stylescape fĂĽr Bayer 04 Leverkusen: Visuelle Darstellung der digitalen Markenwelt.
swipe
Die Veranschaulichung des Designsystems, welches von I*AM zur Website-Neuerstellung genutzt hat
Modular design

A brilliant playing field for precise development

Our custom design system brings structure and logic to every component of the digital experience, enabling clear execution and leading Bayer 04 to a scalable digital victory.

Darstellung einiger Assets von I*AM fĂĽr die Website von Bayer 04 Leverkusen
Eine Collage der Seiten von der Webiste der Bayer 04 Leverkusen
Handy Bildschirme der Website von Bayer 04 Leverkusen

Player showcase connects fans and the triumphs of the "Werkself"

The innovative player platform turns professionals into central hubs for fans seeking information and merchandise. A groundbreaking interface not only celebrates player achievements but also skillfully weaves them into fan interactions.

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
Spielerdarstellung auf der Website von Bayer 04 Leverkusen

This is how we did it

  • Jira (Project Management)

  • Confluence (Documentation)

  • Frontify (Brand Management)

  • Figma (Prototyping)

  • Express (Framework)

  • Umbraco (CMS)

A first-class partnership

I*AM has turned our digital journey into an exciting success story. We were impressed by their approach, creative design, and precise execution. Thanks to this collaboration, we have created a digital presence "Under the Cross" with our new website that delights our fans and uses its experience to reinforce our strategic values.
Ein Portrait von Heiko Schulz, dem Head of Digital Development von Bayer 04 Leverkusen
Heiko Schulz
Head of Digital Development
Motivated

Digital transformation, achieved together.

I*AM Mitarbeiter klebt Post-it an Glasscheibe