Restauration & Bouchon lyonnais

Chez Mounier

Un bouchon depuis 1985 : le site devait avoir l'air d'y être depuis aussi longtemps.

Année
2026
Conception
2 semaines
Stack
React · Vite · Tailwind · Vercel
  • Design
  • Développement
  • SEO local
  • Rédaction

Version de démonstration mise en ligne par Kayzen Web sur une adresse Vercel ; le domaine définitif appartient au client.

https://chez-mounier-liard.vercel.app/
Page d'accueil du site Chez Mounier — Restauration & Bouchon lyonnais, réalisé par Kayzen Web
année d'ouverture
1985
générations
3
accessibilité et SEO Lighthouse
100/100
Le point de départ

Ce qu'il fallait résoudre.

Le contexte

Chez Mounier est un bouchon familial de la rue des Marronniers, Lyon 2, ouvert depuis 1985 et tenu sur trois générations. Cuisine intégralement faite maison : quenelles, tablier de sapeur, salade lyonnaise.

La contrainte

Le bouchon est un genre codifié, et sa clientèle se méfie du neuf. Un site trop moderne aurait sonné faux — et fait douter de l'authenticité de la cuisine. Il fallait un site actuel dans sa technique et intemporel dans son apparence.

La réponse

L'authenticité se prouve par le détail : la carte annonce ce qui est fait maison plat par plat, la page « la maison » raconte les trois générations avec des dates, et la réservation reste téléphonique parce que c'est ainsi que ce restaurant fonctionne. On n'impose pas un formulaire à un lieu qui décroche.

Mesuré, pas déclaré

Les scores relevés à la livraison.

Scores Lighthouse du site en production. Nous les publions tels quels : quand l'un d'eux est bas, sa cause et son plan de correction sont écrits plus bas plutôt que passés sous silence.

PageSpeed
84
Performance : 84 sur 100
100
Accessibilité : 100 sur 100
100
Bonnes pratiques : 100 sur 100
100
Référencement : 100 sur 100
Design & direction artistique

Chaque parti pris, et sa raison.

  1. Nappe vichy sans pastiche

    Rouge profond, blanc cassé, motif discret en fond de section. Les codes du bouchon sont cités, jamais imités littéralement — le pastiche se voit et dessert.

  2. Le fait maison, plat par plat

    Chaque plat porte la mention lorsqu'il est préparé sur place. C'est l'argument central du bouchon face aux établissements qui réchauffent, et il devait être vérifiable ligne à ligne.

  3. Le téléphone comme action principale

    Bouton d'appel en premier, permanent sur mobile. Ajouter un module de réservation en ligne aurait créé un canal que la maison ne relève pas — le pire scénario pour un client.

Palette du projet

  • Rouge bouchon

    #8C2E2E

    Identité

  • Blanc cassé

    #F7F3EC

    Fond

  • Encre

    #231F1D

    Texte

  • Vert olive

    #5E6440

    Sections secondaires

Système typographique

Titrage

Bitter 700

Texte courant

Inter 400

Une slab serif chaleureuse pour les titres — la lisibilité d'une ardoise — et une sans-serif neutre pour la carte.

Ingénierie

Ce qu'il y a sous le capot.

  • React
  • Vite
  • Tailwind
  • Vercel
  1. Site statique, hébergement gratuit

    Aucun serveur applicatif, aucune base. Le coût de fonctionnement annuel est celui du nom de domaine.

  2. Carte typée

    Plats, prix et mention « fait maison » dans un fichier de données. La mise à jour saisonnière ne demande pas de toucher au HTML.

Référencement

Comment le site se rend trouvable.

  1. « Bouchon lyonnais rue des Marronniers »

    La rue des Marronniers est une destination en soi. Se positionner sur la rue plutôt que sur la ville capte une intention de choix immédiat, dans un rayon de deux cents mètres.

  2. Spécialités indexées

    « Quenelle maison Lyon », « tablier de sapeur » : chaque spécialité est nommée dans un contenu structuré. Ce sont des requêtes de touristes préparant leur repas.

Accessibilité

Utilisable par tout le monde.

Depuis juin 2025, l'European Accessibility Act impose l'accessibilité numérique à une large part des services en ligne. Nous la traitons à la conception, pas en rattrapage.

  1. 100/100 malgré un fond texturé

    Le motif de fond est suffisamment atténué pour que tous les textes conservent 4,5:1. Un motif décoratif ne doit jamais coûter un point de contraste.

Arborescence

Ce qui a été livré.

  • Accueil
  • La carte
  • La maison depuis 1985
  • Accès et horaires
  • Réserver (téléphone)
Méthode

Le déroulé du projet.

  1. Ton

    Codes du bouchon cités sans pastiche, vocabulaire de la maison.

  2. Contenu

    Carte avec mention fait maison, récit des trois générations.

  3. Développement

    Site statique, carte typée, appel en action principale.

Questions

Ce qu'on nous demande souvent.

Parce que la maison ne l'aurait pas relevée. Un canal de réservation non surveillé produit des clients qui se présentent sans table : c'est pire que pas de réservation du tout. Le jour où l'organisation change, le module s'ajoute en une journée.

Le même niveau d'exigence, pour votre site.

Audit gratuit de votre site actuel, devis sous 24 h et un raisonnement écrit — comme celui que vous venez de lire. Paiement en trois fois sans frais, aides locales vérifiées avant signature.

Partager