Grand Café du Commerce
Pas de framework, pas de CMS : une brasserie de quartier n'a pas besoin d'une usine.
- Année
- 2026
- Conception
- 2 semaines
- Stack
- HTML/CSS · JavaScript · Google Analytics · Vercel
- Design
- Développement
- SEO local
- Mesure d'audience
Version de démonstration mise en ligne par Kayzen Web sur une adresse Vercel ; le domaine définitif appartient au client.
- performance Lighthouse
- 93/100
- dépendance externe
- 0
- requêtes en plus du HTML
- 2
- SEO Lighthouse
- 100/100
Ce qu'il fallait résoudre.
Le contexte
Le Grand Café du Commerce est une brasserie de Vaise, Lyon 9. Clientèle de quartier, habitués du midi, tables du soir.
La contrainte
Le site précédent était une page unique, non responsive, sans horaires à jour. Le besoin réel tenait en trois lignes : la carte, les horaires, un moyen de réserver. Tout le reste aurait été de la dépense sans retour.
La réponse
HTML, CSS et un peu de JavaScript. Aucun framework, aucun CMS, aucune base de données. Le résultat se charge instantanément, ne demande aucune mise à jour de sécurité, et coûte zéro euro d'hébergement. La carte se modifie dans un fichier, en clair.
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.
Chaque parti pris, et sa raison.
Registre brasserie, pas registre gastronomique
Typographie affirmée, palette bordeaux et crème, photos de plats simples. Une charte trop chic aurait fait fuir la clientèle du midi, qui est le premier chiffre d'affaires.
Les horaires au premier écran
« Ouvert jusqu'à 22 h » calculé en direct plutôt qu'un tableau de sept lignes. C'est la question la plus posée, elle méritait une réponse et non un document à interpréter.
Carte en HTML, jamais en PDF
Un PDF de carte ne se lit pas sur un téléphone, ne s'indexe pas et ne s'annonce pas au lecteur d'écran. La carte est une page HTML structurée, avec ses prix.
Palette du projet
Bordeaux
#6E2436
Identité, titres
Crème
#F6F0E4
Fond
Encre
#211E1C
Texte
Laiton
#B08A4A
Filets et détails
Système typographique
Titrage
Libre Baskerville
Texte courant
Source Sans 3
Une serif classique, dans l'esprit des enseignes de brasserie, pour les titres uniquement — le corps de texte reste une sans-serif d'écran.
Ce qu'il y a sous le capot.
- HTML/CSS
- JavaScript
- Google Analytics
- Vercel
Zéro dépendance
Pas de bibliothèque à mettre à jour, donc pas de faille à corriger dans six mois. Sur un site de restaurant qui ne sera pas maintenu tous les mois, c'est le choix le plus responsable.
Un seul fichier CSS, un seul fichier JS
Deux requêtes en plus du HTML. Le site est complet avant qu'un site en framework n'ait fini d'analyser son bundle.
Mesure d'audience avec consentement
Google Analytics n'est chargé qu'après acceptation explicite. Sans consentement, aucun script tiers n'est appelé — ce n'est pas une option de confort, c'est la règle CNIL.
Comment le site se rend trouvable.
« Brasserie Vaise », « restaurant Lyon 9 »
Le référencement local vise le quartier avant la ville : la concurrence y est dix fois plus faible et l'intention dix fois plus forte.
Horaires structurés
openingHoursSpecification en JSON-LD : c'est ce qui alimente le « Ouvert · Ferme à 22 h » affiché par Google, et cela évite l'appel téléphonique de vérification.
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.
97/100 sans effort d'arrière-plan
Un site simple est plus facile à rendre accessible. HTML sémantique, contrastes vérifiés, navigation clavier native : rien à corriger a posteriori.
Ce qui a été livré.
- Accueil
- La carte
- Réserver
- Accès et horaires
- Contact
Le déroulé du projet.
Cadrage
Trois besoins identifiés, tout le reste écarté.
Design
Registre brasserie, horaires dynamiques, carte en HTML.
Développement
HTML/CSS/JS sans dépendance, consentement avant mesure.
Ce qu'on nous demande souvent.
D'autres réalisations
Conformité RGPD & SaaSKonsent by Kayzen
Un éditeur de bandeau qui audite les bandeaux est juge et partie : l'indépendance était le produit.
Cybersécurité offensive & SaaSSentinel by Kayzen
Vendre un produit de sécurité à des ingénieurs : chaque affirmation devait être démontrable.
Data & Service météoMétéo Climat France
358 pages indexables, une carte animée sur 72 échéances — et pas une seule ligne de framework.
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.