Les Halles de Lyon Paul Bocuse
Sesenta comerciantes, un solo lugar: la web tenía que ser tanto un directorio como un escaparate.
- Año
- 2026
- Diseño
- 5 semanas
- Stack
- Next.js · React · Tailwind · Vercel
- Arquitectura de la información
- Diseño
- Desarrollo
- SEO
Versión de demostración publicada por Kayzen Web en una dirección de Vercel; el dominio definitivo pertenece al cliente.
- casas en el directorio
- 60
- accesibilidad Lighthouse
- 97/100
- rendimiento LighthousePor debajo de nuestro objetivo de 90: un directorio de sesenta casas con fotos es pesado por naturaleza; reducir ese peso (carga diferida, formatos más compactos) es la obra prioritaria de la próxima iteración.
- 76/100
Lo que había que resolver.
El contexto
Les Halles de Lyon Paul Bocuse reúnen unas sesenta casas (carniceros, queseros, marisqueros, pasteleros), varias de ellas con el título de Meilleur Ouvrier de France (MOF, la máxima distinción francesa para artesanos). La revista Food & Wine lo clasificó como el 3.er mejor mercado del mundo.
La limitación
El sitio de un lugar colectivo vive una tensión: si solo habla del lugar, no ayuda a nadie a encontrar un comerciante concreto; si solo es un directorio, pierde todo lo que da ganas de ir. Había que servir al visitante que descubre y al que busca «el quesero de Les Halles».
La respuesta
Dos capas superpuestas. Una capa narrativa (historia, fotografía, atmósfera) para despertar el deseo. Una capa de directorio (60 fichas, filtrables por oficio, con ubicación y horarios) para ser útil. La primera atrae; la segunda retiene.
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é.
Una ficha por casa
Oficio, especialidades, ubicación dentro del mercado, horarios. Es una información que casi siempre falta y por la que los visitantes dan vueltas por los pasillos.
Filtro por oficio
Carnicero, quesero, marisquero, frutero, vinatero, charcutero-catering. El visitante no busca un nombre sino una necesidad; el filtro sigue la forma en que se piensa un mercado.
Fotografía a sangre, pero medida
El patrimonio se muestra. Las imágenes son amplias y cuidadas, pero se cargan progresivamente: la galería no penaliza la ficha del quesero que se buscaba.
Paleta del proyecto
Rojo mercado
#9B2C2C
Identidad
Blanco azulejo
#FAFAF8
Fondo
Pizarra
#2B2E33
Texto
Latón
#B99247
Filetes y medallas MOF
Sistema tipográfico
Titulares
Playfair Display
Texto de lectura
Inter 400
El registro patrimonial pide una serif; el directorio, una sans-serif densa. Ambas conviven por zonas, nunca en un mismo bloque.
Lo que hay bajo el capó.
- Next.js
- React
- Tailwind
- Vercel
Directorio en datos estructurados
Las 60 casas viven en un conjunto de datos tipado, fuente única de la lista, los filtros, el plano y el marcado. Un cambio de horario se hace en un solo lugar.
Rendimiento de 76: una decisión asumida
La puntuación está por debajo de nuestros estándares, y la documentamos en lugar de callarla: la galería patrimonial pesa. Es la primera obra de optimización identificada: paso a AVIF y división más fina de la galería.
Cómo se hace encontrar la web.
Una página por oficio
«Fromager Halles Paul Bocuse» (quesero), «écailler Lyon» (marisquero): cada oficio tiene su página de agrupación, que capta una búsqueda a la que la página de inicio no puede aspirar.
Marcado del lugar y de los comercios
El lugar lleva un nodo Place y cada casa un nodo LocalBusiness vinculado. La jerarquía es explícita para los buscadores y para los asistentes.
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.
Filtros y resultados anunciados
El cambio de filtro actualiza un contador de resultados en una región live. Sin ello, un usuario ciego no sabe que la lista ha cambiado.
Lo que se entregó.
- Inicio — el lugar
- Las 60 casas — directorio filtrable
- Páginas por oficio
- Historia y patrimonio
- Cómo llegar, horarios, plano
El desarrollo del proyecto.
Inventario
Las 60 casas, oficios, ubicaciones, horarios.
Arquitectura
Capa narrativa y capa de directorio, filtros por oficio.
Diseño
Registro patrimonial, galería, fichas.
SEO
Páginas por oficio, marcado Place y LocalBusiness.
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.