Hello

Preparing the experience

Étude de cas

MaisonSolèneProjetfictifSiterestaurantgastronomique

Projet d'entraînement personnel : conception et développement du site vitrine d'un restaurant gastronomique fictif étoilé Michelin. L'objectif était d'explorer une direction artistique inspirée de l'hôtellerie de luxe — typographie Garamond, palette or et noir profond, animations d'apparition raffinées — en HTML, CSS et JavaScript pur, sans framework.

HTML / CSSJavaScript VanillaCSS AnimationsTypographie premiumResponsive designGitHub Pages

1 ★

Étoile Michelin

15

Années d'excellence

4

Pages du site

100%

Produits locaux

Aperçu du site Maison Solène
Page d'accueil2026 · Lyon

Direction artistique

L'élégance de la gastronomie française

Le site traduit l'identité d'un restaurant étoilé Michelin : sobriété, luxe discret et authenticité. La police Cormorant Garamond en titrage et des accents dorés (#C4A165) incarnent la noblesse du lieu, tandis que des animations d'apparition fluides guident le regard sans jamais le brusquer. Chaque section respire, chaque espace blanc est intentionnel.

Ce que le site met en avant

  • L'histoire de la cheffe Solène Marchais et sa vision de la cuisine
  • Les plats signatures avec descriptions poétiques et photos
  • La carte saisonnière en constante évolution
  • Les menus déjeuner (58€) et dégustation (135€)
  • L'univers du restaurant : cadre, matières, lumière
  • Prise de réservation intuitive

Approche technique

Craft pur — aucun framework

Ce projet a été entièrement conçu en HTML, CSS et JavaScript vanilla. Pas de React, pas de Tailwind : chaque ligne a été écrite à la main, avec une attention extrême aux détails — transitions, hiérarchie typographique, effets de survol et responsive design parfait sur tous les écrans. Une démonstration que l'excellence ne dépend pas des outils utilisés.

Résultat

Un site qui inspire confiance et désir

Maison Solène est disponible sur GitHub Pages. Le design donne envie de réserver une table avant même d'avoir lu le menu. Le site est léger, rapide, accessible sur tous les appareils, et témoigne d'une vraie maîtrise du design web sans compromis ni dépendance externe.