Die Autobahn: Web platform for Europe's largest motorway operator

Blick über das Lenkrad auf das beleuchtete Cockpit eines Autos bei Nacht
Client
Die Autobahn GmbH des Bundes
Industry
Mobility
Project type
Website
Technology
TYPO3

A new company for the entire motorway network

Until December 2020, Germany's motorways were organised regionally. Since 1 January 2021, Die Autobahn GmbH des Bundes has been responsible for the entire German motorway network, making it the largest motorway operator in Europe. For the new company, we not only built the website but also conceived and designed it together with Die Autobahn.

Website of Die Autobahn GmbH des Bundes on a laptop and a smartphone
Project overview with construction and expansion projects on a laptop
Autobahn homepage with aerial photos on a smartphone
Autobahn article page on a smartphone

Head office and ten branches on one platform

The aim was to create a web platform at autobahn.de that integrates the websites of the parent company and its ten regional branches and puts them on a sustainable footing. More than 50 editors at headquarters and in the branches keep the site up to date – which requires a sophisticated permission and role concept. At the same time, the platform had to be designed for growth.

Contact and event cards from the design system
Search for traffic notices with filters on a smartphone
Detail page of a traffic notice on a smartphone
News cards in blue, orange and teal

Content that finds its place via tags

All content is categorised by tagging and is therefore automatically available in the right places. Each branch has its own pages; within defined layout blocks, the editorial teams flexibly create new pages as needed.

Design system: typography in Neue Haas Unica
Design system: colour palette with Autobahn blue, signal orange and teal
Design system: image styles and text treatments
Design system: atoms such as buttons, filters and form fields
Design system: organisms such as teasers and image cards
Teaser modules with key figure, image and contact
Project cards with aerial photos of motorway interchanges
List modules for projects, notices and downloads
Colour overlays with opacity levels on an aerial photo
Corner radii of the components in the design system
Image crops: top, bottom and full
Status colours for error, warning and success
Image formats in landscape and portrait

Careers, search and further interfaces

Further information flows in via interfaces, for example in the careers section: current vacancies are displayed, and the application process continues in the connected, specialised system. For search, the website uses ke_search, our own search extension for TYPO3, proven in tens of thousands of installations. One of the most important sections presents projects such as the construction or refurbishment of bridges and tunnels: on autobahn.de, users can see at a glance which projects are at which stage and where new ones are planned.

Autobahn search results page on a laptop
Project overview with filters on a smartphone
Project list with aerial photos on a smartphone
Map of projects on a smartphone
View our work

Contact

Planning a similar project?

Tell us about your plans – we’ll show you how we would approach them.