New season, New skills! All Courses at $9.99

Sep 9, 2019

NARS The O Experience: Case Study

NARS The O Experience: Case Study

Goodkids, creative & innovation agency, teamed up with one of the most subversive cosmetic brands to create an explosive digital piece : an online 4-room journey based on your senses. Discover NARS, The O Experience now!

The O Journey

For the launch of their new Orgasm range, NARS asked us to think about an online digital piece linked to their campaign and IRL launch event in London.

We came up with a simple idea, 4 interactive rooms & 1 goal : reach the Orgasm and share your O Score. Each room has a specific interaction based on a sense (See/Touch/Smell/Hear), and your final timing will be recorded and shareable as your O score.

From The Pleasure Dome to The Blush Bomb, how fast will you be until Orgasm?

4 images of womans face on pink background
4 rooms, 1 goal, reach the Orgasm

4 interactive rooms & 1 goal : reach the Orgasm

The O Spheres

Each room was designed and built around a central O as 3D sphere, with different texture & interaction sets, directly referring to one of the 4 products of the NARS Orgasm range. We wanted the experience to be playful, interactive, and just the right timing to keep you satisfied. We also crafted sounds, transitions, cards & visuals to refer to the orgasm universe in a subtle way.

A pink sparkly orb
The Reflexion Orb
A pink orb divided into triangles
The Pleasure Dome

The experience had to be playful, interactive, and just the right timing to keep you satisfied

The production process

The whole project timeline was super short and the brief changed many times (business as usual!), so the first challenge was to insure every room design could be signed off right in time and before launching production.

We worked with art directors & 3D artists to give the most accurate visual references to the client and the developer, and make sure everything was doable in WebGL for an online production. The other big challenge was to make everything perfectly enjoyable on mobile, so we spent a lot of time crafting the mobile version too.

Images of make up and pink and black orbs
Some of the initial mood boards for The Pleasure Dome

The first challenge was to insure every room design could be signed off right in time

How we built it

We used Cinema 4D & Photoshop for the whole art direction phase. We shared many mood boards & 3D renders to the client way before the production to be sure everything was on track.

We then started to design the keyframes of the possible animations & different gaming phases for the 4 rooms (from when you enter the room to when you leave) in Photoshop. We worked closely with our developer to be sure everything was doable.

The whole experience was then rebuilt in WebGL based on the signed off visuals. It was a crazy project to do, using fluids, particles & shaders. We also used a plugin in After effect called bodymovin, that allows you to export some motion animations in code.

We worked with Bitbucket for the git & Airtable for the translations, and nothing fancy for the back-end (PHP/MySQL & an email sender). We also used the Facebook & Twitter API to share the O Score with a GIF.

We worked closely with our developer to be sure everything was doable.

 
The full journey had to stay simple and allows you to share your O Score at the end

About us

Goodkids is a creative & innovation agency. Based in Paris and Bordeaux, they offer a bespoke, boutique-style service for premium and luxury brands.

They cover the entire storytelling process through what they describe as a Creative Playground for their clients : from the initial idea and concepting stage through to development and realization of the final product.

Goodkids is dedicated to ensuring their clients broaden their reach and, most importantly, stay true their DNA in a digital age.

Discover more on our WebsiteInstagramFacebookLinkedin