Big Boss Studio, for COTY, 2022

Rimmel

Gamified retail experience: virtual try-on, shade finder, avatar and 3D mini-game.

Role: Lead developer
Stack: React Native, 3D
Expertise: Mobile

01<Specs />

HEADER

PRODUCT

SHADES

TEXT

CTA

TABS

820 × 1180 · 8 col.

02<Wireframe />

RimmelScreen.tsx
1export function RimmelScreen() {
const items = useFeed();
return (
  <Screen>
    <Product image={shade.photo} />
    <Shades list={range} />
    <Price value={product.price} />
    <Button>Add</Button>
  </Screen>
);
11}

03<Code />

04<Interface />

1look

2choose

3try on

05<Interactions />

ease-out · 350 ms

06<Animations />

01 · Context

Create an immersive in-store experience that lets customers discover Rimmel products differently, in the London Look spirit.

02 · The problems to solve

[The first problem to solve.]
[The second.]
[The third.]

03 · Features

Virtual Try-On

Try on make-up, including the nail polish collection.

London Looks

Iconic looks from The London Look, to recreate with the recommended products.

Shade Finder

Find your perfect shade.

3D mini-game and avatar

A 3D mini-game with so-British looks, and a made-to-measure Rimmel avatar: hairstyle, eyelashes, expressions.

04 · The technical solution

[The technical solution, in one strong sentence.]

React Native mobile app for the point of sale: virtual try-on for makeup and nail polish, a shade finder, a customisable Rimmel avatar (hair, lashes, expression) and a 3D mini-game in the brand’s colours.

[Building block]: [Its role in the solution.]
[Building block]: [Its role in the solution.]
[Building block]: [Its role in the solution.]

05 · Results

[Figure]

[What it measures]

[Figure]

[What it measures]

[Figure]

[What it measures]

Next project · 09 / 14Kylie Cosmetics