Big Boss Studio, pour COTY, 2021

Kylie Cosmetics

Application en point de vente : essai virtuel, recherche de teint et sélection de Kylie.

Rôle: Lead developer
Stack: React Native, React, Laravel, Perfect Corp
Savoir-faire: Mobile, Web

01<Specs />

ENTÊTE

PRODUIT

TEINTES

TEXTE

CTA

ONGLETS

820 × 1180 · 8 col.

02<Wireframe />

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

03<Code />

9:41

‹

Kylie Cosmetics

Ajouter

04<Interface />

1essayer

2choisir

3ajouter

05<Interactions />

ease-out · 350 ms

06<Animations />

01 · Contexte

Transformer l’expérience Kylie Cosmetics en boutique en un parcours en trois étapes, sur une application dédiée au point de vente.

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 virtuellement les produits, avec la technologie Perfect Corp.

Foundation Finder

Trouver en un clin d’œil sa teinte de fond de teint.

Kylie’s Favorites

Les produits préférés de Kylie, pour un look signature.

Trois étapes

Tester, explorer, adopter : tout le parcours en boutique tient en trois étapes.

04 · La solution technique

[La solution technique, en une phrase forte.]

Application React Native, déclinée en version web React, reliée à un back-office Laravel. Essai virtuel du maquillage avec la technologie Perfect Corp, Foundation Finder pour trouver sa teinte de fond de teint, et module Kylie’s Favorites pour les produits signature.

[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 · 10 / 14Neofa