Étude de cas
Maison Éclipse
Branding, UX/UI et développement pour un restaurant gastronomique fictif — une étoile, quarante couverts, une seule idée : la lumière.
Client
Maison Éclipse
Périmètre
Branding · UX/UI · Développement
Stack
Next.js · TypeScript · Framer Motion
Année
2026
Contexte
Un restaurant qui ne vend pas des repas, mais une émotion.
Maison Éclipse est un restaurant gastronomique contemporain, une étoile, quarante couverts, service du soir uniquement. Le brief ne demandait pas un site de restaurant : il demandait une démonstration de ce qu’une expérience digitale peut faire ressentir avant même la première visite.
Objectifs
Quatre exigences, aucune négociable.
Créer une identité de marque complète avant tout développement — logo, palette, typographie, charte.
Traduire une expérience sensorielle (calme, raffinement, lumière) en interface digitale.
Concevoir un site aussi rare que la table qu'il représente : peu de texte, des visuels qui parlent.
Obtenir un score Lighthouse supérieur à 95 malgré des visuels en pleine page.
Direction artistique
La lumière comme unique fil conducteur.
Inspirée d’Aesop, de Noma, des maisons de luxe — jamais copiée. Un fond presque noir, un texte crème plutôt que blanc pur, un or utilisé en accent seul. Le monogramme « éclipse » — un croissant doré né de deux cercles — devient la signature graphique du restaurant, présente du favicon au filigrane de chaque section.
Fond principal
#090909
Texte
#F5F3EF
Accent
#C7A56B
Gris
#8B8B8B
Titres
Cormorant Garamond
Une serif fine et racée, réservée aux titres et à la citation de la section Vision.
Texte courant
Inter
Neutre et lisible, pour tout le texte fonctionnel : menu, formulaire, légendes.
UX
Chaque section, une seule intention.
Le Hero ne se contente pas d’afficher une photo : la lumière se révèle progressivement à mesure que l’on scrolle, pour incarner l’idée « certaines expériences commencent bien avant la table ». Le menu n’est pas une liste : chaque plat apparaît seul, avec l’espace nécessaire pour être lu comme une phrase. Aucune section ne demande plus d’attention que ce qu’elle mérite.
Process
Du branding au code, sans rupture.
Identité de marque
Avant la première ligne de code, un système de marque complet : le nom, le monogramme éclipse, la palette, la typographie.
Direction artistique
Une seule idée gouverne chaque choix : la lumière qui révèle plutôt qu'elle n'éclaire. Chaque maquette est confrontée à cette idée.
UX & architecture
Neuf sections, une seule intention par section. Le menu devient une expérience de lecture, pas une liste de prix.
Développement
Next.js, animations au scroll très lentes, images optimisées — un site aussi rapide que sobre.
Responsive
Le mobile n’est pas une version réduite.
Chaque section a été repensée pour l’écran mobile plutôt que compressée : les photographies restent plein cadre, le menu garde sa respiration, et le rayon de lumière du Hero continue de se révéler au scroll — la même sensation, jamais une version diminuée.
Résultat
Un projet de portfolio qui se présente lui-même comme un véritable restaurant étoilé — branding, UX/UI et développement réunis.
Maison Éclipse est un restaurant fictif, conçu par LVX Creative à titre de démonstration.