Identité culinaire
La brasserie travaille le terroir revisité. Son site reflète cette tension entre tradition et modernité : typo Playfair pour l'élégance, Inter pour la lisibilité, palette sombre et touches terracotta.
Projet 06 · Restaurant · Nantes centre
La Braise Nantaise.
Projet conçu pour illustrer mon savoir-faire
Un site gastronomique taillé pour remplir une salle : réservation fluide, carte séduisante, avis visibles et un positionnement SEO local au cœur de Nantes.
01 · Le métier
Un restaurant doit donner envie avant même qu'on pousse la porte.
La concurrence en centre-ville de Nantes est dense. Entre les plateformes d'avis, les réseaux sociaux et les agrégateurs de réservation, un restaurant qui ne maîtrise pas sa vitrine en ligne laisse d'autres raconter son histoire à sa place. La Braise Nantaise avait besoin d'un site qui soit à la hauteur de ses assiettes : élégant, rapide, sans friction.
Réservation sans obstacle
Le formulaire de réservation est accessible dès le header. Pas de compte à créer, pas de redirection externe, pas de friction : date, heure, nombre de couverts, c'est envoyé.
Produits locaux visibles
Chaque plat cite un producteur ou un terroir (Muscadet sur lie, Domaine de la Pépière, maraîchers de Rezé). Ça rassure, ça différencie, ça ancre localement.
02 · Objectifs
Remplir la salle, du mardi au samedi soir.
Un beau site ne sert à rien s'il ne génère pas de couverts. Chaque décision design et technique a été prise pour atteindre un objectif concret : plus de réservations en ligne, plus de clients qui reviennent, un référencement qui capte les recherches « restaurant Nantes » et « brasserie centre Nantes ».
- Augmenter les réservations en ligne de 40 % vs l'ancien site.
- Réduire la dépendance aux plateformes externes (TheFork, Google).
- Valoriser la formule déjeuner pour remplir les créneaux mardi-vendredi midi.
- Mettre en avant la privatisation pour événements et dîners d'affaires.
Positionner restaurant Nantes, brasserie Nantes centre, restaurant français Nantes, réserver restaurant Nantes, restaurant rue Crébillon, dîner centre-ville Nantes et cuisine terroir Loire-Atlantique.
03 · UX / UI
L'élégance au service de la conversion.
Le design sombre (fond anthracite, texte crème) évoque l'ambiance feutrée d'un dîner au restaurant. Les animations Framer Motion sont subtiles — un fondu, un décalage — jamais gratuites. La navigation reste légère : Accueil, Histoire, Menu, Galerie, Réservation. Cinq entrées maximum.
Un restaurant a besoin de séduire visuellement sans sacrifier la vitesse de chargement. Les images de plats sont lourdes par nature, et un site lent perd 53 % de ses visiteurs mobiles.
Next.js avec optimisation d'images native, lazy loading intelligent, préchargement du hero et score Lighthouse Performance 98. Les visuels s'affichent en 0,8 s sur 4G.
04 · Stack technique
Next.js, Tailwind, Framer Motion — la stack qui délivre.
Contrairement aux sites vitrines HTML simples, La Braise Nantaise utilise un framework React server-side pour gérer la complexité : menu filtrable par catégorie, formulaire de réservation, transitions de page, galerie modale et données structurées dynamiques.
Next.js 14 (App Router) · React Server Components · TypeScript · Tailwind CSS · Framer Motion
Schema Restaurant + FAQPage · Open Graph dynamique · Sitemap auto · Robots.txt · Manifest PWA · Canonical
Vercel Edge · Image optimization · Font swap · Lazy loading · Preload hero · Lighthouse 98+ sur les 4 axes
05 · Pages & fonctionnalités
Un vrai site multi-pages, pas une landing page déguisée.
Cinq pages distinctes — chacune avec sa propre metadata SEO, ses données structurées et son rôle dans le parcours de conversion :
Accueil
Hero immersif, teaser de l'histoire, aperçu du menu, galerie et formulaire de réservation intégré.
Notre Histoire
Storytelling du chef et de la maison, valeurs, engagement local et fournisseurs partenaires.
Menu
Carte complète filtrée par catégorie (entrées, plats, desserts, boissons) avec allergènes et prix.
Réservation
Page dédiée avec formulaire complet, horaires, plan d'accès et consignes groupe/privatisation.
FAQ
Questions fréquentes sur la réservation, les allergies, le parking, la privatisation et les producteurs.
06 · SEO local
Capter les recherches « restaurant Nantes » sans suroptimiser.
Le site exploite plusieurs leviers naturels : données structurées Restaurant (horaires, adresse, avis, prix), FAQ structurée, mentions de quartier (Graslin, Crébillon, Commerce) et contenu éditorial riche qui travaille les requêtes informationnelles autant que transactionnelles.
Rue Crébillon, quartier Graslin, tramway Commerce, parking Graslin, centre-ville Nantes, Loire-Atlantique, producteurs de Rezé et Vertou.
Restaurant Nantes, brasserie française Nantes, réserver restaurant centre Nantes, menu restaurant Nantes, restaurant terroir Loire-Atlantique.
6 questions FAQ, 6 avis clients datés, 13 plats décrits avec allergènes, horaires complets et page histoire.
07 · Résultat attendu
Un restaurant qui remplit sa salle depuis Google autant que depuis le bouche-à-oreille.
L'objectif final est simple : quand un Nantais ou un visiteur cherche « restaurant Nantes » ou « brasserie centre Nantes », La Braise Nantaise apparaît dans les premiers résultats avec un site qui donne envie, rassure et convertit en réservation en moins de 30 secondes.
98+Lighthouse
+ résaEn ligne directe
5 pagesSEO dédiées
LocalNantes centre
Votre restaurant mérite un site à la hauteur de vos assiettes.
Je crée des vitrines digitales qui donnent faim, rassurent et remplissent le carnet de réservation — sans dépendre de plateformes tierces.