Restauración y bouchon lionés

Chez Mounier

Un bouchon desde 1985: la web debía parecer que llevaba allí el mismo tiempo.

Año
2026
Diseño
2 semanas
Stack
React · Vite · Tailwind · Vercel
  • Diseño
  • Desarrollo
  • SEO local
  • Redacción

Versión de demostración publicada por Kayzen Web en una dirección de Vercel; el dominio definitivo pertenece al cliente.

https://chez-mounier-liard.vercel.app/
Página de inicio de la web de Chez Mounier — Restauración y bouchon lionés, realizada por Kayzen Web
año de apertura
1985
generaciones
3
accesibilidad y SEO Lighthouse
100/100
El punto de partida

Lo que había que resolver.

El contexto

Chez Mounier es un bouchon (el restaurante tradicional lionés) familiar de la rue des Marronniers, en el distrito 2 de Lyon, abierto desde 1985 y llevado por tres generaciones. Cocina íntegramente casera: quenelles, tablier de sapeur, salade lyonnaise.

La limitación

El bouchon es un género codificado, y su clientela desconfía de lo nuevo. Un sitio demasiado moderno habría sonado falso y habría hecho dudar de la autenticidad de la cocina. Hacía falta un sitio actual en su técnica e intemporal en su aspecto.

La respuesta

La autenticidad se demuestra con el detalle: la carta indica plato por plato lo que es casero, la página «La casa» cuenta las tres generaciones con fechas, y la reserva sigue siendo telefónica porque así funciona este restaurante. No se impone un formulario a un local que coge el teléfono.

Medido, no declarado

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.

PageSpeed
84
Rendimiento: 84 de 100
100
Accesibilidad: 100 de 100
100
Buenas prácticas: 100 de 100
100
Posicionamiento en buscadores: 100 de 100
Diseño y dirección de arte

Cada decisión de diseño, y su porqué.

  1. Mantel de cuadros sin pastiche

    Rojo intenso, blanco roto, motivo discreto al fondo de las secciones. Los códigos del bouchon se citan, nunca se imitan literalmente: el pastiche se nota y perjudica.

  2. Lo casero, plato por plato

    Cada plato lleva la indicación cuando se elabora en el local. Es el argumento central del bouchon frente a los establecimientos que recalientan, y debía poder comprobarse línea a línea.

  3. El teléfono como acción principal

    Botón de llamada en primer lugar, permanente en el móvil. Añadir un módulo de reserva en línea habría creado un canal que la casa no atiende: el peor escenario para un cliente.

Paleta del proyecto

  • Rojo bouchon

    #8C2E2E

    Identidad

  • Blanco roto

    #F7F3EC

    Fondo

  • Tinta

    #231F1D

    Texto

  • Verde oliva

    #5E6440

    Secciones secundarias

Sistema tipográfico

Titulares

Bitter 700

Texto de lectura

Inter 400

Una slab serif cálida para los títulos, con la legibilidad de una pizarra de menú, y una sans-serif neutra para la carta.

Ingeniería

Lo que hay bajo el capó.

  • React
  • Vite
  • Tailwind
  • Vercel
  1. Sitio estático, alojamiento gratuito

    Ningún servidor de aplicaciones, ninguna base de datos. El coste anual de funcionamiento es el del nombre de dominio.

  2. Carta tipada

    Platos, precios e indicación «casero» en un archivo de datos. La actualización de temporada no exige tocar el HTML.

Posicionamiento SEO

Cómo se hace encontrar la web.

  1. «Bouchon lyonnais rue des Marronniers»

    La rue des Marronniers es un destino en sí misma. Posicionarse en la calle y no en la ciudad capta una intención de elección inmediata, en un radio de doscientos metros.

  2. Especialidades indexadas

    «Quenelle maison Lyon», «tablier de sapeur»: cada especialidad se nombra en un contenido estructurado. Son búsquedas de turistas que preparan su comida.

Accesibilidad

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.

  1. 100/100 pese a un fondo con textura

    El motivo de fondo está lo bastante atenuado para que todos los textos mantengan 4,5:1. Un motivo decorativo nunca debe costar un punto de contraste.

Arquitectura del sitio

Lo que se entregó.

  • Inicio
  • La carta
  • La casa desde 1985
  • Cómo llegar y horarios
  • Reservar (teléfono)
Método

El desarrollo del proyecto.

  1. Tono

    Códigos del bouchon citados sin pastiche, vocabulario de la casa.

  2. Contenido

    Carta con indicación de lo casero, relato de las tres generaciones.

  3. Desarrollo

    Sitio estático, carta tipada, llamada como acción principal.

Preguntas

Lo que nos preguntan a menudo.

Porque la casa no la habría atendido. Un canal de reservas sin vigilancia produce clientes que se presentan sin mesa: es peor que no tener reservas en absoluto. El día que cambie la organización, el módulo se añade en una jornada.

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.

Compartir