Master Voyage
Une super-app de voyage bilingue pour le marché mauritanien et la région MENA : vols, hôtels, séjours, e-SIM et Omra au même endroit. Construite autour d'un problème difficile : amener les utilisateurs à faire confiance au paiement en ligne.
Cinq services. Une application. Zéro confiance dans le paiement en ligne.
Master Voyage avait de la traction (plus de 5 000 téléchargements), mais le produit avait grandi service par service, sans vision d'ensemble. Le module hôtels était sous-utilisé, le parcours de paiement créait de la friction, et un nouveau service stratégique (des séjours composés sur mesure) allait être lancé sans place claire dans l'application. Sur un marché où la plupart des utilisateurs n'ont jamais payé en ligne, chaque doute supplémentaire coûte une réservation.
En Mauritanie, l'écran de paiement n'est pas là où l'on conclut une vente.
C'est là où l'on gagne un tout premier paiement en ligne.
Concevoir le parcours autour de la confiance, pas autour des écrans
J'ai repensé les parcours principaux de bout en bout : les hôtels de A à Z, l'Omra, les séjours, et le processus de paiement sur les cinq services. Puis j'ai reconstruit la page d'accueil autour des vraies priorités commerciales du client, et instrumenté tout le produit pour que chaque décision future s'appuie sur des données.
Audit UX et cartographie des parcours
Avant de repenser quoi que ce soit, j'ai audité l'application en ligne face aux standards du secteur de la réservation (Booking, Wego, Almosafer), adaptés au marché local : signaux de confiance, réassurance au paiement, capacité à passer en bilingue FR/AR. L'audit a fait ressortir les manques qui ont guidé toutes les décisions suivantes : absence de badges de confiance, aucune preuve sociale sur les fiches hôtel, formats de prix incohérents, et une étape de paiement sans aucun recours à l'aide.
Itérer la page d'accueil avec le client : 8 directions
La page d'accueil portait toute l'activité : 5 services, promotions, fidélité, une bannière d'offre limitée dans le temps. J'ai exploré 8 directions structurelles : l'offre d'abord, la découverte d'abord, des grilles bento, des motifs de carte d'embarquement. Chacune répondait à une question (« et si l'utilisateur ne fait jamais défiler ? »). Le client a choisi une direction ; nous l'avons affinée ensemble jusqu'à la mise en page finale, avec une section e-SIM (drapeau · offre · prix) et une bannière conditionnelle « Mon prochain voyage ».
Lancer une nouvelle ligne de produits : Pack Japon · Girls Trip
Quand le marketing a validé un voyage au Japon réservé aux femmes, j'ai transformé un brief PDF en écrans livrables en une journée : une liste de séjours (le point d'entrée qui manquait), un écran de détail avec deux nouveaux motifs (une fiche d'accompagnatrice pour les voyages encadrés et un sélecteur d'options facultatives), plus un brief photo pour la graphiste avec les emplacements Figma exacts, les tailles et les contraintes culturelles.
Instrumenter le produit : avant de le faire grandir
J'ai conçu toute la couche analytics : un tunnel principal paramétré par service, un système d'attribution des promotions (entry_point sur chaque réservation), un suivi des échecs de paiement par moyen et par code d'erreur, et un signal « guide de paiement ouvert » qui mesure la confusion avant paiement. Livré en trois documents : plan de tracking, guide d'intégration pour les développeurs, et un CLAUDE.md pour que l'agent IA du développeur fasse respecter les conventions de nommage que j'ai définies.
Un appui sur une catégorie ouvre toujours une liste, même avec un seul élément
Un séjour ou dix, appuyer sur « Séjours » ouvre le même écran de catalogue. Pas de navigation conditionnelle. Le modèle mental reste stable, et l'écran tient le jour où le deuxième séjour sort, sans une ligne de code à refaire.
La recherche de la page d'accueil est une porte, pas un formulaire
Chaque service mène à son propre écran de recherche. Dupliquer des champs de recherche actifs sur la page d'accueil aurait créé deux sources de vérité pour une même requête. La carte de la page d'accueil ressemble à une recherche, et y mène honnêtement.
La confusion au paiement est une mesure, pas une intuition
Le parcours de paiement a un bouton « Voir le guide ». J'ai fait de chaque appui un événement suivi, avec l'étape depuis laquelle il a été ouvert : l'hésitation de l'utilisateur devient un signal mesurable et corrigeable, au lieu d'une anecdote.
Une couleur d'accent liée à la destination, pas un cliché genré
Pour le séjour au Japon réservé aux femmes, on m'a demandé du rose. Je l'ai livré en accent sakura, justifié par la destination, limité à 3 points de contact, sans toucher aux boutons d'action. Un futur séjour à Dubaï recevra un doré sable sous la même règle. Le design system survit à chaque lancement.
Les bannières promotionnelles doivent obéir au rythme de la mise en page
Les blocs promotionnels pleine largeur cassaient la cadence de défilement entre les sections de cartes. Deux motifs livrés : un bandeau fin à la hauteur des sections, et une carte promotionnelle native exactement de la taille des fiches hôtel, insérée dans le carrousel.
Ce projet a été conçu avec une méthode augmentée par l'IA : pas des écrans générés par l'IA, mais des décisions accélérées par l'IA :
L'agent IA du développeur fait respecter mes conventions de nommage en revue de code : l'intention de design survit donc à la passation.
Chaque décision produit ci-dessus est la mienne. L'IA a accéléré l'exécution ; elle n'a jamais décidé.