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

eSports-Trikot
eSports - 07.08.2026

#B04eSports: Das eSports-Trikot für die Saison 2026/27

Mit frischem Look in die neue Spielzeit: Bayer 04 stellt zusammen mit Sportartikelhersteller New Balance die offizielle Spielbekleidung der Leverkusener eSportler für die kommende Saison vor. Das Trikot ist ab sofort im Bayer 04-Onlineshop sowie in der Fanwelt erhältlich.

Mehr zeigen
U17 in Shanghai
Jugend - 07.08.2026

Nachwuchs: Ligastart für U19 – U17 holt Remis gegen Bilbao

Das Warten der U19 hat ein Ende. Nach dem erfolgreichen Pflichtspiel-Auftakt am vergangenen Wochenende in der 1. Runde des DFB-Pokals der Junioren gegen den VfV 06 Hildesheim geht es für die Elf von Chefcoach Patrick Greveraars nun auch in der Liga los. Währenddessen misst sich die U17 auf der anderen Seite des Erdballs beim Future Star Cup in Shanghai mit den Top-Teams ihrer Altersklasse und holte unter anderem ein Unentschieden gegen Athletic Bilbao. Und auch die U23-Frauen betreten zum ersten Testspiel nach rund vierwöchiger Pause wieder den Platz.

Mehr zeigen
Paulo Sergio mit Carles Martínez
Bayer 04 - 07.08.2026

„Sehr gute Voraussetzungen“ für die neue Saison in Leverkusen und Brasilien: Klub-Legende Paulo Sergio im Interview

Nicht zuletzt seit dem Trainingslager der Werkself im vergangenen Sommer in seiner brasilianischen Heimat sind Paulo Sergio und Bayer 04 eng verbunden. Die Klub-Legende verantwortet die im Sommer 2025 eröffnete Bayer 04 Football Academy und war jüngst auch beim diesjährigen Trainingslager im Weimarer Land wieder vor Ort. Neben dem Austausch mit den zahlreichen angereisten Fans nutzte der Weltmeister von 1994 die Tage, um gemeinsam mit den Klub-Verantwortlichen die nächsten Schritte der Academy zu planen. Im Interview mit bayer04.de sprach Sergio über die weitere Entwicklung des Projekts, den bevorstehenden Besuch von Nachwuchsspielern der Academy in Leverkusen sowie die Pläne für die kommenden Monate in Deutschland und Brasilien.

Mehr zeigen
Teamevent im Trainingslager im Weimarer Land
Bayer 04 - 06.08.2026

Tag 5 im Ticker: Teamevent und Fußball-Tennis | Trainingslager im Weimarer Land

Das Trainingslager der Werkself im Weimarer Land kompakt an einem Ort: Im Tages-Ticker findet ihr alle Eindrücke und Updates des Tages. Das Programm an Tag fünf (Donnerstag, 6. August) sieht wie folgt aus: Am Vormittag hält das Team die finale öffentliche Trainingseinheit dieses Trainingslagers ab. Nach dem Mittagessen findet dann ein Team-Event statt.

Mehr zeigen
Trainingslager Vlog: Mit Alina im Golfkart zum Training und beim Team-Event | Behind the Scenes
Werkself-TV - 06.08.2026

Trainingslager-Vlog: Im Golfcar zum Training und Besuch beim Team-Event | Behind the Scenes

Tag 5 im Trainingslager im Weimarer Land! Alina fährt gemeinsam mit Montrell Culbreath und Loïc Badé im Golfcar zum Trainingsgelände. Außerdem ziehen Patrik Schick und Ibrahim Maza ein erstes Fazit zu den vergangenen Tagen, bevor es zum Team-Event geht: In kleinen Gruppen tritt die Mannschaft in verschiedenen Disziplinen gegeneinander an. Welches Team sich am Ende den Sieg sichert? Seht selbst!

Mehr zeigen