Caso · En producción
Productos en 3D dentro de una tienda online
Ocho productos de nutrición deportiva que se giran con el dedo, se abren y cambian de sabor en la ficha de una tienda real.
Qué problema resuelve
Un suplemento es difícil de vender por internet porque no se puede tocar, y una foto plana no cuenta lo que es tener el envase en la mano.
Cómo funciona
- 01
Tres formas de verlo en cada ficha
En 3D se gira arrastrando y se acerca para leer el dorso del envase. Giro 360° es un vídeo con fondo transparente. Ábrelo tiene una animación distinta por envase: la bolsa abre el cierre, el sobre se rasga, la caja levanta la tapa, el bote se desenrosca.
- 02
Una cadena, no ocho trabajos a mano
Un script toma el modelo base y, por cada producto, cambia el arte, los colores y el tamaño y genera el modelo 3D, los vídeos y cinco vistas de control. Los tres envases que no eran bolsas se modelaron desde cero.
- 03
Cambia de sabor
En la proteína, al elegir sabor, el envase 3D cambia de vainilla a chocolate.
- 04
Carga solo cuando se ve
El visor se carga cuando aparece en pantalla y, si falla o tarda más de quince segundos, se muestra el vídeo del giro en su lugar.
Con qué está hecho
- Blender
- Python
- WordPress
- WooCommerce
- model-viewer
Qué hicimos
- Los ingredientes del dorso se leyeron del envase oficial y se compararon con la web: tres fichas no coincidían. Se corrigieron las ocho, 54 cambios, con copia de seguridad antes y una segunda pasada sin nada más que cambiar.
- Se hizo primero un producto completo, se verificó en móvil y solo con el visto bueno se hizo el resto.
- Pendiente: probarlo en un iPhone físico (la transparencia en Safari solo se ha comprobado en ordenador) y medir de nuevo la velocidad en móvil con la galería.
¿Tienes un proyecto parecido?
Cuéntanos qué necesitas y te decimos cómo lo haríamos y si te sale a cuenta.
Hablemos