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

LIVE ab 15.50 Uhr | FC Villarreal - Bayer 04 | Sechzehntelfinale UEFA Youth League
Werkself-TV - 04.02.2026

LIVE ab 15.50 Uhr | FC Villarreal – Bayer 04 | Sechzehntelfinale UEFA Youth League

Die U19 von Bayer 04 tritt im Sechzehntelfinale der UEFA Youth League 2025/26 am heutigen Mittwoch, 4. Februar (Anstoß: 16 Uhr), beim FC Villarreal in Spanien an. Die Leverkusener hatten sich mit zehn Punkten als Tabellen-17. der Ligaphase erstmals für die K.-o.-Phase des Wettbewerbs qualifiziert, die Spanier schlossen die Ligaphase mit 15 von 18 Punkten auf Platz fünf ab. Werkself-TV zeigt die Partie live und Mitglieder-exklusiv ab 15.50 Uhr...

clubExklusivExklusiver Inhalt Werde Clubmitglied
Re-Live | Bayer 04 - FC St. Pauli | Viertelfinale DFB-Pokal
Werkself-TV - 03.02.2026

Re-Live: Der 3:0-Heimsieg im DFB-Pokal-Viertelfinale gegen den FC St. Pauli

Werkself-TV zeigt den 3:0-Heimsieg von Bayer 04 gegen St. Pauli im Viertelfinale des DFB-Pokals 2025/26 re-live...

clubExklusivExklusiver Inhalt Werde Clubmitglied
Die PK nach dem Halbfinal-Einzug | Viertelfinale DFB-Pokal
Werkself-TV - 03.02.2026

Die Pressekonferenz nach dem 3:0-Sieg gegen den FC St. Pauli im DFB-Pokal-Viertelfinale

Werkself-TV zeigt nach dem 3:0 von Bayer 04 gegen den FC St. Pauli im Viertelfinale des DFB-Pokals 2025/26 die Pressekonferenz mit den beiden Cheftrainern Alexander Blessin und Kasper Hjulmand...

Mehr zeigen
Grafik Club-Party in Berlin
Club - 03.02.2026

Club-Party in Berlin: Falko Götz zu Gast – Bayer 04-Quiz und Tombola

Es ist wieder so weit: Bayer 04 lädt zur traditionellen Club-Party in Berlin! Erlebt am Freitag, 20. Februar, zusammen mit dem Bayer 04-Club, dem Ex-Profi und aktuellen Scout der Werkself Falko Götz und zahlreichen Leverkusener Fans am Vorabend des Auswärtsspiels gegen den 1. FC Union Berlin einen unvergesslichen Abend.

Mehr zeigen