ERAB Logo
Zurück zu den Referenzen
NRW.Mobidrom GmbH / Verkehr.NRW Logo

Referenz

NRW.Mobidrom GmbH / Verkehr.NRW

Frontend-Implementierung des Verkehr.NRW-Redesigns

Seit November 2025 setzt ERAB die Frontend-Implementierung des Verkehr.NRW-Redesigns um. Kartenintegration, Routing, CMS-Inhalte, barrierearme Bedienung, Staging und dokumentierte Übergaben werden dabei als zusammenhängende Portalgrundlage entwickelt.

Next.jsMapLibreBarrierefreiheitHeadless CMSLos 2

ca. 2,5 Mio.

Besuche pro Monat im Ausgangskontext

seit 11/2025

Umsetzung mit Leistungsnachweisen

Frontend-Implementierung des Verkehr.NRW-Redesigns
Websites & Portale

Projektüberblick

Auftraggeber

NRW.Mobidrom GmbH / Verkehr.NRW

Zeitraum

seit November 2025, laufend

Branche

Mobilität / Öffentliche Hand

Projektbeschreibung

ERAB übernahm für Verkehr.NRW Los 2: die technische Frontend-Implementierung des Redesigns für ein stark genutztes Mobilitätsportal mit Karten, Routing, CMS-Inhalten und barrierearmer Bedienung.

Verkehr.NRW ist ein zentrales Verkehrsinformationsportal für Nordrhein-Westfalen und bündelt Verkehrslage, Routing, Kartenebenen, Meldungen und weitere Mobilitätsinformationen. Die neue Oberfläche musste deshalb mehr leisten als ein optisches Redesign: Sie musste komplexe Daten verständlicher strukturieren und für sehr unterschiedliche Nutzungssituationen bedienbar machen.

ERAB entwickelte seit November 2025 die Frontend-Grundlage iterativ weiter. Dazu gehörten technische Entscheidungen rund um MapLibre, OpenLayers- und Leaflet-Vergleiche, der Aufbau von Staging-Umgebungen, Kartenlogik, Sidebar, Action Toolbar, Suchfunktionen, Routenplanung und responsive Overlays.

Parallel wurden CMS-Strukturen mit Strapi vorbereitet, damit redaktionelle Inhalte, statische Seiten und Medien sauber in die neue Oberfläche eingebunden werden können. Reviews, GitHub-Übergaben, README-Dokumentation und Abstimmungen mit den beteiligten Projektteilen wurden als fester Bestandteil der Umsetzung geführt.

Die Referenz zeigt eine Frontend-Arbeit, bei der Kartentechnologie, Barrierefreiheit, öffentliche Kommunikation und langfristige Wartbarkeit zusammenkommen. Entscheidend war nicht nur, einzelne UI-Bausteine zu erstellen, sondern eine belastbare Grundlage für den weiteren Ausbau des Portals zu schaffen.

Leistungsumfang

Leistung 1

Frontend-Architektur mit Next.js, React, GitHub-Prozess und Staging-Umgebung

Leistung 2

Bewertung und Umsetzung der Kartenbasis mit MapLibre, OpenLayers- und Leaflet-Vergleich

Leistung 3

Kartenebenen, Legende, Marker, POIs, Kartensuche und Routenplanungsoberfläche

Leistung 4

Sidebar, Action Toolbar, responsive Overlays und Mobile-Ansichten

Leistung 5

Strapi-CMS-Strukturen für redaktionelle Inhalte, statische Seiten und Medien

Leistung 6

Barrierearme Umsetzung, i18n-Vorbereitung, README, Reviews und Übergabeunterstützung

Wichtige Bausteine

Next.js-Frontend mit Staging, GitHub-Prozess und Dokumentation

Karten- und UI-Bausteine für MapLibre, Sidebar, Suche und Routenplanung

CMS- und Inhaltsstrukturen inklusive i18n- und Barrierefreiheitsvorbereitung

Technologien & Standards

Next.js
React
MapLibre
Strapi
Docker
GitHub
Scrum LogoScrum
Trello

Ergebnis

Laufender Projektstand

Es entstand eine moderne, wartbare Frontend-Grundlage, die Karten- und Servicefunktionen klarer nutzbar macht, redaktionelle Inhalte vorbereitet und den weiteren Ausbau des Verkehr.NRW-Portals strukturiert unterstützt.

Staging, Review-Prozess und sichtbare Zwischenstände aufgebaut

Karten-, Such-, Routing- und UI-Bausteine iterativ umgesetzt

CMS-, Dokumentations- und Übergabeprozesse früh im Projekt verankert

Sie planen ein ähnliches digitales Projekt?

Wir besprechen Anforderungen, Ziele und sinnvolle nächste Schritte strukturiert und unverbindlich.