Le Galant
Vender un objeto que no se puede tocar: todo depende de la macrofotografía.
- Año
- 2026
- Diseño
- 3 semanas
- Stack
- Next.js · React · Tailwind · Vercel
- Dirección de arte
- Diseño
- Desarrollo
- SEO
- Redacción
Versión de demostración publicada por Kayzen Web en una dirección de Vercel; el dominio definitivo pertenece al cliente.
- rendimiento Lighthouse
- 96/100
- accesibilidad Lighthouse
- 100/100
- macros por modelo, siempre en los mismos puntos
- 3
Lo que había que resolver.
El contexto
Le Galant es una cuchillería artesanal: navajas y cuchillos de mesa fabricados en Thiers, con un showroom a orillas del Ródano, en Serrières.
La limitación
Un cuchillo se elige en la mano. En línea hay que compensar la ausencia de tacto: la materia del mango, el pulido de la hoja y la precisión del ensamblaje deben hacerse visibles. Es la única dificultad del proyecto, y es fotográfica antes que técnica.
La respuesta
La macrofotografía estructura el sitio. Cada modelo se muestra en primerísimo plano en tres puntos (la unión mango/hoja, el lomo, el recazo), acompañado de sus materiales nombrados y sus dimensiones. El relato de Thiers viene después, como garantía y no como argumento principal.
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é.
La macro como unidad básica
Tres primeros planos por modelo, siempre en los mismos puntos. La regularidad permite comparar modelos, algo que una galería heterogénea impide.
Materiales nombrados
Especie de la madera, tipo de acero, tipo de recazo. El cliente de cuchillería artesanal conoce ese vocabulario; negárselo equivale a dirigirse a otra persona.
El showroom como destino
El espacio de Serrières se pone en escena, con acceso y horarios. Parte de la clientela quiere ver antes de comprar; el sitio organiza esa visita en lugar de padecerla.
Paleta del proyecto
Acero
#5A6169
Estructura
Enebro
#7A5E3A
Calidez, materia
Blanco roto
#F6F3EE
Fondo de las macros
Tinta
#191B1D
Texto
Sistema tipográfico
Titulares
Cormorant Garamond 600
Texto de lectura
Inter 400
Una serif fina para el objeto artesanal, una sans-serif técnica para las características. El contraste entre ambos registros reproduce el del producto.
Lo que hay bajo el capó.
- Next.js
- React
- Tailwind
- Vercel
Imágenes pesadas, página ligera
Las macros son detalladas por naturaleza. Carga progresiva, formatos modernos, una sola imagen prioritaria: 96 en rendimiento pese a una página casi enteramente visual.
Catálogo en datos
Modelos, materiales, dimensiones y disponibilidad en un archivo tipado, fuente única de la ficha de producto y del marcado.
Cómo se hace encontrar la web.
Thiers como señal de origen
«Couteau artisanal Thiers» (cuchillo artesanal de Thiers), «coutellerie française pliant» (navaja de cuchillería francesa): el origen es el primer criterio de búsqueda en este mercado, antes que el modelo.
Marcado Product
Cada modelo lleva un nodo Product con material, dimensiones y disponibilidad. Es lo que permite los resultados enriquecidos.
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.
100/100 con descripciones útiles
Cada macro se describe con precisión: «unión de mango de enebro y hoja de acero XC75». Un texto alternativo descriptivo sirve tanto al posicionamiento como al lector de pantalla.
Lo que se entregó.
- Inicio
- Las navajas
- Los cuchillos de mesa
- El taller de Thiers
- El showroom de Serrières
- Contacto
El desarrollo del proyecto.
Dirección fotográfica
Protocolo macro: tres puntos por modelo, iluminación constante.
Contenido
Materiales, dimensiones, vocabulario de la cuchillería.
Diseño
Fichas homogéneas, showroom puesto en escena.
Desarrollo
Catálogo tipado, imágenes progresivas, marcado Product.
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.