Hablemos

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

  1. 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.

  2. 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.

  3. 03

    Cambia de sabor

    En la proteína, al elegir sabor, el envase 3D cambia de vainilla a chocolate.

  4. 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

Más en el LAB