Case Study · Reisesicherheit · 2026

Vigilo.

Eine ruhige Oberfläche für alarmierende Daten: die Nachrichten aus 239 Ländern, verdichtet zu einer klaren Zahl.

Produkt, Copy und System – in 3 Wochen.

ProduktRisikoskalaUX WritingiOS · Android · Web
Länderseite: Risikostufe im Ring und acht Bedrohungskategorien
Notfall-Screen: die einzige Notrufnummer des Landes und ein Anruf mit einem Tipp
Vigilo-Start: das aktuelle Land mit Index und die nächste Reise
1–5
eine Zahlstatt fünf Tabs
voller Nachrichten
Notrufnummerper Geolokalisierung
239überwachte Länder
5Risikostufen
35Screens
2 × 2Themes × Plattformen
12Zustände
3Wochen
Zusammenfassung in 20 SekundenEigenes Produkt
Was
Eine Reisesicherheits-App, die die Nachrichten aus 239 Ländern in eine Risikozahl von 1–5 verwandelt.
Warum
Viele Informationen über Gefahren, null Verständnis: 14 von 18 Befragten konnten nicht einschätzen, wie gefährlich es ist.
Meine Rolle
Produktdesign, UX Writing und Design-System für iOS, Android und Web.
Ergebnis
239 Länder · 35 Screens × 2 Themes · 3 Wochen
Case entdecken ↓
Überblick

Eine Mobile-App, die die Nachrichten aus 239 Ländern in eine Zahl verwandelt – und erklärt, was sie bedeutet für Ihre Reise.

ReisesicherheitBranche2026Jahr3 WochenZeitraum
RolleProduktdesign, UX Writing, Design-System
PlattformeniOS · Android · Web
Umfang35 Screens × 2 Themes × 2 Plattformen
Auf einen Blick

Eine Skala. Jeder Screen.

Start, Land, Assistent, Report, Reise und SOS – in zwei Themes.

35
Screens2 Themes · iOS und Android
Problem

Viele Informationen über Gefahren. Null Verständnis.

18 Interviews: Touristen, Expats, Geschäftsreisende.

14/18

Können nicht einschätzen, wie „gefährlich“ es ist

„Instabile Lage“ – heißt das, nicht hinzufahren?

11/18

Der Familienchat löst die Panik aus

Das weitergeleitete Video stammte aus dem Jahr 2019.

16/18

Kennen die Notrufnummer nicht

„Ist es in Georgien die 112? In Thailand?“

Die ganze Story lesen

Vor einer Reise öffnen Menschen fünf Tabs: die Nachrichten, Telegram-Kanäle, ein Forum, die Website des Außenministeriums und einen Familienchat mit einem weitergeleiteten „Da ist es furchtbar“. Alles widerspricht sich, und alles ist entweder in Panik oder in Behördendeutsch geschrieben. Also fällt die Entscheidung aus dem Bauch – oder gar nicht.

Wir haben 18 Personen befragt – Touristen, Expats und Menschen, die beruflich fliegen. Drei Dinge kamen bei allen vor.

  • 14/18 können nicht einschätzen, wie „gefährlich“ es ist. „Sie schreiben ‚instabile Lage‘. Und jetzt – nicht hinfahren? Oder nur Demos meiden?“ – Familienurlaub mit Kindern.
  • 11/18: Der Familienchat löst die Panik aus. „Mama hat ein Video weitergeleitet. Ich habe eine halbe Stunde gegoogelt – es war von 2019.“ – aus dem Designbereich.
  • 16/18 kennen die Notrufnummer nicht. „Ist es in Georgien die 112? In Thailand? Ehrlich gesagt: keine Ahnung. Hoffentlich brauche ich sie nie.“ – aus der Fotografie.
Prinzip

Farbe ist nur ein Signal. Alles andere bleibt leise.

Neutrale Flächen, fünf Risikofarben und ein einziger türkiser Akzent für Aktionen.

1Ruhig · 0–27
2Aufmerksamkeit · 28–39
3Vorsicht · 40–59
4Gefahr · 60–84
5Kritisch · 85+
01

Eine Karte, ein Gedanke

02

Rot nur für SOS

03

Quelle neben dem Fakt

04

Eine ruhige Stimme

Die ganze Story lesen

Eine App über Bedrohungen lässt sich leicht alarmierend gestalten: rote Banner, Ausrufezeichen, Sirenen. Wir sind den anderen Weg gegangen. Die Flächen sind neutral, ohne dekorative Ikonografie und ohne Verläufe. Die einzigen Bedeutungsträger sind die fünfstufige Risikofarbskala und ein einziger türkiser Akzent für Aktionen. Wenn ein Screen orange wird, sehen Sie es sofort – weil nichts anderes darauf schreit.

  • Eine Karte, ein Gedanke. Keine zusammengesetzten Blöcke. Brauchen Sie zwei Schlussfolgerungen, bekommen Sie zwei Karten.
  • Rot nur für SOS. Das Notfall-Rot entspricht bewusst Stufe 4: Es bedeutet „Jetzt handeln“.
  • Quelle neben dem Fakt. Ein Index ohne Quellen ist nur eine Zahl. Wir zeigen immer, woher er stammt und wann.
  • Eine ruhige Stimme. Keine Ausrufezeichen, auch nicht bei Stufe 5. Fakten, Bezirk, Uhrzeit, Handlung.
Start

Zuerst – wo Sie sind. Dann – wohin Sie reisen.

„Ist es hier ruhig?“ und „Wie sieht es dort aus, wohin ich fliege?“. Das Einzige, das pulsiert, ist der Punkt „Sie sind hier“.

Index im RingNotrufnummer per GeolokalisierungLiquid-Glass-Menü
Die ganze Story lesen

Der Startscreen ist um die beiden Fragen herum gebaut, die sich Menschen tatsächlich stellen: „Ist es hier ruhig?“ und „Wie sieht es dort aus, wohin ich fliege?“. Die erste Karte zeigt Ihren aktuellen Standort mit Index, 24-Stunden-Trend und der Notrufnummer des Landes, in dem Sie sich gerade befinden. Die zweite zeigt Ihre nächste Reise mit Prognose.

Darunter folgen beobachtete Länder, der Feed „Heute in der Welt“ und der Assistent. Nichts blinkt: Das einzig Lebendige ist der Punkt „Sie sind hier“.

Start im hellen Theme
Start im dunklen Theme
112
Georgiendie Nummer des Landes, in dem Sie sich befinden
Land

„Hinfahren oder nicht“ – in zehn Sekunden.

Erst kostenloses Verständnis – und ganz am Ende die Möglichkeit, einen Report zu kaufen.

Länderseite: Risikostufe und Bedrohungskategorien

Land · 8 Bedrohungskategorien

Liste der beobachteten Länder mit ihren Indizes

Meine Länder

Länderseite im dunklen Theme

Dunkles Theme

Ein Ring statt Maskottchen

Die Figur unterhielt; der Ring informiert.

Die Karte zeigt Ereignisse

Nur solche, die in der letzten Woche bestätigt wurden.

Gastansicht

Ein Link öffnet alles Kostenlose.

Die ganze Story lesen

Eine Seite beantwortet „Hinfahren oder nicht“ in zehn Sekunden. Ein Foto-Header mit der Stufe, acht Bedrohungskategorien im Raster, eine Bezirkskarte, die Nachrichten von heute, ein 12-Monats-Archiv und – erst ganz am Ende – die Möglichkeit, einen Report zu kaufen. Die Reihenfolge ist Absicht: erst kostenloses Verständnis, dann das Angebot. Das Urlaubsgebiet ist ruhig, die Hauptstadt nicht – das sehen Sie schon auf dem ersten Screen.

  • Ein Ring statt Maskottchen. Wir haben eine Figur ausprobiert, deren Emotionen sich mit der Stufe änderten. Wir haben sie verworfen: Sie unterhielt, statt zu informieren. Ein Ring mit einer Zahl ist in einer Sekunde gelesen.
  • Die Karte zeigt Ereignisse, keine Kulisse. Eine echte Karte lenkt mit Details ab. Die schematische zeigt nur die Orte, an denen sich im Lauf der Woche bestätigte Ereignisse zugetragen haben.
  • Gastansicht. Ein Link zu einem Land öffnet alles Kostenlose ohne Registrierung. Archiv und Report liegen hinter Glas, eine Aktion entfernt.
Assistent

Kein Chatbot – ein Gerüchte-Check.

Eine weitergeleitete Nachricht einfügen und eine Urteilskarte mit Quellen erhalten.

WahrTeilweise wahrGerücht
Die ganze Story lesen

Der häufigste Panikauslöser ist eine weitergeleitete Nachricht im Familienchat. Deshalb ist das Hauptszenario des Assistenten nicht „Fragen Sie, was Sie wollen“, sondern: ein Gerücht einfügen und ein Urteil erhalten – wahr, teilweise wahr, Gerücht. Mit der Farbe der Stufe und einer Quellenliste. Die Antwort ist eine Karte, keine Textwand.

Das zweite Szenario lautet „Ist dieser Bezirk nachts sicher?“. Die Antwort kommt mit Uhrzeiten und Straßen, nicht mit „Seien Sie vorsichtig“.

Vigilo-Assistent: vorgefertigte Fragen vor der Reise und ein Feld „Gerücht prüfen“
Assistent im dunklen Theme
Sicherheitsreport zum Land: Abschnitte, Fazit, Prognose
Report

Ein Dokument, das man wirklich lesen will.

Ein kostenpflichtiges Produkt mit dem Luftraum eines Magazins – und derselben Designsprache.

  1. 01
    Nummerierte Abschnitteund große Fazit-Zitate
  2. 02
    30-Tage-Prognosemit Konfidenzband
  3. 03
    Offlineplus die Notrufnummer des Landes, in dem Sie sich befinden
Die ganze Story lesen

Der Report ist ein kostenpflichtiges Produkt, und er muss sein Geld wert aussehen. Redaktionelles Layout: nummerierte Abschnitte, große Fazit-Zitate, eine Bezirkskarte, eine 30-Tage-Prognose mit Konfidenzband, Kontakte. Dieselbe Designsprache wie in der App, aber mit dem Luftraum eines Magazins.

Er wird für die Offline-Nutzung gespeichert. Die Notrufnummer am Ende ist nicht generisch – sie gehört zu dem Land, in dem die Person gerade steht.

Reise und SOS

Ein Kalender, der das Risiko Tag für Tag zeigt.

Unter jedem Datum sitzt ein Punkt in der Prognosefarbe. Rot dominiert nur im SOS.

Neue Reise
Reise anlegen: ein Kalender mit Prognosepunkten
Reise
Reise-Screen: Route und Bereitschaft
Stufe geändert
Benachrichtigung über den Stufenwechsel mit den Gründen
SOS
Notfallhilfe: Nummer, Botschaft, Redewendungen in der Landessprache
Dunkel
Notfallhilfe im dunklen Theme
SOS
funktioniert offlineAnruf mit einem Tipp
Die ganze Story lesen

Beim Anlegen einer Reise sitzt unter jedem Datum ein Punkt in der Prognosefarbe. Die Datumswahl ist keine Lotterie mehr. Der Reise-Screen bündelt Route, Checkliste und vertraute Kontakte.

SOS ist der einzige Screen, auf dem Rot dominiert: eine riesige Nummer, ein Anruf mit einem Tipp, „Mir geht es gut“ mit Standort, Redewendungen in der Landessprache. Er funktioniert ohne Verbindung.

Zustände

Ein Fehler schaltet SOS nie ab.

Eine Sicherheits-App muss funktionieren, wenn alles andere versagt.

LeerFehlerOfflineGastLadenAusfall → SOS
Die ganze Story lesen

Leere Zustände erklären den Nutzen in einem Satz und bieten eine Aktion an. Fehlermeldungen sagen, was wir statt der Daten zeigen und wann wir aktualisieren. Ein vollständiger Dienstausfall führt zur Notfallhilfe. Skeletons, das Offline-Banner, die Gastansicht per Link – alles von Anfang an gestaltet, nicht „später“.

Vollständiger Dienstausfall: Buttons „Erneut versuchen“ und „Notfallhilfe“
Notfallhilfe bleibt bei einem Fehler verfügbar
iOS – Onest, Liquid GlassAndroid – Material 3 Expressive
Länderliste unter iOS
Länderseite unter iOS
Länderliste unter Android
Start unter Android im dunklen Theme

Eine Bedeutung, zwei native Sprachen.

Skala, Struktur und Copy sind gemeinsam.

Die ganze Story lesen

iOS: Onest, dünne Linien, ein schwebendes Liquid-Glass-Menü über dem Inhalt. Android: Material 3 Expressive – Manrope, tonale Flächen ohne Linien, Pill-Buttons, eine Navigationsleiste mit Indikator. Risikoskala, Screenstruktur und Copy sind gemeinsam. Wer das Smartphone wechselt, muss nichts neu lernen.

System

Wenige Regeln, aber strenge.

Sieben Tokens pro Theme, vier Radien, fünf Komponenten.

Palette
Hintergrund#F4F3EF
Dunkel#0B0E13
Akzent#0E9C90
Akzent · dunkel#3ED3C3
Schrift und Radien
Aa
18·24·28

Onest 400–800, lateinisch und kyrillisch. 4-px-Raster, 18 px Ränder.

Stimme

„Planen Sie keine Reise. Falls Sie schon im Land sind, merken Sie sich, wo der nächste Schutzraum liegt.“

Tokens und Stimme im Detail

Zwei Themes mit je sieben Tokens. Vier Radien. Sieben Textstile. Fünf Komponenten, aus denen alles gebaut ist. Die Stimme lässt sich auf drei Regeln reduzieren. Das vollständige System mit Tokens und Beispielen steht in einem eigenen Dokument.

  • Hintergrund im hellen Theme #F4F3EF – warm, nicht weiß.
  • Hintergrund im dunklen Theme #0B0E13 – fast schwarz mit einem Hauch Blau.
  • Akzent #0E9C90 / #3ED3C3 – Aktion und Kauf.
  • Schrift Onest – lateinisch und kyrillisch, 400–800.
  • Radien 18 · 24 · 28 · 999 – Button · Karte · Sheet · Pill.
  • 4-px-Raster, 18 px Ränder, 12–14 px Abstände, 16–18 px Innenabstand.

Stimme: ruhig, keine Ausrufezeichen. Selbst die kritische Stufe wird mit Fakten beschrieben: „Planen Sie keine Reise. Falls Sie schon im Land sind, merken Sie sich, wo der nächste Schutzraum liegt.“

Was das für Sie bedeutet. Zu jedem Ereignis gehört eine Handlungsempfehlung: Bezirk, Uhrzeit, Aktion. „Meiden Sie Orte, an denen sich Menschenmengen versammeln, und filmen Sie nicht in der Nähe der Polizei.“

Quelle neben dem Fakt. Woher die Daten stammen und wann sie aktualisiert wurden, ist stets sichtbar: „JAMnews · 2 Quellen · 13. September“ unter jeder Zeile.

Ergebnis

Was ausgeliefert wurde und was wir gelernt haben.

35

Screens × 2 Themes × 2 Plattformen

12

Zustände

7

Tokens pro Theme

0

dekorative Icons

Vigilo-Start im dunklen Theme
Kernaussage
„Wenn nur die Stufe schreit, glauben die Menschen ihr.“
Ruhe ist eine Design-Entscheidung, kein Tonfall.
Was wir gelernt haben
  • Entfernen ist schwerer als Hinzufügen. Das Maskottchen, die echte Karte, die KI-„Sparkles“ – jedes sah für sich gut aus und stand zusammen im Weg. Jedes Entfernen machte das Produkt ehrlicher.
  • Zustände sind das Produkt. Die Hälfte des Vertrauens in eine Sicherheits-App entsteht in dem Moment, in dem die Verbindung fehlt. Das zuerst gestalten, nicht zuletzt.
  • Ruhe ist eine Design-Entscheidung. Nicht Tonfall oder Palette allein, sondern ein System: was schreit, was still bleibt und warum. Wenn nur die Stufe schreit, glauben die Menschen ihr.

Ausgeliefert: 35 Screens, jeder in zwei Themes und auf zwei Plattformen; 12 Zustände – leer, Fehler, offline, Gast, Laden; 7 Tokens pro Theme – die gesamte Palette; 0 dekorative Icons und Verläufe.

Teil 2 · B2B

Vigilo Pro: die Konsole für Spezialisten.

Eine dichte Live-Konsole, Compliance als Produkt und eine öffentliche Erfolgsbilanz, die ihre Fehlschläge behält.

vigilo.cc/globe
Vigilo-Pro-Globus-Konsole

Mutig gestalten.
Besser liefern.

Arbeiten ansehenKontakt aufnehmen