Brasserie Georges
Une brasserie de 1836 : le site devait être à la hauteur du décor, pas le recouvrir.
- Année
- 2026
- Conception
- concept — 3 semaines
- Stack
- Next.js · React · TypeScript · Tailwind · Vercel
- Direction artistique
- Design
- Développement
- SEO
- Rédaction
Maquette de proposition mise en ligne par Kayzen Web sur une adresse de démonstration ; l'enseigne n'a pas validé le projet et le site n'est pas le sien.
Réserve. Cette maquette a été réalisée à l'initiative de Kayzen Web et présentée à l'enseigne concernée. Elle n'a pas été validée par elle, n'est pas mise en ligne sous son nom et n'engage en rien la maison. Nous ne la présentons pas comme une référence client.
- année d'ouverture
- 1836
- ans en 2026
- 190
- image pour les motifs décoratifsSVG uniquement
- 0
Ce qu'il fallait résoudre.
Le contexte
La Brasserie Georges est un monument lyonnais de Perrache, ouvert en 1836, et la plus grande brasserie de France. Sa salle Art Déco est classée dans l'imaginaire de la ville autant que dans les guides.
La contrainte
Un lieu de cette stature ne se vend pas : il se met en scène. La difficulté est de rendre justice à une salle exceptionnelle sur un écran de téléphone de six pouces, tout en servant les besoins prosaïques — réserver à quatre un samedi soir, organiser un banquet, connaître les horaires.
La réponse
Faire du décor la structure du site. Les fresques et la ferronnerie donnent la palette, le rythme et les motifs de séparation. Chaque section est une salle ; la navigation est une déambulation. Sous cette mise en scène, les fonctions restent au premier plan : réserver, privatiser, venir.
Chaque parti pris, et sa raison.
La palette vient du lieu
Vert wagon, laiton, rouge grenat et crème : les couleurs sont prélevées sur les fresques et la ferronnerie de la salle. Aucune n'a été inventée.
Motifs Art Déco en séparateurs
Les filets de séparation reprennent les motifs géométriques du décor, en SVG léger. Ils donnent le rythme sans une seule image supplémentaire.
Le dossier des 190 ans
Une section anniversaire dédiée, traitée comme un dossier de presse : dates, chiffres, archives. C'est un contenu qui se partage et qui se cite.
Privatisation traitée comme un produit
Capacités par salle, configurations, formules. Le banquet est une part majeure de l'activité d'une brasserie de cette taille ; il méritait autre chose qu'un paragraphe.
Palette du projet
Vert wagon
#1F3B33
Fond, boiseries
Laiton
#C39A4E
Filets, motifs
Grenat
#7A2233
Accents
Crème
#F4EDDF
Texte, surfaces claires
Système typographique
Titrage
Poiret One / Cormorant
Texte courant
Inter 400
Un display géométrique Art Déco pour les titres, contrebalancé par une sans-serif contemporaine sur tout le corps de texte — sinon la page devient illisible.
Ce qu'il y a sous le capot.
- Next.js
- React
- TypeScript
- Tailwind
- Vercel
Rendu statique et images progressives
Un site de mise en scène est lourd par nature. Chaque photo de salle est servie en plusieurs largeurs et en formats modernes, avec chargement progressif à mesure du défilement.
Motifs en SVG, jamais en image
Les séparateurs Art Déco pèsent quelques centaines d'octets et restent nets à toutes les résolutions.
Comment le site se rend trouvable.
Requêtes patrimoniales et transactionnelles
« Brasserie Georges Lyon », « plus grande brasserie de France », « restaurant Perrache » d'un côté ; « réserver brasserie Lyon », « banquet Lyon » de l'autre. Deux intentions, deux familles de pages.
Balisage Restaurant et Event
La brasserie porte un nœud Restaurant complet ; les 190 ans, un nœud Event daté. Les événements datés sont repris dans des surfaces de résultats spécifiques.
Ce qui a été livré.
- Accueil — la salle
- La carte
- Réserver
- Privatiser — capacités et formules
- 190 ans — le dossier
- Histoire depuis 1836
- Accès
Le déroulé du projet.
Étude du lieu
Relevé des couleurs et motifs, archives, chiffres.
Direction artistique
Palette prélevée, motifs vectorisés, rythme des sections.
Design
Déambulation par salles, fonctions au premier plan.
Développement
Statique, images progressives, motifs SVG.
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.