Produit mobile2026
Digital Map Service
Un QR code remis à l'arrivée ouvre un site mobile fait sur mesure pour le riad où l'on séjourne.
- Contexte
- Éditions Bab Sabaa — stage chez Nash Digital, Marrakech
- Rôle
- Wireframes et UI
- Durée
- 2 semaines
- Outils
- Figma
Le contexte
Les Éditions Bab Sabaa ont l'habitude de créer des cartes personnalisées pour les riads. Elles voulaient retrouver ce dispositif sur mobile, en le poussant plus loin.
L'idée : donner aux propriétaires de riads un outil simple à offrir à leurs voyageurs, de quoi s'orienter dans Marrakech et découvrir la ville sans chercher pendant des heures.
Le client tenait aussi à ce que tout se joue au moment de la remise. Un voyageur qui arrive avec ses valises ne va pas installer une application, créer un compte et attendre. Il faut que ça s'ouvre tout de suite.
Les quatre sections du site
L'hôte remet un QR code à ses voyageurs. Il ouvre un site mobile personnalisé pour son riad, organisé en quatre sections qu'une barre fixe en bas d'écran permet de rejoindre à tout moment.
Accueil
La photo du riad et son adresse ouvrent l'écran : le voyageur reconnaît tout de suite où il est.
Juste en dessous, les contacts de l'hôte, chacun avec un bouton WhatsApp. La question qu'on se pose en arrivant trouve sa réponse en un geste, sans chercher un numéro.
La section se termine par les recommandations du riad — cafés, restaurants — avec photo et description.
Une barre de navigation flotte en bas de l'écran et ne bouge plus : les quatre sections y sont toujours accessibles, chacune avec son icône et son libellé. Le voyageur passe de l'une à l'autre sans jamais remonter la page ni revenir en arrière.
Visites
Les lieux à voir autour du riad, présentés en cartes : photo, nom, durée de visite, description et adresse.
Chaque carte affiche son tarif — « Gratuit » ou un prix d'entrée. Le voyageur sait ce que coûte sa journée avant de sortir.
Un écran de détail reprend le lieu en grand, avec sa description complète et sa position sur la carte.
La liste des circuits 
Le détail d'un circuit Circuits
Des parcours composés par l'hôte lui-même. Chacun annonce sa durée, son niveau, et la suite des étapes.
C'est la section qui distingue un riad d'un autre : ce sont ses itinéraires, pas ceux d'une plateforme d'avis.
Le détail d'un circuit affiche le tracé sur une carte, les étapes numérotées, puis la fiche de chaque visite du parcours.
Informations
Les informations pratiques du séjour, rangées par rubrique : transports et déplacements, argent et paiement.
Chaque rubrique se déplie en questions concrètes — comment rejoindre le riad, faut-il faire confiance aux taxis, combien coûte une course.
Format question-réponse plutôt que dossier rédigé : on y cherche une réponse précise, pas une lecture.
Décisions clés
Les choix structurants du projet, et ce qui les justifie.
Un QR code plutôt qu'une application à installer
Pourquoi
- Le site s'ouvre dans le navigateur du téléphone : rien à télécharger, rien à créer.
- Un voyageur qui arrive avec ses valises ne va pas installer une application, créer un compte et attendre. Il faut que ça s'ouvre tout de suite.
Un site par riad, pas un guide de la ville
Pourquoi
- Chaque riad a sa propre version du site, avec sa photo, ses contacts et ses recommandations.
- Un guide générique n'aurait pas marché : chaque riad a ses propres recommandations, des lieux uniques qu'il veut partager avec ses voyageurs. Une version commune à tous n'aurait pas eu ce côté personnalisé.
Le contact des hôtes dès l'écran d'accueil
Pourquoi
- Les boutons WhatsApp sont placés en haut de l'accueil, et non dans une page contact.
- Les contacts doivent être visibles tout de suite. Si le voyageur a une question, un problème ou une urgence, il ne doit pas avoir à chercher le numéro du propriétaire.
Des circuits gradués selon l'effort
Pourquoi
- Chaque parcours annonce sa durée et son niveau, et c'est l'hôte qui le compose.
- Les voyageurs ont des profils très différents : jeune couple, famille nombreuse, retraités… Il fallait donc plusieurs catégories et plusieurs niveaux, pour que chacun trouve un parcours à sa mesure.
Le résultat
Le détail d'un lieu
Le tracé d'un circuit, étape par étape
Une visite à l'intérieur d'un circuit
Ce que j'en retiens
Ce projet m'a appris à concevoir pour deux publics à la fois. D'un côté les voyageurs, qui découvrent Marrakech et ont besoin de repères rapides. De l'autre les hôtes, qui veulent mettre leur riad en valeur et garder le lien avec leurs clients. Trouver l'équilibre entre les deux a guidé toute la hiérarchie de l'app : le riad d'abord, la ville ensuite.
J'ai aussi appris à simplifier. Ma première architecture comptait six blocs de contenu, et c'était trop. En la ramenant à quatre sections accessibles par un simple QR code, sans téléchargement, l'expérience est devenue beaucoup plus directe. Supprimer m'a demandé plus de réflexion qu'ajouter.
Ce que j'aurais amélioré : au départ, je me suis beaucoup concentré sur l'aspect visuel de l'app, la palette, l'ambiance, la mise en valeur du riad. Je n'ai pas assez pensé, dès le début, à la facilité de navigation. C'est en avançant que j'ai compris qu'une belle interface ne suffit pas si l'utilisateur ne trouve pas rapidement ce qu'il cherche. Aujourd'hui, je pars du parcours et de la structure avant de travailler le visuel, ce que j'ai fait sur les projets qui ont suivi celui-ci.
Envie d'en discuter, ou de voir les fichiers de travail ? Je cherche une alternance de 2 ans à Nantes.
Me contacter