Brasserie Lumen
Dès 500 €

Étude de cas · Brasserie
Brasserie Lumen
Table allumée. Cuisine ouverte.
Résa table en primaire — sortir de TheFork et des PDF illisibles.
Scroll l’histoire · puis les pages live ↓
- Réservation
- CTA table prioritaire
- Ops
- Moins d’appels prix
- Marge
- Résas directes vs TheFork
01 · Problème
Carte PDF + appels prix = couverts perdus
Sans résa directe ni menus TTC, le client part sur une marketplace.

02 · Approche
CTA table, signatures, menus TTC
Hero réservation → carte / plats → menus → formulaire court.

03 · Stack
Site resto Next.js, perf mobile
Next.js, TypeScript, Tailwind, images optimisées. Démo Vercel noindex — préprod client.

04 · Résultat
Plus de résas directes, moins d’appels
Table en primaire, prix lisibles, lead déjà daté.

À retenir
- →La résa directe protège la marge vs TheFork.
- →Un plat photo > un PDF de 12 pages.
- →Menus TTC coupent l’appel « c’est combien ? ».
890 €Offre 500 €
Fiche technique
- Technologies
- Next.js
- TypeScript
- React
- Tailwind CSS
- Librairies & outils
- next/image
- Framer Motion
- Déploiement
Vercel — démo sous-domaine, noindex, CDN global
- Rôle
Conception technique · UI · développement fullstack · SEO de base
- Conditions
Resto démo — carte, menus TTC, réservation table
06 · Dans le produit
Chaque chapitre = une page. Zoom → zones → dézoom → page suivante.
Chapitre page · 01 / 04
Page accueil
On commence sur l’accueil — la vitrine qui convertit
C’est la première impression : marque, promesse, preuve visuelle et CTA. Si cette page rate, le reste du site ne rattrape presque jamais le lead.
Job de cette page : Intention claire dès l’entrée — le visiteur sait quoi faire ensuite.
Scroll ↓ · zoom sur 6 zones
Zoom
Scroll une fois pour entrer dans le tuto de cette page
Ensuite chaque scroll spotte une zone. À la fin tu dézoomes avant la page suivante.
Scroll · zoom
Chapitre terminé · dézoom
Continue de scroller pour la page suivante.
Chapitre page · 02 / 04
Page carte
Changement de page : la carte
Après l’ambiance de l’accueil, la carte doit se lire vite — plats, prix, envie de réserver.
Job de cette page : Décision table plus rapide — plus de réservations same-session.
Scroll ↓ · zoom sur 1 zones
Zoom
Scroll une fois pour entrer dans le tuto de cette page
Ensuite chaque scroll spotte une zone. À la fin tu dézoomes avant la page suivante.
Scroll · zoom
Chapitre terminé · dézoom
Continue de scroller pour la page suivante.
Chapitre page · 03 / 04
Page tarifs
Changement de page : la grille tarifaire
Ici on écrit noir sur blanc ce qui sera facturé. C’est la page anti-litige et anti-« c’est combien ? ».
Job de cette page : Confiance prix — conversion plus nette vers le formulaire.
Scroll ↓ · zoom sur 1 zones
Zoom
Scroll une fois pour entrer dans le tuto de cette page
Ensuite chaque scroll spotte une zone. À la fin tu dézoomes avant la page suivante.
Scroll · zoom
Chapitre terminé · dézoom
Continue de scroller pour la page suivante.
Chapitre page · 04 / 04
Page réservation
Changement de page : réserver une table / un créneau
Après carte et tarifs, l’intention est chaude. Cette page transforme la visite en réservation.
Job de cette page : Remplissage du planning — moins de friction WhatsApp.
Scroll ↓ · zoom sur 1 zones
Zoom
Scroll une fois pour entrer dans le tuto de cette page
Ensuite chaque scroll spotte une zone. À la fin tu dézoomes avant la page suivante.
Scroll · zoom
Didacticiel terminé
Ouvre maintenant le site live et clique librement.
07 · Brasserie Lumen
Voir le projet et le tester
La vitrine tourne comme chez un vrai client : pages, formulaires, panier le cas échéant. Tu peux aussi demander l’achat clé en main.
