Fashion Market

Image of a phone in a 3d rendered environment, video shows interaction animations and 3d diamond ring for an Augmented Reality Demo

Product Motion Design

About Fashion Market

This concept explored AR jewelry try-on for fashion e-commerce. Motion design in Cinema 4D and Octane created a high-fidelity walkthrough of a diamond ring sizing experience on mobile. "Motion is key to making products feel premium, easy to use, and delightful." – Dropbox.

ROLE

In-Product Motion Lead

TIMELINE

2021

LOCATION

Remote

Still from a design course showing e-store layouts

challenge

The challenge was to use Cinema 4d, Octane and Principal to create a compelling motion design mockup of the site. A high fidelity walkthrough can be a powerful way to show a product. (Site Design and Design system by Mauricio Tonon.)

process

Looking at diamond rings in real life, I noticed they have a rainbow light effect. Even without special lighting, diamonds glitter refracting light so you can see colours. My render didn't achieve that at first. It looked more like glass than diamond. So I found the correct material settings to ensure light was refracting correctly. (One setting was: Index of refraction @ 2.417) I also found a remote render farm which saved 5 days of render time for $200.

Animation of a diamond ring spinning in 3d where the metal colors can be selected in an online store on a cellphone which is floating in a 3d environment

Outcome

The Cinema 4d scene included some lifestyle objects. I scaled up the ring, included a fabric and shoe material. I designed another version of the site with a men's fashion theme to try using AR to size luxury watches. Today using Spark would be a better tool as it can build a full experience rather than a simulation. See Completed Animation ->