Panadería y pastelería

Maison Victoire

Un puesto en Les Halles Paul Bocuse: la web tenía que hablar a la vez al lionés y al turista.

Año
2026
Diseño
3 semanas
Stack
Next.js · React · Tailwind · Vercel
  • Diseño
  • Desarrollo
  • Bilingüe
  • 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://maison-victoire.vercel.app/
Página de inicio de la web de Maison Victoire — Panadería y pastelería, realizada por Kayzen Web
idiomas, dos arborescencias reales
2
accesibilidad Lighthouse
97/100
SEO LighthouseUna de nuestras dos puntuaciones SEO más bajas: el sitio bilingüe aún tiene puntos de auditoría abiertos (enlaces y metadescripciones); figuran en el plan de corrección y la puntuación se volverá a publicar tras la próxima intervención.
92/100
El punto de partida

Lo que había que resolver.

El contexto

Maison Victoire está en Les Halles de Lyon Paul Bocuse desde 1990. Su brioche aux pralines (brioche con praliné rosa) es una especialidad reconocida de la casa.

La limitación

Dos públicos sin nada en común. El lionés conoce el lugar y viene a hacer un encargo; el visitante descubre Les Halles, busca qué llevarse y no siempre lee francés. Una página única dirigida a ambos no habría convencido a ninguno.

La respuesta

Un sitio bilingüe, con un producto estrella tratado como puerta de entrada. La brioche aux pralines tiene su propia página: su historia, su elaboración, su conservación y el botón para reservar y recoger en tienda. Es la página que capta al turista y tranquiliza al habitual.

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
85
Rendimiento: 85 de 100
97
Accesibilidad: 97 de 100
100
Buenas prácticas: 100 de 100
92
Posicionamiento en buscadores: 92 de 100
Diseño y dirección de arte

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

  1. El color del producto

    Rosa praliné, crema y marrón corteza. La paleta se extrae de los propios productos en lugar de imponerse desde un manual de marca: en un oficio de alimentación, es la mercancía la que hace la identidad.

  2. El producto estrella como puerta de entrada

    Una página dedicada a la brioche aux pralines, con su relato y su conservación. Responde a las búsquedas de especialidades lionesas, a las que la página de inicio no podría aspirar.

  3. Cambio de idioma visible

    El selector de idioma está en la cabecera, no en el pie de página. Un visitante extranjero que no lo encuentra en tres segundos abandona la página.

Paleta del proyecto

  • Rosa praliné

    #C4405C

    Identidad, acentos

  • Crema

    #FBF4E9

    Fondo

  • Marrón corteza

    #6B4327

    Títulos

  • Oro suave

    #D9A441

    Detalles

Sistema tipográfico

Titulares

Cormorant Garamond

Texto de lectura

Karla 400

Una serif elegante para el rótulo, una grotesca humanista para la lectura: lo artesanal sin el aire anticuado.

Ingeniería

Lo que hay bajo el capó.

  • Next.js
  • React
  • Tailwind
  • Vercel
  1. Bilingüe por URL, no por cookie

    /fr/ y /en/ son dos arborescencias reales, con etiquetas hreflang recíprocas. Un cambio de idioma en el lado del cliente habría dejado una sola URL indexada y, por tanto, una sola versión posicionada.

  2. Reserva para recoger

    Formulario de pedido con franja de recogida, sin pago en línea. Una panadería no necesita un embudo de pago para un pedido que se recoge en tienda: solo añadiría comisiones y abandonos.

Posicionamiento SEO

Cómo se hace encontrar la web.

  1. Apoyarse en Les Halles

    «Boulangerie Halles Paul Bocuse», «brioche aux pralines Lyon», «spécialité lyonnaise à rapporter» (especialidad lionesa para llevar). Se posiciona el lugar, que es una marca más fuerte que el propio comercio.

  2. hreflang completo

    Cada página declara su versión alternativa y su propia canónica. Es el punto en el que fallan la mayoría de los sitios bilingües, y donde Google acaba indexando un solo idioma.

  3. Marcado Bakery

    Tipo Bakery con horarios, dirección y rango de precios: Google distingue este tipo y lo muestra de forma diferente en los resultados locales.

Arquitectura del sitio

Lo que se entregó.

  • Inicio (FR / EN)
  • La brioche aux pralines
  • Nuestros productos
  • Reservar para recoger
  • La casa desde 1990
  • Cómo llegar a Les Halles
Método

El desarrollo del proyecto.

  1. Posicionamiento

    Dos públicos identificados, un producto estrella elegido como puerta de entrada.

  2. Bilingüe

    Arborescencias /fr/ y /en/, hreflang recíprocos.

  3. Diseño

    Paleta extraída de los productos, página del producto estrella.

  4. Reserva

    Franjas de recogida, sin pago en línea.

Preguntas

Lo que nos preguntan a menudo.

En Les Halles Paul Bocuse, sí: una parte significativa de los visitantes es extranjera y busca una especialidad para llevarse. En otros puntos de Lyon, la respuesta probablemente sería no: la cuestión se decide según la procedencia real de los clientes, no por principio.

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