Swarovski: tiendas de Milán y NY Soho

Proyecto 26 de 82

Áreas y tecnologías

3d
visualización
three.js
retail
materiales

septiembre de 2021 — noviembre de 2021

Cliente: Swarovski
Equipo: J.Franc Studio, con Franc
Mi parte: Desarrollo web, lógica de navegación, catálogo y backend
Tecnologías: Three.js, Vue, Node.js, Express y MySQL

Experiencias web para Swarovski: presentación de colecciones y recorrido por una tienda en 3D.

En 2021 trabajé con Franc en las experiencias web de Swarovski Retailer Day y Wonder Lab. La idea era presentar las colecciones dentro de un espacio 3D que se pudiera recorrer desde el navegador.

Render del interior de la tienda de Milán

De la colección al espacio

La primera versión presentaba los productos en una composición 3D. Wonder Lab amplió el recorrido con una tienda virtual, puntos de navegación y vitrinas que se podían explorar. Las imágenes de Milán y Nueva York muestran el trabajo visual que acompañaba al proyecto.

Mi parte: programación

Desarrollé la experiencia con Three.js y Vue y el backend con Node.js, Express y MySQL. El sistema conectaba el acceso de los usuarios, los datos de producto y su presentación en la escena. La segunda versión también incorporaba herramientas para administrar contenidos y colocar las colecciones en las vitrinas.

Preparar los productos para 3D

Las fotografías de las piezas se agrupaban en imágenes de textura para mostrarlas sobre los expositores. Ese proceso conectaba la información del catálogo con la posición de los productos en el modelo y evitaba preparar cada vitrina a mano.