Desarrollamos el Custom Theme en WordPress para el catálogo digital de Rocal, convirtiendo un diseño complejo de Figma en una plataforma sólida, escalable y de alta fidelidad.
Figma a Wordpress
Custom Post Type (CPT)
Desarrollo Frontend
Estructura CMS
Optimización SEO
Rocal
el proyecto
El Cliente
Rocal es una firma referente con más de 40 años de trayectoria en el diseño y la fabricación artesanal de chimeneas, estufas y hogares de alto rendimiento. Con presencia internacional, la marca destaca por fusionar la belleza y la sofisticación estética con la máxima innovación tecnológica y sostenibilidad en el sector del fuego.
El Reto
El proyecto consistía en trasladar una dirección de arte cerrada y muy pulida en Figma a un entorno web real. El verdadero desafío técnico no era solo conseguir un acabado pixel-perfect en el navegador, sino estructurar un catálogo digital complejo y extenso (sin pasarela de venta activa), utilizando un tema de WordPress desarrollado 100% a medida desde cero. La arquitectura del código debía ser tan limpia, modular y robusta que permitiera a la plataforma ser completamente sólida a largo plazo, garantizando su estabilidad y rendimiento óptimo incluso si la gestión técnica del día a día cambiaba de manos en el futuro.
La solución
El Enfoque
Asumimos el rol de ingenieros frontend especializados en la arquitectura de WordPress. Nos alejamos por completo de las plantillas comerciales y de los constructores visuales pesados que penalizan el rendimiento, optando por desarrollar un Custom Theme nativo y ligero que respetara matemáticamente las retículas, la limpieza visual y los espacios del diseño en Figma.
Desarrollo y Ejecución
Para la construcción del sitio, desarrollamos una infraestructura a medida centrada en la experiencia de usuario (UX) y la arquitectura del producto técnico. Modelamos los tipos de contenido personalizados (Custom Post Types) para estructurar de forma precisa las diferentes gamas de Rocal: desde sus icónicas chimeneas de diseño hasta estufas e inserts. Implementamos un sistema de catálogo intuitivo y fluido que priorizaba el impacto visual de cada pieza. Al programar el proyecto bajo estándares limpios de desarrollo, logramos entregar una plataforma optimizada, ágil y totalmente fiel a la dirección de arte original. (Nota: El diseño y optimización mostrados en este portfolio corresponden a nuestra entrega inicial; actualmente, Literal Studio no se encarga de la gestión ni del mantenimiento técnico del sitio).
