Projet UX/UI : inventer un restaurant fictif et en prototyper l'application mobile sur Figma. On a imaginé le Club Saucette, un bar à sauces en bord de mer. Cahier des charges, branding, prototype interactif et site vitrine.
Un restaurant en bord de mer centré sur les sauces maison. Le client choisit ses "supports" frites, légumes crus, chips, pain grillé et compose son plateau sauce par sauce parmi une sélection de 20 à 30 recettes (chaudes, froides, épicées, véganes, saisonnières, éditions limitées).
L'idée : transformer l'apéro en expérience sensorielle et interactive. Un lieu convivial, zéro gaspi, produits naturels et locaux, avec terrasse vue mer.
Trois formules Dégustation (4 sauces + 1 support), Gourmand (7 sauces + finger food), Illimitée. Carte de fidélité et happy hour pour fidéliser.
Avant de concevoir, on a défini trois profils : les Locaux (QG de fin de journée), les Touristes (vue mer, offre originale) et les Foodies (nouvelles saveurs, partage).
L'empathy map résume ce que l'utilisateur voit, fait, ressent et ce qui le bloque. Un outil UX qui aide à concevoir pour des vrais besoins plutôt que des suppositions.
Voit
La mer, la terrasse, les plats des voisins, un QR code sur la table.
Fait
Scanne le menu, scrolle les photos, partage des frites, goûte les sauces.
Ressent
Faim, envie de détente, curiosité, impatience si le service est lent.
Points de friction
Ne sait pas quoi choisir, peur que ce soit trop épicé, attente serveur.
La mascotte c'est une frite avec un visage, une casquette en ketchup, des bras, des jambes et des baskets. Style cartoon vintage américain, un peu rigolo, facile à retenir.
Côté couleurs : fond saumon, ketchup rouge bordeaux, frite beige doré. Des tons chauds qui restent lisibles et cohérents sur toutes les interfaces.
La typo coule littéralement. Les lettres sont rondes et incurvées, avec des gouttes qui tombent vers le bas comme du ketchup qui dégouline. "Clubsaucette" s'écrit en un seul mot, sans espace. L'idée c'était que même la police rappelle la sauce.
Deux parcours distincts : un site vitrine (accueil, concept, actualités, contact) et une app de commande accessible par QR code en salle. Un seul univers graphique, deux entrées.
Prototype Figma entièrement cliquable de la sélection des supports et sauces jusqu'à la confirmation de commande, avec feedbacks visuels, états interactifs et transitions entre écrans.
L'interface a été construite à partir d'un benchmark de 5 apps (Sunday, McDonald's, Burger King, UberEats, Too Good To Go) et d'un cahier des charges sur l'ergonomie : architecture, guidage pas à pas, mobile-first, gestion d'erreurs.
Accueil
Menu
Choix des bases
Boissons
Desserts
Panier
Addition
Let's work together.
