DB Navigator

Weiterleitung

Sie werden in Sekunden weitergeleitet.

Falls keine Weiterleitung erfolgt, klicken Sie auf den Link:

Eine App für alles – die App DB Navigator

Die App DB Navigator ist der unverzichtbare Begleiter für Reisen im Nah- und Fernverkehr. Ob allein, mit Familie oder mit dem Fahrrad – eine App für alles: von Reisebuchung bis Reiseinfos. Für jede Situation bietet die App DB Navigator den passenden Service. 

Unsere Kommunikation stärkt die Bekanntheit der App und kann dabei unterschiedliche inhaltliche Schwerpunkte setzen. Hier finden Sie Basiselemente und Gestaltungsrichtlinien mit Beispielen für:Kommunikations-Stretch: Von Funktional bis Emotional

  • Basiselemente
  • Kommunikationsspezifische Elemente

Übergreifende Kommunikation

  • funktionale Kommunikation 
  • emotionale Kommunikation 
Werbung der Deutschen Bahn: 'Weniger Hektik, mehr Liebe', App-Hinweis und QR-Code für den DB Navigator.
Werbung der Deutschen Bahn: DB Navigator, App-Hinweis zur Fahrradmitnahme, QR-Code für weitere Informationen.
Anzeige für die DB Navigator App mit Hinweis auf die Bestpreis-Suche.

Das Wichtigste in Kürze

  1. Die Dachmarke DB ist Absender der Kommunikation. Die App DB Navigator wird textlich benannt oder als Zusatzmarkierung verwendet.
  2. Die Kommunikation kann verschiedene Tonalitäten annehmen. Das Design passt sich daran spezifisch an.
  3. UI-Elemente sollten stets einen klaren Bezug zur App besitzen und inhaltlichen Mehrwert kommunizieren. 

Kommunikations-Stretch: Von Funktional bis Emotional

Wird eine bestimmte Funktion erklärt, ist das Design sehr sachlich und die Kommunikation beschränkt sich auf die wesentlichen Vorteile der Funktion und stellt diese visuell in den Fokus. 

Die emotionale Kommunikation rückt die übergreifenden Vorteile in den Vordergrund (Mehr Zeit, Flexibilität) und stellt visuell die Menschen in den Fokus.

Anzeige für die DB Navigator App mit Fokus auf Bestpreis-Suche, Fahrradmitnahme und Benachrichtigungsfunktionen.

Basiselemente

Für die Kommunikation setzen wir übergreifend Basisgestaltungselemente ein. Diese werden je nach Anlass im Baukastenprinzip eingesetzt. 

Kommunikative Ausprägungen

Sachliche oder emotionale Botschaften

Anzeige der DB Navigator App mit sachlicher Botschaft: 'In Echtzeit informiert!' und emotionaler Botschaft: 'Zeit für Abenteuer.

Grafische Gestaltungselemente

Buttons, Icons und Kommunikative Texte in Push-Notifications aus der App 

Anzeige der DB Navigator App: Direktverbindungen, Fahrradmitnahme, Sitzplatzreservierung und Benachrichtigungen zu Reisen.

Bildsprache

Die Bildmotive unterstützen die Botschaft und sind nah am Menschen. 

emotionales Bild, Frau kuschelt Kind

Kommunikationsspezifische Elemente

Smartphone-Schablone für funktionalere Kommunikation

Smartphone-Schablone für funktionalere Kommunikation

Smartphone-Silhouette für emotionalere Kommunikation

Smartphone-Silhouette für emotionalere Kommunikation

Übergreifende Kommunikation

In der übergreifenden Kommunikation steht die grundlegende Bewerbung der App im Mittelpunkt. Eine übergreifende Kommunikation ist sowohl funktional, als auch emotional möglich. “Eine App für alles.” kann hierbei als Headline genutzt werden. Die kommunikativen UI-Elemente können im Layout angeschnitten werden. 

Beispiel eines Werbedisplays am Bahnsteig
Beispiel Außenwerbung

Funktionale Kommunikation

Die funktionale Feature-Kommunikation hebt einzelne Funktionen der App DB Navigator gezielt hervor. Die Gestaltung darf sich hierbei bewusst zurücknehmen, um das jeweilige Feature zu kommunizieren. Die verwendeten kommunikativen UI-Elemente sollten die Botschaft unterstützen und einen klaren Bezug zum Feature besitzen. 

Beispielbild Außenwerbung
Beispiel Werbebildschirm auf Bahnsteig

Um die Kommunikation näher am Kundenerlebnis zu gestalten, kann ein passendes Bildmotiv mit erkennbarer Verbindung zur Botschaft eingesetzt werden.

Beispielbild Werbebildschirm am Bahnsteig
Beispielbild Außenwerbung

Emotionale Kommunikation

Darüber hinaus kann die Kommunikation auch den emotionalen Aspekt in den Vordergrund stellen, indem sie den Menschen auf seiner Reise begleitet oder Szenen aus dem Alltag zeigt. Hier werden Bilder plakativ eingesetzt und subtil durch passende kommunikative UI-Elemente und eine Smartphone-Silhouette ergänzt.

Beispielbild für Außenwerbung
Beispielbild auf Werbebildschirm am Bahnsteig

Absender-Systematik

Unsere Dachmarke DB ist als Absender in den Layouts klar erkennbar. Der Service der App DB Navigator wird inhaltlich hervorgehoben – sei es in Botschaften oder im Gestaltungselement der Push-Benachrichtigungen. In Layouts mit übergeordneten oder eindeutigen Botschaften wird er flexibel als Zusatzmarkierung eingesetzt, gemäß den Richtlinien für Zusatzmarkierungen. Eine Platzierung in Orientierung am DB-Logo wird empfohlen. Grundlegend sollte die Dachmarke und der Service der App DB Navigator klar im Layout ersichtlich sein.

Das App-Icon des DB Navigators wird nicht als Absender genutzt, um ein Overbranding zu vermeiden und eine konzernübergreifende konsistente Absender-Systematik zu gewährleisten. Es ist jedoch Bestandteil der Push-Notification.

Werbung zur DB Navigator App: Echtzeit-Infos, flexible Zusatzmarkierungen und Push-Benachrichtigungen für Reisende.

Kommunikationsregeln bei Kooperationen

Sobald in die Kommunikation zum DB Navigator ein integrierter Verbund oder Kooperationspartner eingebunden wird, gelten für die Kommunikationsmedien des DB Navigators bestimmte Regeln im Umgang mit den Logos der Beteiligten. Weitere Informationen hier: Markenkooperationen

Verbundspezifische Kommunikation

In der verbundspezifischen Kommunikation wird der jeweilige Verbund durch ein Co-Branding im Layout integriert und ordnet sich stets dem DB-Logo unter. Der Zusatz „In Kooperation mit“ sorgt für eine klare Zuordenbarkeit. Bei der Platzierung im Layout orientiert sich das Co-Branding an der Headline oder dem DB-Logo.

Weitere Informationen zur Anwendung kooperierender Logos im Co-Branding-Kapitel.

Abstand halber DB-Keks zwischen Text und Partnerlogo
Beispielbild Außenwerbung
Beispiel für Werbedisplay am Bahnsteig

Eine App für alles – Signet

Das Signet zeigt fünf Verkehrsmittel kombiniert mit dem textlichen Zusatz „Eine App für alles.“. Das Signet darf nicht verändert werden – unabhängig davon, welches Verkehrsmittel im Verbund vorhanden ist. Dies garantiert eine einheitliche Kommunikation über alle Kanäle hinweg. Das Signet findet seinen Einsatz, wenn ganzheitlich die App DB Navigator beworben wird. Dann kann “Eine App für alles.” auch als Headline zum Einsatz kommen. Bei Feature-spezifischer Kommunikation, wie z.B. dem Komfort Check-in oder der Fahrradmitnahme wird das Signet nicht verwendet.

Aufbau des Signets

Platzierung neben dem QR-Code

Das Signet wird zentriert zum QR-Code ausgerichtet und hält einen Mindestabstand von einer Hälfte des DB-Logos ein.

Platzierung neben dem QR-Code

Platzierung der Verkehrsmittel unterhalb des Pulses

“Eine App für alles.” kann als Headline für übergeordnete Kommunikation genutzt werden. Die fünf Verkehrsmittel werden dabei unter dem Puls platziert.

Platzierung der Verkehrsmittel unterhalb des Pulses

Im Fokus der Bildsprache: der Mensch

Unsere Bildsprache ist nah am Menschen und begleitet sie. Die Bildmotive sollen dabei die jeweilige Botschaft unterstützen. Ein einheitlicher Bildstil erzeugt einen hohen Wiedererkennungswert innerhalb der Kommunikation. Die Motive zeigen authentische Momente aus dem echten Leben: Menschen in realen Situationen oder im Zentrum emotionaler Erlebnisse – sympathisch, zugänglich und inklusiv. Die Bildsprache des DB Navigators orientiert sich an der übergreifenden Bildsprache der Deutschen Bahn.

Schmuckbild
Schmuckbild
Schmuckbild

Die nahbaren Bildmotive werden mit einer Smartphone-Form kombiniert, um die digitale Dimension zu betonen. In der funktionalen Kommunikation ist das Smartphone Träger des Bildmotivs und wird von dezenten UI-Elementen unterstützt. In der emotionalen Kommunikation steht das Bild im Vordergrund und eine Smartphone-Form ergänzt sich passend ins Bildmotiv. Eine Kombination aus Smartphone-Schablone und -Silhouette ist nicht zulässig.

Als Schablone für Bildmotive

Das Smartphone dient als Schablone für Bildmotive. Zusätzliche Elemente können auch über den Rahmen hinausragen. Der Fokus des Motivs sollte klar erkennbar sein.

Schablone für Bildmotive

Smartphone-Silhouette wird Teil des Bildes

Die Smartphone-Silhouette wird harmonisch ins Bild integriert, ohne das Motiv unvorteilhaft zu beschneiden. Die Konturstärke der Silhouette sollte einheitlich über alle Kommunikationen verwendet werden, kann sich jedoch individuell dem Bildmotiv anpassen.

Smartphone-Silhouette wird Teil des Bildes

Smartphone-Form

Die Smartphone-Silhouette, die in beiden kommunikativen Varianten verwendet wird, folgt dem 9:16-Format und greift die abgerundeten Ecken des DB-Logos auf. Es besitzt einen dreifachen Eckenradius ausgehend vom DB-Logo.

grafische Darstellung des Eckradius

Grafische Gestaltungselemente 

In beiden Kommunikationsausprägungen unterstützen dezente kommunikative UI-Elemente, wie Buttons, Icons und Push-Benachrichtigungen das Design. Sie sollten einen klaren Bezug zur App DB Navigator besitzen. In einer funktionaleren Kommunikation werden maximal zwei kommunikative UI-Elemente verwendet. In der emotionalen Kommunikation sollte nur ein kommunikatives UI-Element genutzt werden, um den Fokus klar auf die Botschaft zu legen.

Darstellung verschiedener UI-Elemente

Icons in kommunikativen UI-Elementen

In den kommunikativen UI-Elementen werden je nach Funktion unterschiedliche Icons verwendet: In realen, funktionaleren kommunikativen UI-Elementen werden die funktionalen Icons (1) entsprechend eingesetzt. Die illustrativen Icons (2) treten als eigenständige Elemente visuell auf und unterstreichen Botschaften. 

Icons in UI-Elementen
Aufbau einer Push Notification

Kommunikative Texte in Push-Notifications

Für Push-Notifications ist ein konsistentes Design entscheidend. Die Notification nutzt den Farbton Cool Gray 100. Ergänzend wird das DB-Logo als App-Icon eingebunden.

Der Benachrichtigungstext erscheint digital in DB Neo Screens und in Print in DB Neo. Er ist zentriert ausgerichtet und hält mindestens einen halben Logo-Breiten-Abstand zum App-Icon ein.

Die Benachrichtigungen der Push-Notification können sich in der Ansprache inhaltlich unterscheiden. Funktionale Formulierungen mit direktem Bezug eignen sich, um Features hervorzuheben, während emotionale Ansprachen die Kernbotschaft verstärken und einen zusätzlichen Twist verleihen können. Die Push-Notification wird grundsätzlich mit dem Titel DB Navigator in einer fetten Schriftgewichtung eingeleitet.

Funktionalere Ansprache

Push Notification mit funktionalerer Ansprache

Emotionalere Ansprache

Push Notification mit Emotionalerer Ansprache

Du hast Fragen? 

Wir haben alles dafür gegeben, dass unser Corporate Design mit möglichst wenigen Regeln auskommt. So wird es einfach in der Anwendung, führt zu konsistenten Ergebnissen und stärkt die Marke Deutsche Bahn! Solltest du dir jedoch unsicher sein oder Fragen haben, so sind wir gerne für dich da!