Web editorial premium para una tenería con 135 años de oficio
Curtidos Badia moderniza su marca —ahora BADIA, "Leather Engineering since 1889"— y su presencia digital. Estamos reconstruyendo su web en WordPress y Elementor con una dirección de arte de lujo, movimiento sutil y una arquitectura de más de veinte páginas 100% editable.
Una tenería histórica que da el salto a marca de lujo
Curtidos Badia es una tenería de Igualada fundada en 1889, cuatro generaciones curtiendo piel vacuna premium para moda y lujo. Un negocio industrial con un oficio profundísimo detrás, que estaba dando un paso estratégico: un rebranding completo hacia la marca BADIA — "Leather Engineering · Since 1889".
El nuevo posicionamiento pedía una web a la altura: no una web industrial al uso, sino una pieza editorial de lujo que hablara el idioma de las maisons a las que sirve, con el rigor técnico y la sostenibilidad como argumentos.
El proyecto llegó a través de la agencia Metacom y se desarrolla sobre un entorno de staging, con una arquitectura amplia —más de veinte páginas: curtidos, colores, proceso, sostenibilidad, empresa— que había que construir con una coherencia milimétrica.
Curtir piel desde 1889 es ingeniería con paciencia. La web tenía que transmitir ese equilibrio entre oficio y precisión, no parecer un catálogo industrial.
Traducir 135 años de oficio a lenguaje de lujo
El reto era doble: reflejar un rebranding exigente y sostener una arquitectura de contenido muy amplia sin perder coherencia ni caer en la estética industrial genérica.
Dirección de arte exigente: una marca de lujo con paleta muy acotada (granate, rojo, blanco, negro) y tipografías concretas (Montserrat + Times), sin margen para el ruido visual.
Arquitectura amplia: más de veinte páginas (curtidos, 86 colores, proceso en cinco fases, sostenibilidad, empresa) que debían sentirse como un mismo sistema.
Editable de verdad: el cliente y la agencia querían todo en widgets nativos de Elementor, sin bloques de código, para poder mantenerlo.
Coherencia con la industria del lujo: referencias como los Métiers d'Art, evitando los clichés de cuero, vintage y costuras.
Un sistema editorial de lujo, sección a sección
La respuesta fue construir un sistema de diseño coherente y reproducirlo página a página con widgets nativos de Elementor: hero de granate profundo, titulares editoriales en Times, cuerpo en Montserrat, índices numerados, hairlines finas y foto de cuero a sangre.
Sobre ese sistema, añadimos un movimiento sutil inspirado en las mejores webs del sector, para dar sensación de marca cuidada sin sacrificar velocidad.
Dirección de arte
Paleta acotada granate/rojo/blanco/negro y tipografías Montserrat + Times, aplicadas con disciplina en todo el sitio.
Elementor nativo
Cada página en contenedores flex + widgets nativos, cero bloques de código, con el estilo en los ajustes para ser portable.
Movimiento sutil
Scroll suave y reveals medidos (receta tipo Mastrotto: Lenis + IntersectionObserver), sin librerías pesadas ni efectos gratuitos.
Foto a sangre
Macro de cuero, naves de Igualada y carta de colores como piezas editoriales de página completa.
Sostenibilidad real
Certificaciones (LWG, ZDHC) y trazabilidad tratadas como argumento serio, no como "green-washing" visual.
Arquitectura amplia
Más de veinte páginas (curtidos, colores, proceso, empresa) con una jerarquía y un ritmo compartidos.
Así quedó Curtidos Badia
Elegancia mediterránea, no barroca
La dirección de arte busca el premium sin ostentación: contraste alto de granate, rojo, blanco y negro; titulares editoriales grandes en Times; cuerpo en Montserrat; y gestos de firma como los números fantasma y las hairlines que dan ritmo a la lectura.
El movimiento se midió sobre referencias reales del sector para replicar su cadencia —reveals suaves al hacer scroll— sin copiar su estética.
Sistema de marca
Granate #4A1420, rojo #E4002B, blanco #FBFAF8 y negro; Montserrat para todo y Times para los titulares editoriales.
Retícula editorial
Contenido boxed con foto a sangre, índices numerados 01–05 y hairlines finas como gesto recurrente.
Movimiento medido
Scroll suave con Lenis y reveals con IntersectionObserver, con tiempos calibrados; la web se ve entera aunque el JS no arranque.
Foto de producto
Macro de flor y carnaza, pieles plegadas y naves industriales, seleccionadas y recortadas con criterio editorial.
Responsive
Cada página verificada a 1440 y 390 px: sin desbordamientos, con el ritmo editorial mantenido en móvil.
Nativo, portable y sin ataduras al tema
Todo se construye con contenedores flex y widgets nativos de Elementor, con el estilo definido en los ajustes de cada widget (colores y fuentes explícitos) para que sea portable e inmune a cambios del kit global. Solo lo irreductiblemente gráfico —el mapa SVG, la rejilla de muestras de color, el logotipo— queda en mini-bloques autocontenidos.
El movimiento se sirve como código propio, con Lenis incrustado, aplicado automáticamente sobre los widgets para no tener que tocarlos uno a uno.
WordPress + hello-elementor + Elementor, con las páginas en contenedores flex y widgets nativos.
Estilo portable: colores y tipografías fijados por widget, sin depender del kit global ni de CSS de tema.
Movimiento propio con Lenis + IntersectionObserver, con regla de oro: nada se oculta si el JS no ha arrancado.
Fondos de foto robustos: uso de e-no-lazyload y background por contenedor para evitar el lazy-load que dejaba bandas en blanco.
WooCommerce para las fichas de curtidos (Silk-Elba, Mozart), integradas con el sistema editorial.
Rendimiento y responsive verificados página a página con capturas reales a distintas resoluciones.
Autoridad de un oficio de 135 años
Una marca industrial de este nivel posiciona por su categoría y su historia. La arquitectura de contenido —proceso de curtido, tipos de piel, colores, sostenibilidad— es en sí misma una red de páginas con intención de búsqueda propia y una enorme autoridad temática.
Preparamos ese contenido para que explique con precisión qué es una tenería, cómo se curte la piel y qué certificaciones avalan su sostenibilidad, de forma que también los motores generativos puedan citarlo.
Arquitectura temática: curtidos, colores, proceso en cinco fases y sostenibilidad, cada bloque con su intención de búsqueda.
SEO on-page con titulares y estructura editorial orientados a la categoría del cuero premium.
Enlazado interno entre proceso, producto, colores y sostenibilidad para distribuir autoridad.
Datos estructurados de organización y producto para las fichas de curtidos.
Optimización GEO/EEAT: contenido técnico y verificable sobre el oficio y las certificaciones, citable por Google AI Overviews, ChatGPT, Gemini, Claude y Perplexity.
Una marca de 1889 con presencia de 2026
El nuevo sitio de BADIA traslada 135 años de oficio a un lenguaje digital de lujo: dirección de arte impecable, movimiento sutil y una arquitectura amplia que sostiene la autoridad temática de la marca.
El proyecto está en desarrollo activo sobre staging, con las páginas principales ya reconstruidas en Elementor nativo y editable, listo para acompañar el relanzamiento de la marca.
La web en todos los dispositivos
El stack de este proyecto
Todo sobre este proyecto
¿Cómo estamos haciendo la web de Curtidos Badia?
En WordPress con hello-elementor y Elementor, construyendo cada página con contenedores flex y widgets nativos (cero bloques de código), con el estilo fijado por widget para que sea portable. Añadimos movimiento sutil con Lenis e IntersectionObserver y usamos WooCommerce para las fichas de curtidos.
¿Qué tecnologías utilizamos?
WordPress, hello-elementor, Elementor, WooCommerce para las fichas de producto, Lenis para el scroll suave y datos estructurados Schema.org, con una dirección de arte de paleta acotada y tipografías Montserrat + Times.
¿Qué problema resolvimos?
Traducir un rebranding de lujo (la nueva marca BADIA) y 135 años de oficio a una web editorial coherente, con una arquitectura de más de veinte páginas construida como un mismo sistema y totalmente editable.
¿Por qué widgets nativos y no bloques de código?
Porque el cliente y la agencia necesitan poder mantener y ampliar el sitio. Construir en widgets nativos, con el estilo en los ajustes de cada widget, hace la web editable a clic y portable, sin depender de CSS de tema.
¿La web incluye tienda?
Las fichas de curtidos (como Silk-Elba y Mozart) se apoyan en WooCommerce e integran su diseño en el sistema editorial del sitio, enlazando con las páginas de colores y proceso.
Curtidos Badia
Ya conoces el trabajo que hay detrás. Ahora explora el proyecto terminado en producción.
