Promenade · 2025 · Projet secondaire
Valoriser un lieu hybride et guider chaque visiteur vers la visite.
Refonte UX/UI d'un site vitrine pour un restaurant, brunch & brocante à La Rochelle — pensée pour révéler l'univers du lieu et rendre l'essentiel immédiatement accessible.
— 01
Contexte
Un lieu atypique — restauration, brunch et brocante — dont le site peinait à raconter le concept.
Un concept hybride qui restait en retrait.
Promenade mêle restauration, brunch et brocante dans une ambiance rétro chaleureuse, au cœur de La Rochelle. Le site existant portait déjà l'identité du lieu, mais peinait à mettre en avant sa singularité et à guider les visiteurs vers les informations qu'ils cherchaient.
L'objectif : concevoir un site vitrine capable d'attirer touristes et curieux, de valoriser l'expérience proposée et de transformer les visiteurs du site en visiteurs du restaurant.
— 02
Exploration
Avant l'écran, le papier — pour tester vite, sans s'engager trop tôt.
Explorer rapidement les besoins utilisateurs.
Avant toute conception sur écran, plusieurs wireframes papier ont été réalisés pour tester différentes structures de navigation et de hiérarchie de l'information.
Cette approche a permis d'explorer plusieurs pistes tout en limitant le temps investi dans des solutions encore incertaines.
— 03
Tests utilisateurs
Deux tests sur les wireframes papier ont suffi à confirmer les premières hypothèses.
Valider les premières hypothèses.
2
tests menés sur les wireframes papier.
Ce que les tests ont confirmé
- Le menu était identifié rapidement.
- Les informations pratiques étaient facilement trouvables.
- Les photos étaient perçues comme un levier important pour donner envie de découvrir le lieu.
Ces retours ont guidé les choix de conception réalisés par la suite.
— 04
Décision UX
Décision 01
Vendre une expérience, pas seulement une carte.
Mettre en avant l'expérience du lieu.
Promenade ne se résume ni à une carte, ni à un brunch : le lieu repose sur la rencontre entre restauration et brocante.
Une section dédiée — « L'esprit Promenade » — raconte cette expérience pour que chaque visiteur comprenne immédiatement ce qui rend l'endroit unique.
— 05
Décision UX
Décision 02
Trois informations, réunies au même endroit.
Faciliter l'accès à l'essentiel.
Les visiteurs cherchent avant tout trois choses :
- les horaires,
- l'adresse,
- un moyen de contact.
Ces contenus ont été regroupés dans une section claire et immédiatement identifiable, pour réduire l'effort de recherche.
— 06
Décision UX
Décision 03
La carte, premier déclencheur de visite.
Valoriser l'offre et encourager le passage à l'action.
Le menu est l'un des principaux déclencheurs de visite. La carte a été pensée pour être facilement consultable sur mobile.
Hiérarchie claire, visuels appétissants et accès rapide depuis l'écran d'accueil : tout pour donner envie de pousser la porte.
— 07
Système visuel
Une identité chaleureuse, rétro et conviviale — traduite en système.
Un système au service de l'ambiance.
Le système visuel traduit l'identité du restaurant : couleurs douces, accents terracotta, et des typographies qui allient caractère et lisibilité — Cormorant Garamond pour le ton, Inter pour la clarté.
Terracotta · Accent
Orange · Marque
Sauge · Secondaire
Anthracite · Texte
Crème · Fond
Promenade
Cormorant Garamond
Le ton — titres & éditorial
Restaurant & brunch
Inter
La clarté — interface & lecture
— 08
Résultat
Un projet réel, de bout en bout — et une méthode qui se met en place.
Un terrain complet, du réel à l'écran.
Promenade m'a permis de dérouler l'ensemble du processus UX/UI sur un projet réel : analyse de l'existant, wireframes papier, tests utilisateurs, architecture de l'information et conception d'une interface mobile cohérente.
01
Existant
Analyser
02
Wireframes
Esquisser
03
Tests
Valider
04
Architecture
Structurer
05
Interface
Concevoir
Avec le recul, ce projet a posé les bases de ma méthodologie : observer un lieu, écouter ses visiteurs, puis concevoir l'évidence.
Lecture suivante
Lire l'étude principale
Au fil de Nath — structurer une expérience artisanale plus claire.
UX / Product Design