A pitch for a Fashion E-Commerce mobile site concept showing an augmented reality user flow for selecting a diamond ring and sizing it onto your hand. "Motion is key to making products feel premium, easy to use, and delightful." – Dropbox.

ROLE

In-Product Motion Lead

TIMELINE

2021

LOCATION

Remote

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.

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