Étude de cas

Signusk

Signusk est une expérience UX bilingue conçue pour aider les pèlerins du Hajj et de l'Omra à rester connectés et à se déplacer en sécurité dans des foules immenses.

RÔLE
UI Designer & Product Contributor
PLATEFORME
iOS · Android
STATUT
En développement
ANNÉE
2025
Le problème

Perdu dans une foule de millions de personnes

Chaque année, plus de 2 millions de pèlerins se rassemblent à La Mecque. Ils voyagent en groupes, parfois de 200 personnes. Mais aucun moyen fiable ne permettait de savoir que quelqu'un s'éloignait, jusqu'à ce qu'il soit trop tard.

Citation

Un groupe de 100 pèlerins. Une foule de 2 millions de personnes. Un responsable. Aucun outil.

La solution

Une visibilité en temps réel. Sur chaque membre

Signusk associe des balises Bluetooth portées par chaque membre à une application mobile guidée par GPS, ce qui donne au responsable une visibilité complète et en temps réel sur tout son groupe, quelle qu'en soit la taille.

Maquette principale de l'application Signusk
Une balise Bluetooth au poignet de chaque membre
Carte GPS de La Mecque en direct · AR/EN
3 niveaux de statut : À proximité · Éloigné · Injoignable
Le processus
01

Parcours utilisateur et architecture

Avant d'ouvrir Figma, j'ai cartographié toute l'architecture de l'application pour aligner l'équipe entière sur le périmètre et la navigation. Le parcours se concentre sur trois actions clés : rejoindre le groupe → suivre les membres → naviguer ensemble

Parcours utilisateur et architecture de l'application Signusk
02

Priorisation MoSCoW

Pour définir un MVP clair et éviter la dérive du périmètre, j'ai animé une session MoSCoW avec l'équipe, en séparant ce que l'application doit faire de ce qui peut attendre la V2.

Session de priorisation MoSCoW de Signusk

Must Have

Vue d'ensemble de l'équipe · Connexion · Liste des membres · Carte

Should Have

Notifications · Messagerie · Suivi de santé · Langues

Could Have

Wealth information  Fetwa per step of Hajj

Will Not Have

Hors périmètre pour la V1

03

Design UI avec Gluestack

L'interface a été construite sur le design system Gluestack, pour tenir la montée en charge et rendre le passage aux développeurs efficace.

Écrans de l'interface mobile Signusk
Décisions clés
01

Un code couleur compris de tous

Vert = en sécurité · Orange = alerte · Rouge = danger. Aucun texte n'est nécessaire pour comprendre le statut. Ça fonctionne dans toutes les langues et à tous les niveaux de lecture.

02

Bilingue AR/EN dès le premier écran

Le sélecteur de langue est visible sur l'écran 1, pas enfoui dans les réglages. Pour des pèlerins venus de plus de 180 pays, l'accès à sa langue est une fonction de sécurité.

03

Un horodatage sur chaque membre

« il y a 6 min » plutôt que « maintenant » : un petit détail qui fait la différence entre le calme et la panique.

04

Un indicateur de batterie sur chaque balise

Une balise déchargée = un membre invisible. Afficher le niveau de batterie en amont évite le pire des scénarios.

05

Gluestack UI pour le passage aux développeurs

Chaque écran a été conçu pour être constructible : aucun écart entre design et développement. Un passage plus rapide. Moins de surprises en production.

Enseignements

Concevoir pour la sécurité, c'est faire compter chaque pixel. Une alerte manquante = une personne perdue.

La simplicité est une fonction de sécurité.
La couleur est une langue universelle.
Une donnée en temps réel a besoin d'indicateurs de confiance.
Le design multinational commence dès le premier écran.
MoSCoW a fait gagner des semaines de travail à l'équipe.
Master Voyage
Projet précédent
BIMBANK
Projet suivant