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

Nottingham Forest gegen Bayer 04
Fans - 10.08.2026

Die Faninfos zum Testspiel bei Nottingham Forest in England

Im vorletzten Testspiel der Saisonvorbereitung 2026/27 tritt die Werkself beim Premier-League-Klub Nottingham Forest an. Anpfiff ist am Mittwoch, 12. August, um 19.45 Uhr Ortszeit (20.45 Uhr deutscher Zeit). Die Bayer 04-Fanbetreuung hat vorab alle Infos zur Partie im City Ground, die der Werksklub exklusiv für Mitglieder überträgt, zusammengefasst.

Mehr zeigen
Fans im Ulrich-Haberland-Stadion
Frauen - 10.08.2026

Wolfsburg und Bayern warten: Tickets für die ersten beiden Frauen-Heimspiele im freien Verkauf

Welch ein Auftaktprogramm vor heimischer Kulisse für die Bayer 04-Frauen! Ab sofort sind Tickets für die ersten beiden Heimspiele im freien Verkauf erhältlich. Eine Woche nach dem Liga-Auftakt bei RB Leipzig wartet auf die Mannschaft von Roberto Pätzold zum Heimauftakt am Sonntag, 30. August (Anstoß: 16 Uhr), Vizemeister VfL Wolfsburg. 15 Tage später empfangen die Leverkusenerinnen am Montagabend, 14. September (Anstoß: 18 Uhr), zum Liga-Topspiel den Deutschen Meister FC Bayern München im Ulrich-Haberland-Stadion. Ab sofort können die Plätze im Onlineshop auch platzgenau ausgewählt werden. Alle Infos zum Tageskarten-Verkauf im Überblick.

Mehr zeigen
Die U17 in Shanghai
Jugend - 10.08.2026

Nachwuchs: U19 gelingt Ligastart – U17 beendet Turnier in Shanghai

Nach dem erfolgreichen Pokalduell in Hildesheim ist die U19 von Bayer 04 auch in die DFB-Nachwuchsliga mit einem Sieg gestartet. Unterdessen musste sich die Leverkusener U17 beim Future Star Cup in Shanghai der Länderauswahl Chinas sowie dem späteren Turniersieger FC Arsenal aus England jeweils knapp geschlagen geben, nachdem sie zuvor Athletic Bilbao aus Spanien ein torloses Remis abgetrotzt hatte.

Mehr zeigen
U19 schlägt VfL Bochum 1848 dank Damjanovic-Doppelpack | 1. Spieltag
Werkself-TV - 09.08.2026

U19: Die Highlights des 3:1-Erfolgs gegen den VfL Bochum 1848

Werkself-TV zeigt die Highlights des 3:1-Erfolgs der U19 von Bayer 04 gegen den VfL Bochum 1848 am 1. Spieltag der Vorrunde der DFB-Nachwuchsliga 2026/27...

Mehr zeigen