Lumina Skincare — E-commerce Case Study
Lumina Skincare es una marca de cosmética natural fundada en Barcelona en 2021. Con productos formulados con ingredientes de origen botánico y un packaging minimalista cuidado, tenían todos los ingredientes para competir en el segmento premium — salvo una presencia visual digital a la altura.
Este proyecto es un ejemplo de cómo la fotografía 3D de producto, el vídeo y la tecnología web interactiva pueden trabajar de forma cohesionada para transformar no solo la estética de una marca, sino sus resultados de negocio.
Lumina Skincare llegó con un producto de calidad excepcional pero una presencia digital anémica: fotografías de producto genéricas sacadas con móvil, una web Shopify de plantilla sin personalidad y un Instagram con escaso engagement. El objetivo era claro: hacer que el producto luciera como lo que realmente es — cosmética de gama alta —, reflejarlo en todos los touchpoints digitales y traducirlo en ventas.
Este case study documenta el proceso completo de transformación en seis meses, desde la estrategia visual hasta la integración técnica de un configurador 3D en web.
Resultados a 6 meses
La hipótesis de trabajo: los consumidores de cosmética premium compran con los ojos antes que con el carrito. Si el producto se ve como lujo, se percibe como lujo y se compra como lujo. Cada píxel importa.
Proceso de trabajo
- 🔍Auditoría y estrategia visual
Análisis de competencia, benchmark de marcas de referencia (La Mer, Aesop, Byredo) y definición del lenguaje visual: paleta, tipografía, estilo de iluminación y tono fotográfico.
- 🧊Modelado 3D y materiales
Modelado de alta fidelidad de toda la gama (6 SKUs) en Blender. Materiales físicamente correctos: vidrio, metal cepillado, etiquetas con bump mapping. Setup de iluminación de estudio replicable para renders futuros.
- 🎬Renders estáticos y animaciones
Producción de más de 80 renders finales para web, catálogo y campañas. 4 vídeos de producto: hero, 360°, close-up textura y lifestyle CGI. Resolución 4K, entregados en múltiples formatos.
- 📸Integración Instagram
Diseño de feed coherente con alternancia de renders 3D, lifestyle y contenido UGC. Plantillas Figma para reels y stories. Estrategia de hashtags y calendario editorial para los primeros 3 meses.
- ⚙️Configurador 3D Three.js
Desarrollo de un configurador web interactivo que permite al usuario cambiar fragancia, tamaño y packaging en tiempo real. Modelo GLTF optimizado, orbit controls y exportación de imagen del producto personalizado.
- 🌐Rediseño web y optimización
Rediseño del theme Shopify con foco en las páginas de producto: galería mejorada, vídeo autoplay, sección de ingredientes ilustrada y upselling basado en el configurador 3D.
Renders de producto
Todos los renders fueron producidos íntegramente en Blender con el motor Cycles. El objetivo fue conseguir un look de estudio fotográfico de alta gama: iluminación suave y envolvente, reflexiones controladas y una paleta neutra que pusiera el protagonismo en el producto.
Vídeos de producto
Presencia en Instagram
Feed diseñado para alternar renders de producto, lifestyle y contenido educativo. Ratio de engagement medio: 8.4% (vs. 1.2% inicial).
Configurador 3D interactivo
El configurador fue uno de los mayores diferenciadores del proyecto. Implementado directamente en Shopify como sección custom, utiliza un modelo GLTF del producto con materiales intercambiables en tiempo real. El usuario puede rotar el producto a 360°, cambiar entre las 4 fragancias de la gama (con cambio de color de packaging), seleccionar tamaño y ver el precio actualizado antes de añadir al carrito.
El resultado fue un aumento del 339% en tiempo en página de producto y una mejora directa en la tasa de conversión.
Antes y después — Página de producto
Antes y después — Imagen de producto
El modelo GLTF: 2.4MB que valen una tienda
Optimizar el modelo 3D para web fue tan importante como hacerlo bello. El workflow partió de un modelo de alta fidelidad con 2.1M polígonos y lo redujo a 48k mediante retopología automática + manual, con bake de normales para preservar el detalle visual.
La compresión Draco llevó el archivo de 18MB a 2.4MB sin pérdida perceptible. El resultado carga en menos de 1.2 segundos en conexión media y funciona en dispositivos móviles sin framerate drops.
Lo que cambió para el cliente
Lumina pasó de ser percibida como una marca de cosmética local sin diferenciación a competir visualmente con marcas de lujo internacionales. El cambio en la percepción de valor permitió subir el precio medio del producto un 23% sin perder volumen de ventas.
El e-mail marketing con los nuevos renders dobló el CTR respecto a las campañas anteriores. Las campañas de Meta con los vídeos 3D alcanzaron un ROAS de 5.2× frente al 1.8× previo.
Lo que cambió técnicamente
La web pasó de un Core Web Vitals score de 42 a 91. El LCP bajó de 6.8s a 1.9s gracias a la correcta jerarquización de assets y el lazy loading selectivo. El configurador Three.js usa instanced rendering para mantener 60fps incluso en móviles de gama media.
Los renders se producen ahora en un pipeline semi-automatizado: cualquier cambio de packaging se traduce en nuevos renders en menos de 2 horas, sin necesidad de fotógrafo.
"Nunca imaginé que unas imágenes pudieran cambiar tanto la percepción de nuestro producto. Desde el primer mes con los nuevos renders, las conversiones se dispararon. Es como si el cliente ya hubiera comprado antes de llegar al botón de compra."
Pipeline de producción replicable. Uno de los entregables menos visibles pero más valiosos del proyecto fue el setup de Blender documentado y parametrizado. Cualquier nuevo SKU puede renderizarse en el mismo look en menos de dos horas, sin necesidad de volver a configurar materiales ni iluminación desde cero.
Assets para todos los formatos. Cada render se produce en múltiples variantes: 4K para impresión, 2K para web, crops cuadrados para Instagram y versiones con transparencia para montajes de campaña. Un único modelo 3D alimenta todos los canales.
Independencia futura. El cliente recibió formación básica en el uso del pipeline y puede encargar renders puntuales de nuevas variedades o ediciones especiales sin necesidad de contratar fotografía de producto en cada lanzamiento.
