Le concept
Cas de démonstration pour un restaurant gastronomique halal à Villeurbanne, dirigé par Karim Boukhari. Positionnement singulier : vraie gastronomie française (techniques classiques, dressage soigné) sur menu intégralement halal. Objectif : montrer ce qu'on peut produire pour un resto premium avec direction artistique sobre et architecture Next.js static.
Preview en ligne sur cuisine-en-ville-preview.netlify.app.
Ce qui a été construit
Direction artistique gastronomique sobre
- Palette neutre élégante (crème, brun foncé, accents dorés)
- Typographie classique avec sérif premium
- Mise en avant de la cuisine française avant le caractère halal (cohérent avec le positionnement gastro premium)
- Animations subtiles, pas de surcharge visuelle
Architecture en 6 pages
- Home avec hiérarchie (chef → cuisine → carte → réservation)
- Page Carte avec menus du moment et plats signature
- Page Le Chef avec storytelling éditorial
- Page Événements privés (mariages, soirées entreprise halal)
- Page Contact + Mentions légales
Récupération des photos pro depuis dish.co
Le chef avait fait shooter ses plats par un photographe pro, mais les photos étaient bloquées sur le CDN dish.co (fournisseur de menus PDF). Plutôt que de re-shooter (~3 000 € de budget) :
- Identification du pattern d'URL du CDN dish.co
- Vérification des droits d'utilisation
- Récupération des 24 photos plats signature en haute résolution
- Optimisation en WebP avec lazy-loading pour performance
Page "Le chef" éditoriale
- Parcours dans des étoilés français avant l'ouverture du restaurant
- Choix de proposer une vraie gastronomie halal
- Philosophie produit (locaux, saisonniers, certifications halal)
- Mise en page magazine, photos lifestyle
Module de réservation directe
- Formulaire structuré (date, heure, nombre, allergies, occasion)
- Confirmation automatique email + SMS rappel J-1
- Lien TheFork conservé en secondaire pour le flux découverte
Spécificités techniques
- Static export Next.js = HTML pur servi par CDN
- Schema.org Restaurant avec mention halal
- Performance Core Web Vitals top sur mobile
- Design responsive du smartphone au desktop
Pourquoi un cas test
Ce projet illustre ce qu'on peut produire pour un restaurant gastronomique avec une niche forte (halal premium, ici, mais transposable à d'autres niches : végétarien étoilé, sans gluten haut de gamme, etc.). Stack identique disponible pour des projets clients similaires (restaurants, hôtels-restaurants, traiteurs premium).