Vigilo.
Une interface calme pour des données alarmantes : l’actualité de 239 pays, résumée en un seul chiffre clair.
Produit, rédaction et système — en 3 semaines.
d’actualités
- Quoi
- Une appli de sécurité en voyage qui transforme l’actualité de 239 pays en un seul indice de risque de 1 à 5.
- Pourquoi
- Beaucoup d’informations sur le danger, aucune compréhension : 14 personnes interrogées sur 18 ne savaient pas évaluer le danger.
- Mon rôle
- Design produit, UX writing et design system pour iOS, Android et Web.
- Résultat
- 239 pays · 35 écrans × 2 thèmes · 3 semaines
Une appli mobile qui transforme l’actualité de 239 pays en un seul chiffre — et explique ce qu’il signifie pour votre voyage.
Une seule échelle. Sur chaque écran.
Accueil, pays, assistant, rapport, voyage et SOS — en deux thèmes.
Beaucoup d’informations sur le danger. Aucune compréhension.
18 entretiens : touristes, expatriés, voyageurs d’affaires.
Impossible d’évaluer si c’est « dangereux »
« Situation instable » — faut-il y renoncer ?
C’est la conversation de famille qui déclenche la panique
La vidéo transférée datait en fait de 2019.
Ignorent le numéro d’urgence
« C’est le 112 en Géorgie ? En Thaïlande ? »
Lire toute l’histoire
Avant un voyage, on ouvre cinq onglets : l’actualité, des chaînes Telegram, un forum, le site du ministère des Affaires étrangères, et la conversation de famille avec un « c’est affreux là-bas » transféré. Tout se contredit, et tout est écrit soit dans la panique, soit en langue administrative. La décision se prend donc à l’émotion — ou ne se prend pas.
Nous avons interrogé 18 personnes — touristes, expatriés et personnes qui prennent l’avion pour le travail. Trois constats sont revenus chez chacune d’elles.
- 14/18 ne savent pas évaluer si c’est « dangereux ». « On écrit “situation instable”. Et alors — il ne faut pas y aller ? Ou simplement éviter les manifestations ? » — vacances en famille avec enfants.
- 11/18 : la conversation de famille déclenche la panique. « Maman m’a transféré une vidéo. J’ai passé une demi-heure à chercher — elle datait de 2019. » — une designer.
- 16/18 ne connaissent pas le numéro d’urgence. « C’est le 112 en Géorgie ? En Thaïlande ? Honnêtement, je ne sais pas. J’espère ne jamais en avoir besoin. » — un photographe.
La couleur n’est qu’un signal. Tout le reste reste silencieux.
Des surfaces neutres, cinq couleurs de risque et un seul accent turquoise pour l’action.
Une carte, une idée
Le rouge, c’est pour le SOS uniquement
La source à côté du fait
Une voix calme
Lire toute l’histoire
Il est facile de rendre alarmante une appli sur les menaces : bannières rouges, points d’exclamation, sirènes. Nous avons pris la direction inverse. Les surfaces sont neutres, sans iconographie décorative ni dégradés. Les seuls porteurs de sens sont l’échelle de risque en cinq couleurs et un unique accent turquoise pour l’action. Quand un écran devient orange, on le voit tout de suite — parce que rien d’autre n’y crie.
- Une carte, une idée. Pas de blocs composites. Si vous avez besoin de deux conclusions, vous avez deux cartes.
- Le rouge, c’est pour le SOS uniquement. Le rouge d’urgence correspond volontairement au niveau 4 : il signifie « agissez maintenant ».
- La source à côté du fait. Un indice sans sources n’est qu’un chiffre. Nous montrons toujours d’où il vient et à quelle date.
- Une voix calme. Pas de points d’exclamation, même au niveau 5. Des faits, un quartier, une heure, une action.
D’abord — où vous êtes. Ensuite — où vous allez.
« Est-ce calme ici ? » et « et là où je vais ? ». Le seul élément qui pulse est le point « vous êtes ici ».
Lire toute l’histoire
L’écran d’accueil est construit autour des deux questions que les gens se posent vraiment : « est-ce calme ici ? » et « et là où je vais ? ». La première carte montre votre position actuelle avec son indice, la tendance sur 24 heures et le numéro d’urgence du pays où vous vous trouvez physiquement. La seconde, votre prochain voyage avec une prévision.
Les pays suivis, le fil « aujourd’hui dans le monde » et l’assistant se trouvent en dessous. Rien ne clignote : le seul élément vivant est le point « vous êtes ici ».
« J’y vais ou non » — en dix secondes.
D’abord une compréhension gratuite — et seulement à la toute fin, la possibilité d’acheter un rapport.
Pays · 8 catégories de menaces
Mes pays
Thème sombre
Un anneau plutôt qu’une mascotte
Le personnage divertissait ; l’anneau informe.
La carte montre les événements
Seulement ceux confirmés au cours de la semaine écoulée.
Vue invité
Un lien ouvre tout ce qui est gratuit.
Lire toute l’histoire
Une seule page répond à « j’y vais ou non » en dix secondes. Un en-tête photo avec le niveau, huit catégories de menaces en grille, une carte par quartier, l’actualité du jour, une archive sur 12 mois et — seulement à la fin — la possibilité d’acheter un rapport. L’ordre est voulu : d’abord la compréhension gratuite, ensuite l’offre. La station est calme mais pas la capitale — on le voit dès le premier écran.
- Un anneau plutôt qu’une mascotte. Nous avons essayé un personnage dont les émotions changeaient avec le niveau. Nous l’avons abandonné : il divertissait au lieu d’informer. Un anneau avec un chiffre se lit en une seconde.
- La carte montre des événements, pas un décor. Une vraie carte distrait par ses détails. Le schéma ne montre que les lieux où des événements confirmés ont eu lieu pendant la semaine.
- Vue invité. Un lien vers un pays ouvre tout le contenu gratuit sans inscription. L’archive et le rapport restent derrière un voile de verre, à une action de distance.
Pas un chatbot — un vérificateur de rumeurs.
Collez un message transféré et obtenez une carte de verdict avec ses sources.
Lire toute l’histoire
Le déclencheur de panique le plus fréquent est un message transféré dans la conversation de famille. Le scénario principal de l’assistant n’est donc pas « demandez ce que vous voulez » — mais collez une rumeur et obtenez un verdict : vrai, partiellement vrai, rumeur. Avec la couleur du niveau et une liste de sources. La réponse est une carte, pas un mur de texte.
Le second scénario est « ce quartier est-il sûr la nuit ». La réponse donne des horaires et des rues, pas un « soyez prudent ».
Un document que vous avez vraiment envie de lire.
Un produit payant avec l’aération d’un magazine — et le même langage de design.
- 01Sections numérotéeset grandes conclusions en citation
- 02Prévision à 30 joursavec une bande de confiance
- 03Hors ligneplus le numéro d’urgence du pays où vous vous trouvez
Lire toute l’histoire
Le rapport est un produit payant, et il doit mériter son prix. Mise en page éditoriale : sections numérotées, grandes conclusions en citation, carte par quartier, prévision à 30 jours avec bande de confiance, contacts. Le même langage de design que l’appli, mais avec l’aération d’un magazine.
Il est enregistré pour une consultation hors ligne. Le numéro d’urgence en fin de rapport n’est pas générique — c’est celui du pays où la personne se trouve à cet instant.
Un calendrier qui montre le risque jour par jour.
Sous chaque date, un point dans la couleur de la prévision. Le rouge ne domine que dans le SOS.
Lire toute l’histoire
Quand vous créez un voyage, chaque date a dessous un point dans la couleur de la prévision. Choisir ses dates n’est plus une loterie. L’écran du voyage réunit l’itinéraire, une checklist et les contacts de confiance.
Le SOS est le seul écran où le rouge domine : un numéro géant, un appel en un geste, un « je vais bien » avec votre position, des phrases dans la langue locale. Il fonctionne sans connexion.
Une erreur ne désactive jamais le SOS.
Une appli de sécurité doit fonctionner quand tout le reste tombe en panne.
Lire toute l’histoire
Les états vides expliquent la valeur en une phrase et proposent une seule action. Les erreurs disent ce que nous affichons à la place des données et quand nous actualiserons. Une panne complète du service mène à l’aide d’urgence. Squelettes de chargement, bandeau hors ligne, vue invité via un lien — tout a été conçu dès le départ, pas « plus tard ».
Un seul sens, deux langages natifs.
L’échelle, la structure et les textes sont communs.
Lire toute l’histoire
iOS : Onest, traits fins, un menu liquid glass flottant au-dessus du contenu. Android : Material 3 Expressive — Manrope, surfaces tonales sans contours, boutons en pilule, barre de navigation avec indicateur. L’échelle de risque, la structure des écrans et les textes sont communs. Celui qui change de téléphone n’a rien à réapprendre.
Peu de règles, mais strictes.
Sept tokens par thème, quatre rayons, cinq composants.
Onest 400–800, latin et cyrillique. Grille de 4 px, marges de 18 px.
« Ne planifiez pas de voyage. Si vous êtes déjà dans le pays, repérez où se trouve l’abri le plus proche. »
Tokens et voix en détail
Deux thèmes, sept tokens chacun. Quatre rayons. Sept styles de texte. Cinq composants avec lesquels tout est construit. La voix tient en trois règles. Le système complet, avec tokens et exemples, est détaillé dans un document à part.
- Arrière-plan du thème clair #F4F3EF — chaud, pas blanc.
- Arrière-plan du thème sombre #0B0E13 — presque noir, avec une pointe de bleu.
- Accent #0E9C90 / #3ED3C3 — action et achat.
- Police Onest — latin et cyrillique, 400–800.
- Rayons 18 · 24 · 28 · 999 — bouton · carte · feuille · pilule.
- Grille de 4 px, marges de 18 px, espacements de 12–14 px, paddings de 16–18 px.
Voix : calme, sans points d’exclamation. Même le niveau critique est décrit par des faits : « Ne planifiez pas de voyage. Si vous êtes déjà dans le pays, repérez où se trouve l’abri le plus proche. »
Ce que cela signifie pour vous. Chaque événement s’accompagne d’une conclusion : quartier, heure, action. « Évitez les lieux de rassemblement et ne filmez pas près de la police. »
La source à côté du fait. D’où viennent les données et quand elles ont été mises à jour reste toujours visible : « JAMnews · 2 sources · 13 septembre » sous chaque ligne.
Ce qui a été livré et ce que nous avons appris.
écrans × 2 thèmes × 2 plateformes
états
tokens par thème
icônes décoratives
« Quand seul le niveau crie, les gens y croient. »
Ce que nous avons appris
- Retirer est plus difficile qu’ajouter. La mascotte, la vraie carte, les « étincelles » de l’IA — chacun était joli seul et gênant ensemble. Chaque suppression a rendu le produit plus honnête.
- Les états sont le produit. La moitié de la confiance dans une appli de sécurité naît au moment où la connexion disparaît. À concevoir en premier, pas en dernier.
- Le calme est une décision de design. Ni le ton de voix ni la palette pris isolément, mais un système : ce qui crie, ce qui se tait, et pourquoi. Quand seul le niveau crie, les gens y croient.
Livré : 35 écrans, chacun en deux thèmes et sur deux plateformes ; 12 états — vide, erreurs, hors ligne, invité, chargement ; 7 tokens par thème — toute la palette ; 0 icône décorative et 0 dégradé.
