Big Boss Studio, pour COTY, 2022

Rimmel

Expérience retail gamifiée : essai virtuel, shade finder, avatar et mini-jeu 3D.

Rôle: Lead developer
Stack: React Native, 3D
Savoir-faire: Mobile

01<Specs />

ENTÊTE

PRODUIT

TEINTES

TEXTE

CTA

ONGLETS

820 × 1180 · 8 col.

02<Wireframe />

RimmelEcran.tsx
1export function RimmelEcran() {
const items = useFlux();
return (
  <Ecran>
    <Produit image={teinte.photo} />
    <Teintes liste={gamme} />
    <Prix valeur={produit.prix} />
    <Bouton>Ajouter</Bouton>
  </Ecran>
);
11}

03<Code />

04<Interface />

1regarder

2choisir

3essayer

05<Interactions />

ease-out · 350 ms

06<Animations />

01 · Contexte

Créer en boutique une expérience immersive qui fait découvrir les produits Rimmel autrement, dans l’esprit London Look.

02 · Les problèmes à résoudre

[Le premier problème à résoudre.]
[Le deuxième.]
[Le troisième.]

03 · Fonctionnalités

Virtual Try-On

Essayer le maquillage, y compris la collection de vernis à ongles.

London Looks

Les looks iconiques du London Look, à recréer avec les produits recommandés.

Shade Finder

Trouver sa teinte idéale.

Mini-jeu 3D et avatar

Un mini-jeu 3D aux looks so British, et un avatar Rimmel sur mesure : coiffure, cils, expressions.

04 · La solution technique

[La solution technique, en une phrase forte.]

Application mobile React Native pour le point de vente : essai virtuel du maquillage et des vernis, shade finder pour trouver sa teinte, avatar Rimmel personnalisable (coiffure, cils, expression) et mini-jeu 3D aux couleurs de la marque.

[Brique]: [Son rôle dans la solution.]
[Brique]: [Son rôle dans la solution.]
[Brique]: [Son rôle dans la solution.]

05 · Résultats

[Chiffre]

[Ce qu’il mesure]

[Chiffre]

[Ce qu’il mesure]

[Chiffre]

[Ce qu’il mesure]

Projet suivant · 09 / 14Kylie Cosmetics