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

Erik ten Hag: Das erste Training in Leverkusen
Werkself-TV - 07.07.2025

So lief das erste Training für Chefcoach Erik ten Hag

Mit der ersten Trainingseinheit unter Erik ten Hag startete Bayer 04 in die Vorbereitung auf die Saison 2025/26. Werkself-TV hat den neuen Chefcoach bei seinem ersten Training in Leverkusen hautnah begleitet...

Mehr zeigen
Der Trainingsauftakt der Werkself
Werkself-TV - 07.07.2025

Re-Live: Der Trainingsauftakt 2025/26 der Werkself

Die Werkself ist am Montag, 7. Juli, in die Vorbereitung auf die Saison 2025/26 gestartet. Der neue Cheftrainer Erik ten Hag versammelte auf dem Trainingsgelände an der BayArena eine Gruppe aus Lizenz- und Nachwuchsspielern zur ersten öffentlichen Einheit des Sommers, die Werkself-TV re-live zeigt...

Dustin Buck
U19 - 07.07.2025

Bayer 04 verpflichtet Augsburger Dustin Buck für die U19-Offensive

Bayer 04 Leverkusen hat den 17 Jahre alten Offensivspieler Dustin Buck verpflichtet. Der deutsche Junioren-Nationalspieler wechselt aus der Jugend des FC Augsburg unters Kreuz, wo er als technisch beschlagener und sehr schneller Angreifer die U19 des Werksklubs verstärken wird.

Mehr zeigen
U19
Jugend - 07.07.2025

DFB-Nachwuchsliga: U19 startet in Wiesbaden – U17 empfängt Kickers Offenbach

Die Spielpläne der U19 und der U17 DFB-Nachwuchsliga für die Saison 2025/26 stehen fest. Wie der Deutsche Fußball-Bund (DFB) am Montag bekannt gab, startet die U19 von Bayer 04 am ersten August-Wochenende beim SV Wehen Wiesbaden. Für die Leverkusener U17 beginnt die neue Ligasaison am letzten August-Wochenende gegen Kickers Offenbach.

Mehr zeigen