Croix-Rouge française Outil de réservation des formations premiers secours

OUTIL MÉTIER · PRODUCT DESIGN

Rendre la réservation d'une formation aussi simple qu'un achat en ligne, sans rien perdre de la rigueur d'une inscription administrative.

Client
Croix-Rouge française
Rôle
UX/UI Design
Outils
  • Sketch
Périmètre
Parcours de réservation · Interface desktop & mobile
Expertises mobilisées

Réserver une formation aux gestes qui sauvent, en ligne

La Croix-Rouge française forme le grand public aux premiers secours, le PSC1 en tête. Ces sessions se tiennent partout en France, dans des locaux d'antenne, à des dates et des horaires qui changent en permanence.

L'association souhaitait un outil en ligne permettant à tout public de réserver sa formation directement, sans intermédiaire.

Le besoin était explicitement fonctionnel avant d'être esthétique : la création graphique devait être moderne, claire et efficace, et s'effacer derrière la tâche.

Trois écrans mobiles : la recherche de sessions, le détail d'une session avec sa carte, et le formulaire d'inscription

Un parcours en trois temps

Le service tient dans une séquence courte, identique sur mobile et sur ordinateur.

Filtrer d’abord — type de formation, localisation, dates — pour ramener un catalogue national à une poignée de sessions atteignables. Choisir ensuite : chaque ligne annonce le lieu, l’horaire et les places restantes, et se déplie sur l’adresse exacte et sa carte. S’inscrire enfin, via un formulaire d’état civil suivi du paiement en ligne.

Aucune étape n’est décorative : chacune écarte une raison d’abandonner.

Dire non aussi clairement que oui

Une session complète n’est pas masquée de la liste : elle reste visible, avec un bouton Complet désactivé à la place de « S’inscrire ». C’est un choix d’affichage plus honnête, l’utilisateur voit que la session existe, comprend qu’elle est pleine, et n’a pas l’impression que le moteur de recherche lui cache quelque chose.

Le reste de l’interface suit la même logique d’économie : le rouge institutionnel ne sert qu’aux actions et aux informations décisives, l’heure, le statut, le bouton. Tout le reste est noir sur blanc.

L'écran de réservation d'une formation sur ordinateur : filtres, liste des sessions et localisation du lieu

Une idée ? Un besoin ?

Quel sujet voulez-vous débloquer ?

Un site, une application à construire ou à moderniser ? Une équipe produit qui a besoin d’un renfort senior ? Dites-moi où vous en êtes et ce qui vous freine aujourd’hui.