Design, Bildsprache, Markenerlebnis – Unsere eigene Note

Seit dem Saisonstart ist unsere neue Homepage online. In den kommenden Tagen möchten wir euch ein paar Features und Highlights von bayer04.de etwas genauer vorstellen. Im zweiten Teil beschäftigen wir uns mit dem Design.
MockUp-B04-NewOnE_PR-Startseite.jpg

Bei der Gestaltung der neuen Homepage waren uns zwei Aspekte besonders wichtig: Wir wollten übersichtlicher werden und die Navigation vereinfachen. Denn nichts ist nerviger, als sich ewig durchklicken zu müssen, um zum gewünschten Inhalt zu kommen. Das Design unseres Webauftrittes basiert deshalb auf einer etwas abgewandelten Form des sogenannten Atomic Designs.
Es strukturiert die einzelnen Seiten (Hubs) in vertikal angeordnete Sektionen und Elemente. Das wiederum ermöglicht eine flexible Handhabung von Funktionsbereichen im Hintergrund. Zusätzliche Seiten können so schneller und einfacher erstellt werden.
Damit ist es uns auch gelungen, die „Klicktiefe“ deutlich zu reduzieren. Das heißt, man ist schneller dort, wo man auch wirklich hin will – ohne Umwege und Hürden.
Für mehr Übersichtlichkeit sorgt zudem das „Hamburger-Menü“ im Kopfbereich, das alle relevanten Seiten beinhaltet. So wirkt unsere Seite aufgeräumt und bietet reichlich Platz für das, was uns besonders wichtig ist: große Fotos, Fullscreen-Bild-Slider und Lightbox-Galerien. Attraktiv gestaltete Statistiken und Tabellen. Animierte News-Elemente. Und weil gerade im Fußball Emotionen ausgelebt werden, wollen auch wir euch auch auf diese Art ansprechen.
Entgegen den aktuellen Gestaltungstrends vieler Webauftritte, die eher neutral und mit einem kaum differenzierbaren Look daherkommen, greifen wir bewusst bestehende grafische Elemente wie Balken, Linien, Schrift und Farbflächen unseres Corporate Designs auf. Denn wir legen großen Wert auf ein durchgängiges, deutlich erkennbares Erscheinungsbild in Schwarz und Rot. Ob auf der Website, auf unserer App, im Shop oder im Werks11-Magazin, ob inhaltlich oder visuell: Wir wollen überall als Bayer 04 spür- und erlebbar sein – mit unserer ganz eigenen persönlichen Note.

Ähnliche News

Sommercamp „Ferien ohne Krieg“
Bayer 04 - 02.09.2026

„Ferien ohne Krieg“: Bayer 04, TSV und Bayer AG unterstützen Sommercamp für Kinder aus der Ukraine

Unter dem Motto „Ferien ohne Krieg“ nahmen im August 60 Kinder aus der vom Krieg gezeichneten Ukraine am Sommercamp des deutsch-ukrainischen Vereins Blau-Gelbes Kreuz in Leverkusen und Umgebung teil. Die 10- bis 14-Jährigen – viele von ihnen haben im Krieg ihre Eltern verloren – stammen aus den ukrainischen Partnerstädten von Leverkusen, Köln und Monheim am Rhein: Nikopol, Dnipro und Wolodymyr. Bayer 04, die Bayer AG und der TSV Bayer 04 unterstützten das Camp anlässlich seines zehnten Jubiläums und ermöglichten damit noch mehr Kindern und Jugendlichen als in den vergangenen Jahren, einige unbeschwerte Ferientage abseits des Krieges im Rheinland zu verbringen.

Mehr zeigen
Ruby Grant verlässt Bayer 04
Frauen - 01.09.2026

Ruby Grant wechselt zu Sporting Lissabon

Mittelfeldspielerin Ruby Grant verlässt Bayer 04 Leverkusen und wechselt ein Jahr vor Ende ihres Vertrags zum portugiesischen Vizemeister Sporting Lissabon. Die 24-Jährige spielte seit Januar 2025 beim Werksklub.

Mehr zeigen
Arthurs bisherige Bayer 04-Highlights in der Bundesliga
Werkself-TV - 01.09.2026

Arthurs bisherige Highlights bei Bayer 04

Werkself-TV zeigt nach der Bekanntgabe der einjährigen Leihe von Arthur zum SV Werder Bremen seine bisherigen Highlights in der Bundesliga für Bayer 04.

Mehr zeigen
Arthur
Bayer 04 - 01.09.2026

Arthur wechselt per Leihe zum SV Werder Bremen

Bayer 04 verleiht seinen brasilianischen Außenverteidiger Arthur für ein Jahr an den Bundesligisten SV Werder Bremen. Arthur Augusto de Matos Soares, so der vollständige Name des rechten Schienenspielers, verfügt in Leverkusen über einen Kontrakt bis zum 30. Juni 2031. Bei Werder soll der 23-Jährige Akzente setzen und dem Traditionsklub helfen, sich weiter in der Bundesliga zu konsolidieren.

Mehr zeigen