Ansicht der Design-Plattform mit Grafik und den relevanten Kapiteln.

Deutsche Bahn

Designsystem für schnellere und markenkonforme digitale Produktentwicklung

Effizientere digitale Produktentwicklung
Design- und Entwicklungsteams arbeiten mit einem einheitlichen Design- und Komponentensystem und liefern dadurch schnellere, konsistentere Ergebnisse in der kollaborativen Produktentwicklung.

Einheitlicher Look aller digitalen Produkte
Bahn X funktioniert plattformübergreifend und macht die Marke der Deutschen Bahn über alle digitalen Produkte hinweg skalierbar und wiedererkennbar.

Zentrale Sammlung aller Design-Regeln
Bahn X bündelt alle Design-Regeln als Single Source of Truth und macht die Zusammenarbeit zwischen Teams direkter und die Workflows effizienter.

Kontinuierliche Weiterentwicklung
Eine systematische Design-Ops-Struktur trägt Bahn X über den Launch hinaus und verbessert das System fortlaufend.

Auf einen Blick

Die Deutsche Bahn, eines der größten Mobilitäts- und Logistikunternehmen Europas mit vielen verschiedenen Apps und digitalen Services, brauchte für ihr breites Produktportfolio ein gemeinsames Fundament für Marke und Nutzererfahrung. DAYONE hat im Rahmen des Bahn-X-Programms ein zentrales Designsystem mit Design- und Komponentensystem aufgebaut. Ergebnis: ein einheitliches, barrierefreies Erscheinungsbild über alle Apps, Plattformen und Endgeräte, das Design-, Entwicklungs- und Projektmanagement-Teams gemeinsam weiterentwickeln.

Kunde: Deutsche Bahn
Branche: Mobilität & Logistik (B2C/B2B)
Leistungen: DesignsystemUX/UI-DesignBarrierefreiheitMarkenpositionierungDigitalstrategieStakeholder-Management
Ergebnis: Einheitliches, barrierefreies Erscheinungsbild über alle Apps, Plattformen und Endgeräte

Bahn X: Eine Plattform für alle Teams

Die Bahn-X-Plattform bringt Design-, Entwicklungs- und Projektmanagement-Teams der Deutschen Bahn zusammen und ermöglicht ihnen parallele, strukturierte und einheitliche Produktentwicklung. Jede Rolle findet genau das, was sie braucht: Designer:innen nutzen Sketch-Links, Entwickler:innen arbeiten mit Coding-Guidelines, Projektmanager:innen greifen auf Präsentationsvorlagen zu. So tragen alle Rollen aktiv zum digitalen Markenerlebnis der Deutschen Bahn bei.

Einheitliches Erscheinungsbild über alle Touchpoints

Das Designsystem der Deutschen Bahn vereint UX-Prinzipien, visuelle Gestaltung und CD/CI-Vorgaben in einem System. Alle Services, Plattformen und Endgeräte teilen dadurch ein durchgängiges Look-and-Feel. Zentrale Komponenten und klare Richtlinien machen die Marke konsistent, Nutzer:innen erkennen die Deutsche Bahn sofort wieder, egal ob in der App, am Automaten oder im Web.

Barrierefreiheit als Standard von Anfang an

Barrierefreiheit war von Anfang an ein zentrales Prinzip im Designsystem der Deutschen Bahn, damit alle Menschen die digitalen Services nutzen können. Farben, Kontraste, Schriftgrößen und Interaktionen berücksichtigen deshalb unterschiedliche Bedürfnisse. Klare Accessibility-Richtlinien und regelmäßige Tests stellen sicher, dass neue Komponenten für möglichst viele Menschen zugänglich bleiben.

Zwei Beispiele der Barrierefreiheit nebeneinander: Verbindungskarten in nativer Schriftskalierung und dieselbe Ansicht mit hohen Kontrastwerten

Gemeinsam entwickelt und auf kontinuierliche Verbesserung ausgerichtet

Ein klar strukturierter Einreichungsprozess mit qualitätssichernden Reviews bindet neue Komponenten und Inhalte sauber ins Designsystem ein. Das macht Bahn X zu einem lebendigen Werkzeug, das mit den Teams der Deutschen Bahn und ihren Anforderungen mitwächst.

Ablaufdiagramm vom Produktionsdesign ueber UI-Kit und Master-File bis zur Uebergabe an die Entwicklungsbibliotheken fuer iOS und Android

Ergebnis

Designer:innen, Entwickler:innen und Projektmanager:innen arbeiten mit rollenspezifischen Inhalten in einer gemeinsamen Plattform: Sketch-Links für Design, Coding-Guidelines für Entwicklung, Präsentationsvorlagen für Projektmanagement.
UX-Prinzipien, visuelle Gestaltung und CD/CI-Vorgaben laufen in einem System zusammen und ergeben ein durchgängiges Look-and-Feel über App, Automat und Web hinweg.
Farben, Kontraste, Schriftgrößen und Interaktionen im Designsystem sind auf unterschiedliche Nutzerbedürfnisse ausgelegt und werden durch Accessibility-Richtlinien und regelmäßige Tests abgesichert.
Ein strukturierter Einreichungs- und Review-Prozess bindet neue Komponenten und Inhalte kontrolliert ins Designsystem ein, statt sie unabhängig von einzelnen Teams zu ergänzen.

Unsere Leistungen für die erfolgreiche Zusammenarbeit

Mit unserem Design- und Beratungsstandard DIaaS® (Design Innovation as a Service) verbinden wir kollaborative Arbeitsweisen, strategisches Denken und nutzerzentriertes Design, um maßgeschneiderte, zukunftsfähige Lösungen zu schaffen.

Strategische Beratung zum Designsystem

Konzeption einer skalierbaren Design- und Kollaborationsplattform als Grundlage für digitale Produktentwicklung im Bahn-X-Programm.

Multi-Rollen Enablement

Bereitstellung maßgeschneiderter Inhalte und Tools für verschiedene Nutzergruppen – von Design und Entwicklung bis zu Produktmanagement und Redaktion.

UX-Guidelines & CI/CD-Integration

Zusammenführung von UX-Prinzipien mit Markenrichtlinien zur Sicherstellung einer konsistenten Marken- und Nutzererfahrung.

Kollaborativer Workflow & Governance

Einführung eines strukturierten Einreichungs- und Review-Prozesses zur Qualitätssicherung und kontinuierlichen Weiterentwicklung des Systems.

Tool-Integration & Plattform-Setup

Aufbau einer responsiven Plattform mit Tool-Anbindungen (z. B. Sketch Cloud) und Content-Management-Funktionalitäten für eigenständige Pflege durch Teams.

Designsystem für einen internationalen Kanzleiverbund

Häufige Fragen

Was leistet ein Designsystem, das ein einzelnes gutes Design nicht leisten kann?

Ein einzelnes Design löst eine Seite oder eine App. Ein Designsystem wie Bahn X liefert Design-, Entwicklungs- und Projektmanagement-Teams wiederverwendbare Regeln und Komponenten, sodass viele Teams parallel und trotzdem markenkonform arbeiten.

Wie wird ein Designsystem für mehrere Teams gleichzeitig nutzbar?

Bahn X gibt jeder Rolle genau das, was sie braucht: Designer:innen arbeiten mit Sketch-Links, Entwickler:innen mit Coding-Guidelines, Projektmanager:innen mit Präsentationsvorlagen. So kann jedes Team eigenständig auf das System zugreifen, ohne bei null anzufangen.

Wie wird Barrierefreiheit von Anfang an in ein Designsystem eingebaut, statt nachträglich ergänzt zu werden?

Bei Bahn X sind Farben, Kontraste, Schriftgrößen und Interaktionen von Beginn an auf unterschiedliche Bedürfnisse ausgelegt. Klare Accessibility-Richtlinien und regelmäßige Tests prüfen das laufend bei neuen Komponenten, statt Barrierefreiheit erst am Ende zu kontrollieren.

Wie bleibt ein Designsystem über Jahre konsistent, wenn viele Menschen daran arbeiten?

Ein strukturierter Einreichungsprozess mit qualitätssichernden Reviews prüft jede neue Komponente, bevor sie ins System kommt. Dadurch wächst Bahn X mit den Anforderungen der Teams, ohne an Konsistenz zu verlieren.

Wie wird ein Designsystem an bestehende Marken- und CI/CD-Vorgaben angebunden?

Bahn X führt UX-Prinzipien, visuelle Gestaltung und CD/CI-Vorgaben der Deutschen Bahn in einem gemeinsamen System zusammen. Dadurch entsteht ein durchgängiges Look-and-Feel über App, Automat und Web, ohne dass jedes Team die Markenregeln neu interpretiert.

Zuletzt aktualisiert am 25. September 2026.