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

Kerim Alajbegovic
Bayer 04 - 02.08.2026

Bayer 04 transferiert Kerim Alajbegovic zu Juventus Turin

Bayer 04 Leverkusen hat einem Wechsel von Kerim Alajbegovic zum italienischen Rekordmeister Juventus Turin zugestimmt. Der Werksklub holte den 18 Jahre alten Offensivspieler in diesem Sommer nach einem Jahr bei Red Bull Salzburg per Rückkaufoption zurück nach Leverkusen. Bis zu seinem Wechsel nach Österreich lief der bosnische Nationalspieler für die U19 von Bayer 04 auf.

Mehr zeigen
Groß und torgefährlich: Neuzugang Aleksa Damjanovic
U19 - 02.08.2026

4:0 in Hildesheim – U19 siegt im DFB-Pokal der Junioren

In der 1. Runde des DFB-Pokals der Junioren hat die U19 von Bayer 04 einen ungefährdeten Erfolg gefeiert: Beim Regionalligisten VfV 06 Hildesheim gewann die Werkself im ersten Pflichtspiel unter dem neuen Cheftrainer Patrick Greveraars 4:0 (1:0). Neuzugang Aleksa Damjanovic, Jeremiah Mensah, Gabriel Minutillo und Dustin Buck erzielten die Tore.

Mehr zeigen
Gruppenfoto im Weimarer Land
Club - 01.08.2026

Club-Tour-Tagebuch: Das Trainingslager in Blankenhain aus Fan-Sicht

Während sich die Werkself vom 1. bis zum 7. August im Trainingslager in Blankenhain auf die neue Saison vorbereitet, schlagen auch einige Bayer 04-Clubmitglieder im Rahmen einer mehrtägigen Club-Tour ihre Zelte im Weimarer Land auf. Sie verfolgen das Trainingslager aus nächster Nähe, besuchen die öffentlichen Einheiten und nehmen an verschiedensten Unternehmungen und Aktivitäten abseits des Rasens teil. Im Club-Tour-Tagebuch teilen sie ihre Eindrücke, Erlebnisse und besonderen Momente.

Mehr zeigen
Lobke Loonen trifft zum 1:0
Frauen - 01.08.2026

Heimtrikot-Premiere: Frauen gewinnen Test gegen Genk

22 Tage vor dem Bundesliga-Saisonstart haben die Bayer 04-Frauen frisches Selbstvertrauen getankt. Im Testspiel gegen den belgischen Erstligisten KRC Genk setzte sich die Mannschaft von Trainer Roberto Pätzold am Samstagnachmittag 1:0 (1:0) durch. Lobke Loonen (20.) erzielte am Leistungszentrum Kurtekotten den entscheidenden Treffer für Schwarz-Rot.

Mehr zeigen
Werkself gewinnt Test gegen Rot-Weiss Essen 3:0 | Testspiel
Werkself-TV - 01.08.2026

Die Highlights des 3:0-Testspiel-Erfolgs gegen Rot-Weiss Essen

Werkself-TV zeigt die Highlights des 3:0-Heimerfolgs im Testspiel gegen Drittligist Rot-Weiss Essen im Rahmen der Saisonvorbereitung 2026/27...

Mehr zeigen