Boucherie de l'Avenue
Una carnicería artesanal tratada como una casa de lujo, porque lo es.
- Año
- 2026
- Diseño
- 3 semanas
- Stack
- React · Vite · Tailwind · Vercel
- Identidad visual
- Diseño
- Desarrollo
- SEO local
- identidad visual creada desde cero
- 1
- SEO Lighthouse
- 100/100
- rendimiento — obra abierta
- 69/100
Lo que había que resolver.
El contexto
Carnicería artesanal del distrito 9 de Lyon, que trabaja carnes de circuito corto y ofrece servicio de catering.
La limitación
El comercio de alimentación de barrio casi siempre está mal representado en internet: fotos con flash, tipografía por defecto, ninguna información sobre el origen de las carnes. El oficio no se veía por ninguna parte, cuando es lo que justifica la diferencia de precio con el supermercado.
La respuesta
Tratar al artesano como se trataría a una casa de lujo: identidad a medida, tipografía cuidada, fotografía dirigida, información completa sobre los orígenes. Lo que el cliente necesita justificar es un precio, y hay que darle con qué hacerlo.
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é.
Identidad visual creada para la ocasión
Monograma, paleta y sistema tipográfico diseñados específicamente y aplicados después a los soportes impresos de la tienda. El sitio no era más que una de las salidas de la identidad.
El origen, visible en cada producto
Raza, procedencia, ganadero cuando está identificado. Es el argumento que separa al artesano del lineal de autoservicio, y antes no aparecía por ninguna parte.
Fotografía dirigida
Luz natural, fondos neutros, nada de flash directo. En carnicería, una fotografía mal iluminada produce exactamente el efecto contrario al buscado.
Paleta del proyecto
Burdeos profundo
#5E1F2B
Identidad
Blanco mármol
#F8F6F3
Fondo
Tinta
#1F1C1B
Texto
Latón
#A98545
Filetes y monograma
Sistema tipográfico
Titulares
Cormorant Garamond 600
Texto de lectura
Jost 400
Una serif de alta costura para el rótulo, una geométrica sobria para la información de producto. El contraste entre ambas sostiene todo el posicionamiento.
Lo que hay bajo el capó.
- React
- Vite
- Tailwind
- Vercel
Una obra de rendimiento abierta
69 en rendimiento: la puntuación se debe a una galería de productos sin optimizar, heredada del contenido del cliente. El paso a AVIF y el dimensionado mediante srcset están cuantificados y planificados. Lo escribimos porque la puntuación es pública y comprobable.
Sitio estático
Ninguna base de datos; el catálogo de productos es un archivo de datos. El comerciante nos envía sus cambios de temporada y están en línea en menos de una hora.
Cómo se hace encontrar la web.
«Boucherie Lyon 9», «boucher artisanal Vaise»
Búsquedas de proximidad (carnicería en Lyon 9, carnicero artesano en Vaise), con muy poca competencia y con intención de compra inmediata: quien las escribe busca dónde comprar la carne hoy, no documentarse. Apuntar a «boucherie Lyon» habría enfrentado al artesano con los comercios de toda la ciudad por un tráfico que nunca se desplazará hasta el distrito 9.
Marcado ButcherShop
Schema.org dispone de un tipo específico. Usarlo en lugar de un LocalBusiness genérico mejora la forma en que Google categoriza el establecimiento.
Lo que se entregó.
- Inicio
- Nuestras carnes y sus orígenes
- Catering
- La casa
- Cómo llegar y horarios
El desarrollo del proyecto.
Identidad
Monograma, paleta, sistema tipográfico, aplicación impresa.
Contenido
Orígenes por producto, oferta de catering.
Diseño y desarrollo
Sitio estático, catálogo tipado.
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.