Concept démo · Vitrine restaurant gastronomique
Les Embruns, la mer décide.
Concept fictif imaginé par Phare du Web, restaurant gastronomique de bord de mer. Vitrine technique conçue pour démontrer le standard premium 2026 sur un secteur exigeant : direction artistique éditoriale, animations GSAP signature, Schema.org Restaurant complet, performances Lighthouse 95+.
« La mer décide du menu. Chaque matin. »
Imposer le standard premium Phare du Web sur un secteur exigeant.
La gastronomie haut de gamme exige un site à la hauteur du produit. Pas de template Wix recyclé. Pas de carrousel photos clignotant. Pas de réservation déléguée à un widget tiers maladroit.
Le défi : concevoir une vitrine technique qui démontre, en conditions réelles, le niveau de finition livré par Phare du Web. Direction artistique éditoriale, typographie maritime sur-mesure, narrative scroll GSAP, Schema.org complet pour Rich Results Google, performances mobile irréprochables.
Direction artistique éditoriale, animations au service de la matière.
- Direction artistique éditoriale. Palette monochrome bleu nuit + accents ambrés, pile typographique Fraunces / Plus Jakarta Sans, espacements généreux dignes d'un magazine gastronomique imprimé.
- Hero scroll choreography. GSAP ScrollTrigger orchestre la révélation lettre par lettre de la signature, parallaxe nuancé sur les images de plat, transitions soft sans cassure.
- Schema.org Restaurant complet. servesCuisine, hasMenu, openingHoursSpecification, geo coordinates, sameAs réseaux sociaux. Rich Results validés Google.
- Stack Astro 5 + Tailwind 4. Zero JavaScript par défaut, GSAP chargé en îlot client:visible, polices variable self-hosted (RGPD), images AVIF prioritaires.
- Performances mobile irréprochables. Lighthouse 95+ sur les 4 catégories, LCP < 2s, CLS 0.000, INP < 200ms.
- Accessibilité WCAG 2.2 AA. Contrastes 4.5:1, navigation clavier complète, prefers-reduced-motion respecté sur toutes les animations.
Six détails qui changent tout.
Hero full-bleed + scroll choreography
Vidéo de la mer en arrière-plan plein écran. SplitText GSAP révèle la signature lettre par lettre au scroll. Parallaxe doux sur les images de plat. Aucun saut, aucune cassure.
GSAP · ScrollTrigger · SplitTextSchema Restaurant complet
servesCuisine, hasMenu, openingHoursSpecification, geo, sameAs. Rich Results Google validés.
JSON-LD · Rich SnippetsRéservation directe
Bouton réservation persistant en sticky, formulaire Astro côté serveur, envoi transactionnel Resend. Pas de widget JS tiers chargé côté client (TheFork, Bookatable). Identité graphique 100% maîtrisée.
Astro Form · Resend APIGalerie immersive
Photos plats en plein écran avec lightbox custom. Lazy load progressif. AVIF prioritaire, fallback WebP.
Astro Image · AVIFPile typographique éditoriale
Fraunces variable italic pour les titres signature (display serif moderne), Plus Jakarta Sans pour le corps, JetBrains Mono pour les labels. Toutes les polices self-hosted, RGPD-conformes (jurisprudence Munich BGH 2022 sur Google Fonts).
Variable Fonts · Self-host · RGPDAccessibilité WCAG 2.2 AA
Contrastes 4.5:1 partout, navigation clavier complète, prefers-reduced-motion sur toutes animations.
A11y · EAA conformeTemplate restaurant générique vs vitrine sur-mesure.
- Lighthouse 35-55 mobile typique
- LCP 4-7 secondes
- Carrousel photos qui clignote
- Réservation widget tiers (TheFork, Bookatable)
- Schema basique ou absent, pas de Rich Results
- Typographie générique Inter ou Roboto
- Cookies tiers Google Fonts (RGPD risque)
- Pas de WCAG, pas d'accessibilité
- Lighthouse 95+ sur les 4 catégories
- LCP < 2 secondes mobile
- Hero vidéo full-bleed scroll choreography
- Réservation directe sans widget JS tiers
- Schema Restaurant complet, Rich Results Google validés
- Fraunces + Plus Jakarta Sans variable, identité unique
- Polices self-hosted RGPD-conformes
- WCAG 2.2 AA validé · EAA-ready 2025
Le site, en conditions réelles.
Indicateurs livraison.
Bénéfices projetés vs site WordPress typique Ce qu'un restaurateur peut attendre.
Benchmarks 2026 secteur restauration France pour un site refait avec la même qualité technique. Sources : Google web.dev case studies, WPO Stats, Think with Google CWV.
Bénéfices projetés = estimations basées benchmarks industrie 2026. Pas une garantie contractuelle. ROI réel dépend du contexte client (positionnement, qualité offre, marketing).
Disponible
Un projet gastronomique à la hauteur de votre cuisine ?
Restaurant, table d'hôte, cave à vin, brasserie premium, je conçois des sites qui hissent votre identité au niveau de votre produit. Audit gratuit, devis sous 48 h, lien de prévisualisation 24h/24.