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

Die PK mit Hjulmand nach dem 1:1 gegen den FC Bayern | 26. Spieltag
Werkself-TV - 14.03.2026

Die Pressekonferenz nach dem 1:1-Unentschieden gegen den FC Bayern

Werkself-TV zeigt nach dem 1:1-Remis gegen den FC Bayern München am 26. Bundesliga-Spieltag die Pressekonferenz mit Cheftrainer Kasper Hjulmand...

Mehr zeigen
Re-Live | Bayer 04 - FC Bayern München | 26. Spieltag
Werkself-TV - 14.03.2026

Re-Live: Das 1:1-Remis gegen den FC Bayern

Werkself-TV zeigt das 1:1-Remis gegen den FC Bayern München am 26. Bundesliga-Spieltag re-live...

Ticket-Infos
Bayer 04 - 14.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
Jonah Berghoff aus der U19
U19 - 14.03.2026

2:2 in Paderborn – U19 holt zweimal einen Rückstand auf

Am 6. Spieltag in der Hauptrunde der DFB-Nachwuchsliga (Gruppe A) holte die U19 von Bayer 04 beim SC Paderborn 07 ein 2:2-Unentschieden. Die Gastgeber waren durch einen Strafstoß in Führung gegangen, Dustin Buck gelang aber noch vor dem Pausenpfiff der Ausgleich. Auch in der zweiten Halbzeit erwischte der SCP 07 den besseren Start, dieses Mal war es Jonah Berghoff, der mit seinem Treffer zum Endstand erneut die passende Antwort gab. Isaiah Eichie hatte sogar noch den Leverkusener Siegtreffer auf dem Fuß, scheiterte aber kurz vor Schluss bei seinem Elfmeter am Keeper der Hausherren.

Mehr zeigen
Umkämpftes Duell: Die U17 von Bayer 04 unterlag dem FC Augsburg 2:3.
U17 - 14.03.2026

2:3 gegen Augsburg – U17 unterliegt nach großem Kampf

Am 6. Spieltag der DFB-Nachwuchsliga (Gruppe B) hat Bayer 04 gegen den FC Augsburg 2:3 (2:2) verloren und ist somit in der Hauptrunde nach wie vor sieglos. In Abwesenheit von gleich sechs Akteuren, die das Aufgebot der U19 verstärkten, zeigte das Team von Trainer Benjamin Adam vor allem kämpferisch eine starke Leistung. Am Ende reichte es aber nach dem 3:3 im Hinspiel nicht zu einem erneuten Unentschieden gegen den FCA.

Mehr zeigen