Back
23.08.2017Bayer 04

Design, images, brand experience – Our unique tone

Our new website has been online since the start of the season. In the coming days we would like to provide you with a more detailed introduction to a couple of features and highlights on bayer04.de. In part two we look at design.
MockUp-B04-NewOnE_PR-Startseite.jpg

Two issues were particularly important to us in designing the new website: We wanted it be more manageable and easier to navigate. Nothing is more annoying than having to repeatedly click to get through to the desired content. The design of our website is therefore based on a derivation of the so-called Atomic Design.

It structures the individual sites (hubs) in vertically organised sections and elements. In turn, that enables flexible handling of functional areas in the background. That means additional pages can be created quicker and easier.

That has enabled us to significantly reduce the click depth. That means you get to where you want to go to much quicker – without diversions and hurdles.

The hamburger menu ensures greater clarity in the header section that contains all the relevant pages. That makes our website look tidier and provides plenty of space for what’s really important to us: large photos, full-screen image slider and Lightbox galleries. Attractively designed statistics and tables. Animated news elements. And, as football is full of emotion, we want to appeal to you in that way.

In contrast to current design trends with many websites, which are more neutral and with a scarcely differentiated look, we consciously used existing graphical elements like bars, lines, fonts and colours contained in our corporate design. We place great value on a consistent, clearly identifiable, visual appearance in Black and Red. That can be on our website, on our App, in the Shop or in the Werks11 magazine, either in terms of content or visually: We want Bayer 04 to be palpable and to come alive – with our unique, personal tone.

Related News

Tapsoba
Bayer 04 - 13.01.2026

Tapsoba sidelined by muscle injury

Bayer 04 Leverkusen will have to manage without centre-back Edmond Tapsoba in the coming weeks. The Burkina Faso international returned to the Werkself from the Africa Cup of Nations in Morocco with a muscle injury.

Show more
Die PK vor dem Auswärtsspiel beim Hamburger SV | 17. Spieltag
Werkself-TV - 12.01.2026

Hjulmand ahead of #HSVB04: ‘Don't panic, stay calm and optimistic’

The Werkself are away to Hamburg SV at the end of the Hinrunde in the 2025/26 Bundesliga campaign. The match at the newly promoted club is on Tuesday night, 13 January (kick-off: 20:30 CET). Ahead of the first encounter with HSV since 2018, Kasper Hjulmand spoke about the strengths of the opponents, lessons learnt from the home defeat against VfB Stuttgart and provided a squad update.

Show more
Trainingslager der Frauen
Women - 11.01.2026

Algarve sunshine instead of sub-zero temperatures: Bayer 04 Women start winter training camp

In Germany, the temperatures are currently around zero, leaving even professional footballers freezing - but not the Bayer 04 Women. Roberto Pätzold's team have fled the cold to the south and are preparing for the second half of the season at a training camp in the Algarve, almost 2,000 kilometres away from home as the crow flies. The Leverkusen squad landed in Faro on Saturday morning and have already completed the first three training sessions over the weekend.

Show more
Team nach Abpfiff
Bundesliga - 11.01.2026

Werkself review #B04VfB: Honest words and looking ahead

It was a disappointing Saturday night. The Werkself lost 4-1 to VfB Stuttgart to start the new year on Bundesliga matchday 16 in 2025/26, a result that left both players and fans disappointed. "We played without any passion," said Alejandro Grimaldo honestly afterwards. Teammate Jarell Quansah was even more self-critical, emphasising: "We were miles off it in the first half. You can't put in a performance like that, especially in front of our own fans and I can only apologise to them, to be honest." Read on for the reaction, facts and stats from the clash with VfB Stuttgart in the Werkself review.

Show more