Brasserie Georges
Una brasserie de 1836: la web tenía que estar a la altura del decorado, no taparlo.
- Año
- 2026
- Diseño
- concepto — 3 semanas
- Stack
- Next.js · React · TypeScript · Tailwind · Vercel
- Dirección de arte
- Diseño
- Desarrollo
- SEO
- Redacción
Maqueta de propuesta publicada por Kayzen Web en una dirección de demostración; el establecimiento no ha validado el proyecto y el sitio no es suyo.
Advertencia. Esta maqueta se realizó por iniciativa de Kayzen Web y se presentó al establecimiento en cuestión. No ha sido validada por él, no está publicada con su nombre y no le compromete en modo alguno. No la presentamos como una referencia de cliente.
- año de apertura
- 1836
- años en 2026
- 190
- imágenes para los motivos decorativosSolo SVG
- 0
Lo que había que resolver.
El contexto
La Brasserie Georges es un monumento lionés de Perrache, abierto en 1836, y la mayor brasserie de Francia. Su sala art déco forma parte del imaginario de la ciudad tanto como de las guías.
La limitación
Un lugar de esta talla no se vende: se pone en escena. La dificultad es hacer justicia a una sala excepcional en la pantalla de seis pulgadas de un teléfono, atendiendo a la vez las necesidades prosaicas: reservar para cuatro un sábado por la noche, organizar un banquete, consultar los horarios.
La respuesta
Convertir la decoración en la estructura del sitio. Los frescos y la forja dan la paleta, el ritmo y los motivos de separación. Cada sección es una sala; la navegación, un paseo. Bajo esa puesta en escena, las funciones siguen en primer plano: reservar, privatizar, llegar.
Cada decisión de diseño, y su porqué.
La paleta sale del lugar
Verde vagón, latón, rojo granate y crema: los colores se toman de los frescos y de la forja de la sala. Ninguno se ha inventado.
Motivos art déco como separadores
Los filetes de separación retoman los motivos geométricos de la decoración, en SVG ligero. Marcan el ritmo sin una sola imagen adicional.
El dossier de los 190 años
Una sección de aniversario propia, tratada como un dossier de prensa: fechas, cifras, archivos. Es un contenido que se comparte y se cita.
La privatización, tratada como un producto
Aforo por sala, configuraciones, fórmulas. Los banquetes son una parte importante de la actividad de una brasserie de este tamaño; merecían algo más que un párrafo.
Paleta del proyecto
Verde vagón
#1F3B33
Fondo, maderas
Latón
#C39A4E
Filetes, motivos
Granate
#7A2233
Acentos
Crema
#F4EDDF
Texto, superficies claras
Sistema tipográfico
Titulares
Poiret One / Cormorant
Texto de lectura
Inter 400
Una display geométrica art déco para los títulos, equilibrada con una sans-serif contemporánea en todo el cuerpo de texto; de lo contrario, la página se vuelve ilegible.
Lo que hay bajo el capó.
- Next.js
- React
- TypeScript
- Tailwind
- Vercel
Renderizado estático e imágenes progresivas
Un sitio de puesta en escena es pesado por naturaleza. Cada foto de la sala se sirve en varios anchos y en formatos modernos, con carga progresiva a medida que se desplaza la página.
Motivos en SVG, nunca en imagen
Los separadores art déco pesan unos cientos de bytes y se mantienen nítidos en cualquier resolución.
Cómo se hace encontrar la web.
Búsquedas patrimoniales y transaccionales
«Brasserie Georges Lyon», «plus grande brasserie de France» (la mayor brasserie de Francia), «restaurant Perrache» por un lado; «réserver brasserie Lyon» (reservar brasserie en Lyon), «banquet Lyon» por otro. Dos intenciones, dos familias de páginas.
Marcado Restaurant y Event
La brasserie lleva un nodo Restaurant completo; los 190 años, un nodo Event con fecha. Los eventos con fecha aparecen en superficies de resultados específicas.
Lo que se entregó.
- Inicio — la sala
- La carta
- Reservar
- Privatizar — aforos y fórmulas
- 190 años — el dossier
- Historia desde 1836
- Cómo llegar
El desarrollo del proyecto.
Estudio del lugar
Registro de colores y motivos, archivos, cifras.
Dirección de arte
Paleta tomada del lugar, motivos vectorizados, ritmo de las secciones.
Diseño
Paseo por salas, funciones en primer plano.
Desarrollo
Estático, imágenes progresivas, motivos SVG.
Lo que nos preguntan a menudo.
Otros proyectos
Cumplimiento del RGPD y SaaSKonsent by Kayzen
Un proveedor de banners que audita banners es juez y parte: la independencia era el producto.
Ciberseguridad ofensiva y SaaSSentinel by Kayzen
Vender un producto de seguridad a ingenieros: cada afirmación tenía que poder demostrarse.
Datos y servicio meteorológicoMétéo Climat France
358 páginas indexables, un mapa animado sobre 72 horizontes de previsión y ni una sola línea de framework.
El mismo nivel de exigencia, para su web.
Auditoría gratuita de su web actual, presupuesto en 24 horas y un razonamiento por escrito, como el que acaba de leer. Pago en tres plazos sin intereses; ayudas locales verificadas antes de la firma.