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

Ticket-Infos
Bayer 04 - 02.03.2026

Tickets für Spiele der Werkself

Ein Überblick über die Ticket-Verkäufe zu den Heim- und Auswärtsspielen der Werkself in allen Wettbewerben.

Mehr zeigen
U15 von Bayer 04
Jugend - 02.03.2026

Nachwuchs: U15 verteidigt Tabellenführung – Derbysieg für U19-Juniorinnen

Mit einem 2:1 beim MSV Duisburg ist die U15 von Bayer 04 perfekt zurück in die Saison gestartet und behauptete damit vor dem Spitzenspiel gegen den FC Schalke 04 am kommenden Wochenende ihre Tabellenführung. Eine starke Leistung zeigte auch die U14, die sich bei der Futsal-Regionalmeisterschaft West gegen U15-Gegner Rang drei erkämpfte. Derweil dürfen sich die U19-Juniorinnen, nach einem furiosen 4:3 beim Spitzenreiter 1. FC Köln, ab sofort „Derbysiegerinnen“ nennen – das Nachwuchs-Wochenende im Überblick.

Mehr zeigen
Lebensmittel spenden für die Tafel Leverkusen
Soziales - 02.03.2026

Vor #B04FCB: Lebensmittel spenden für die Tafel Leverkusen

Wie schon zum Heimspiel gegen Borussia Dortmund kurz vor Weihnachten, können Fans der Werkself erneut die Arbeit des Tafel Leverkusen e.V. mit der Spende von Lebensmitteln unterstützen. Vor der Heimpartie gegen den FC Bayern München am Samstag, 14. März, wird Bayer 04 an den bekannten Sammelstellen vor dem A-Block (Süd-Ost) sowie dem E- und F-Block (Nord-West) die Spenden ab Stadionöffnung um 13.30 Uhr bis zum Anpfiff um 15.30 Uhr entgegennehmen. Eine Spendenabgabe in der Bayer 04-Fanwelt ist am Spieltag leider nicht möglich. Die Tafel bittet in erster Linie um haltbare Lebensmittel und Hygieneartikel.

Mehr zeigen
U19 unterliegt mit 0:1 gegen Hoffenheim | 4. Spieltag
Werkself-TV - 01.03.2026

U19: Die TV-Zusammenfassung der 0:1-Niederlage gegen die TSG Hoffenheim

Werkself-TV zeigt die Zusammenfassung der 0:1-Niederlage der U19 von Bayer 04 gegen die TSG Hoffenheim am 4. Spieltag in Liga A der Hauptrunde der DFB-Nachwuchsliga 2025/26...

Mehr zeigen
Jonah Berghoff
U19 - 01.03.2026

0:1 gegen Hoffenheim – U19 unterliegt erstmals in der Hauptrunde

Die U19 von Bayer 04 hat am 4. Spieltag der Hauptrunde in Liga A der DFB-Nachwuchsliga 0:1 gegen die TSG Hoffenheim verloren. In der ersten Halbzeit fielen trotz guter Chancen auf beiden Seiten keine Tore, nach Wiederanpfiff gingen die Gäste aus Sinsheim durch einen Foulelfmeter in Führung. Vor allem ein stark aufspielender TSG-Keeper verhinderte im Anschluss den Leverkusener Ausgleich.

Mehr zeigen