Grand Café du Commerce
Sin framework ni CMS: una brasserie de barrio no necesita una fábrica.
- Año
- 2026
- Diseño
- 2 semanas
- Stack
- HTML/CSS · JavaScript · Google Analytics · Vercel
- Diseño
- Desarrollo
- SEO local
- Medición de audiencia
Versión de demostración publicada por Kayzen Web en una dirección de Vercel; el dominio definitivo pertenece al cliente.
- rendimiento Lighthouse
- 93/100
- dependencias externas
- 0
- peticiones además del HTML
- 2
- SEO Lighthouse
- 100/100
Lo que había que resolver.
El contexto
Le Grand Café du Commerce es una brasserie de Vaise, en el distrito 9 de Lyon. Clientela de barrio, habituales del mediodía, mesas por la noche.
La limitación
El sitio anterior era una página única, no adaptable, sin horarios actualizados. La necesidad real cabía en tres líneas: la carta, los horarios y una forma de reservar. Todo lo demás habría sido gasto sin retorno.
La respuesta
HTML, CSS y un poco de JavaScript. Ningún framework, ningún CMS, ninguna base de datos. El resultado se carga al instante, no requiere ninguna actualización de seguridad y cuesta cero euros de alojamiento. La carta se modifica en un archivo, en texto claro.
Las puntuaciones registradas en la entrega.
Puntuaciones Lighthouse del sitio en producción. Las publicamos tal cual: cuando una es baja, su causa y su plan de corrección se explican más abajo en lugar de silenciarse.
Cada decisión de diseño, y su porqué.
Registro de brasserie, no gastronómico
Tipografía con carácter, paleta burdeos y crema, fotos de platos sencillos. Una identidad demasiado chic habría ahuyentado a la clientela del mediodía, que es la primera fuente de facturación.
Los horarios en la primera pantalla
«Abierto hasta las 22:00», calculado en directo, en lugar de una tabla de siete filas. Es la pregunta más frecuente, y merecía una respuesta, no un documento que interpretar.
La carta en HTML, nunca en PDF
Una carta en PDF no se lee en un teléfono, no se indexa y no la anuncia el lector de pantalla. La carta es una página HTML estructurada, con sus precios.
Paleta del proyecto
Burdeos
#6E2436
Identidad, títulos
Crema
#F6F0E4
Fondo
Tinta
#211E1C
Texto
Latón
#B08A4A
Filetes y detalles
Sistema tipográfico
Titulares
Libre Baskerville
Texto de lectura
Source Sans 3
Una serif clásica, con el espíritu de los rótulos de brasserie, solo para los títulos; el cuerpo de texto sigue siendo una sans-serif de pantalla.
Lo que hay bajo el capó.
- HTML/CSS
- JavaScript
- Google Analytics
- Vercel
Cero dependencias
Ninguna librería que actualizar y, por tanto, ninguna vulnerabilidad que corregir dentro de seis meses. En la web de un restaurante que no se mantendrá cada mes, es la elección más responsable.
Un solo archivo CSS, un solo archivo JS
Dos peticiones además del HTML. El sitio está completo antes de que un sitio hecho con framework haya terminado de analizar su bundle.
Medición de audiencia con consentimiento
Google Analytics solo se carga tras una aceptación explícita. Sin consentimiento no se llama a ningún script de terceros: no es una opción de comodidad, es la norma de la CNIL (la autoridad francesa de protección de datos).
Cómo se hace encontrar la web.
«Brasserie Vaise», «restaurant Lyon 9»
El posicionamiento local apunta al barrio antes que a la ciudad: allí la competencia es diez veces menor y la intención, diez veces mayor.
Horarios estructurados
openingHoursSpecification en JSON-LD: es lo que alimenta el «Abierto · Cierra a las 22:00» que muestra Google, y evita la llamada telefónica de comprobación.
Utilizable por todo el mundo.
Desde junio de 2025, la Ley Europea de Accesibilidad (European Accessibility Act) exige la accesibilidad digital a buena parte de los servicios en línea. La abordamos desde el diseño, no como un parche posterior.
97/100 sin esfuerzo a posteriori
Un sitio sencillo es más fácil de hacer accesible. HTML semántico, contrastes verificados, navegación nativa con teclado: nada que corregir después.
Lo que se entregó.
- Inicio
- La carta
- Reservar
- Cómo llegar y horarios
- Contacto
El desarrollo del proyecto.
Definición
Tres necesidades identificadas, todo lo demás descartado.
Diseño
Registro de brasserie, horarios dinámicos, carta en HTML.
Desarrollo
HTML/CSS/JS sin dependencias, consentimiento antes de medir.
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.