Swarovski: Milan and NY Soho stores

Project 26 of 82

Areas and technologies

3d
visualization
three.js
retail
materials

September 2021 — November 2021

Client: Swarovski
Team: J.Franc Studio, with Franc
My part: Web development, navigation logic, catalogue and backend
Technologies: Three.js, Vue, Node.js, Express and MySQL

Web experiences for Swarovski: collection presentations and a virtual 3D store tour.

In 2021 I worked with Franc on the Swarovski Retailer Day and Wonder Lab web experiences. The aim was to present collections inside a 3D space visitors could explore in their browser.

From collection to space

The first version presented products in a 3D composition. Wonder Lab extended the experience into a virtual store, with navigation points and display cases to explore. Images of Milan and New York show the visual work that accompanied the project.

My part: programming

I developed the experience with Three.js and Vue and the backend with Node.js, Express and MySQL. The system connected user access, product data and its presentation in the scene. The second version also included tools for managing content and placing collections in display cases.

Preparing products for 3D

Product photographs were grouped into texture images for use on the displays. This process linked catalogue data to product positions in the model, avoiding manual preparation of each display case.