LEONS Footwear Sitio para cliente
Catálogo mayorista para una fábrica de calzado
Un catálogo editorial para una fábrica colombiana que vende a cadenas y distribuidores — con un pipeline en Python que convierte fotos crudas de producto en un catálogo uniforme, estilo estudio.
- Next.js con App Router y un catálogo estático tipado: las páginas se prerenderizan y no hay base de datos que mantener.
- Un pipeline con rembg y Pillow quita el fondo, corrige color y contraste, compone cada zapato sobre la misma tarjeta y regenera el archivo del catálogo.
- Los filtros por género y línea viven en la URL, y cada producto termina en una consulta por WhatsApp o correo.
El encargo
Calzado Leons fabrica calzado outdoor, casual y deportivo en Bucaramanga hace más de veinte años y vende al por mayor a cadenas, distribuidores y tiendas de todo el país. El sitio tenía que hacer que la colección se viera tan bien como el producto y llevar a cada comprador a una conversación.
Lo difícil no eran las páginas, eran las fotos: imágenes de producto tomadas en condiciones distintas tenían que verse como un solo catálogo.
Lo que construí
- Inicio con piezas destacadas, colecciones por género y ocho líneas de producto
- Catálogo con filtros por género y línea, reflejados en URLs compartibles
- Páginas de producto con galería, datos de referencia y navegación anterior/siguiente
- Sección mayorista y consulta por WhatsApp o correo en cada producto
- Un pipeline de imágenes que regenera el catálogo tipado a partir de las fotos procesadas
Por dentro
El catálogo es un archivo, no una base de datos
Los productos viven en un módulo TypeScript tipado y cada página se genera en el build. Nada que parchar, nada que mantener encendido.
Un pipeline en lugar de un estudio fotográfico
rembg quita el fondo; Pillow ajusta contraste y color y compone el resultado sobre una tarjeta beige uniforme; el script escribe el archivo de catálogo que importa el sitio.
Un sistema de marca pequeño
Cormorant Garamond y Poppins con next/font, y un tema cálido de crema y cuero definido una sola vez en Tailwind CSS v4.
Galería
Dónde está hoy
En línea en calzadoleons.com. Cada push a main se despliega solo y cada pull request tiene su vista previa.