Ernest E. Guzmán, home

Agenda T1 2027 · 2 places en accompagnement mensuel

///
Parlons-en

Concept · Soin DTC · Conception du panier moyen · Projet conceptuel

ONDA

Comment augmenter le panier moyen sans brader la marque ? Une boutique de soins construite autour de cette seule question.

Client
Projet personnel
Secteur
Soin · DTC
Marché
États-Unis (concept)
Rôle
Stratégie, UX, direction artistique, front-end
Période
2026
Périmètre
Créateur de routine · Échelle de coffrets · Édition limitée · Produit en 3D
ONDA

Les marques de beauté augmentent souvent le panier moyen avec des remises générales et apprennent aux clients à attendre le prochain code. ONDA teste trois alternatives : un créateur de routine qui récompense la complétude, une échelle de coffrets avec des ancrages clairs, et une édition limitée qui vend la rareté honnêtement.

Concept personnel. Marque, produits et prix sont fictifs, conçus pour tester des idées que j’applique ensuite avec mes clients.

Résultats
3mécaniques de panier, aucune sur tout le site
15%de récompense uniquement pour une routine complète
$100→88coffret limité avec ancrage
01

L’architecte du rituel

Trois étapes, une formule par étape. La remise ne se débloque que lorsque la routine est complète : on récompense l’achat du système, pas l’attente des soldes.

ONDA · onda.studio/ritual
Fig. 01Le créateur de routine se place entre les formules et les coffrets.
  1. 1Ajouter de partout : taille, ajouter, recommencer
02

Une échelle, pas un menu

Duo, Trio, Coffret complet : chaque marche montre exactement ce qu’on ajoute et ce qu’on économise. L’option du milieu est celle que la plupart des gens devraient choisir, et la page le dit.

ONDA · onda.studio/sets
Fig. 02L’échelle des coffrets : Duo, Trio, Coffret complet.
  1. 1« Le plus choisi » sur l’option du milieu
  2. 2Chaque marche annonce son économie
  3. 3Coffret complet : l’ancrage
03

Le produit comme objet

Un flacon en 3D qu’on fait pivoter, des textures en macro et un défilement qui vous « immerge » dans la formule. Le positionnement premium doit se ressentir avant qu’on lise un prix.

ONDA · onda.studio/abyss
ONDA · onda.studio/formulas
Fig. 03Édition limitée et collection principale.
Décisions de design

Le système derrière les écrans

Le soin de la peau se vend d’habitude en rose poudré et en textes chuchotés. ONDA prend le contre-pied (verre cobalt, typographie condensée, précision de laboratoire) pour que le prix évoque l’ingénierie, pas le caprice.

A

Couleur

#0A2CFF Cobalt Verre, actions, le point 6.8:1 · AA
#06104F Abyss Édition limitée, bandeaux sombres 15.9:1 · AAA
#05061A Ink Typographie 18.2:1 · AAA
#EEF4FF Ice Fond : un blanc froid 18.2:1 · AAA
#C4CFE4 Silver Filets, états inactifs 12.8:1 · AAA

Un seul bleu saturé fait tout. Le fond est un blanc teinté de bleu pour que le cobalt se lise comme la même matière, pas comme un autocollant.

B

Typographie

Archivo900 · -0.04em · caps

Skin under glass

TitrageUne graisse noire condensée : de grandes affirmations dans peu de largeur, comme une étiquette de laboratoire.

Archivo500 · 0.08em · caps

Pressure serum · 30 ml · $64

Étiquettes · caractéristiquesUne famille, deux voix : le système reste cohérent.

C

Grille et espacement

Colonnes
12
Largeur max.
1600px
Gouttière
16px
Unité de base
8px
8
16
24
40
64
104

Les cartes produit s’alignent sur 3 colonnes de 4 ; le coffret central se distingue par une bordure, pas par sa taille.

D

Décisions, et pourquoi

  1. 01

    Récompenser la routine, pas l’attente

    PourquoiLes 15 % ne se débloquent que lorsque les trois étapes sont choisies.

    Au lieu deUn code de bienvenue qui apprend aux clients à attendre les soldes.

  2. 02

    Une édition limitée avec ancrage

    Pourquoi100 $ barrés à 88 $ font percevoir le coffret comme une valeur, pas comme une remise.

    Au lieu deDes badges « -12 % » permanents.

  3. 03

    L’objet en 3D avant le prix

    PourquoiLe premium doit se ressentir avant de se lire.

    Au lieu deUne grille de packshots sur fond blanc.

E

Schéma

Échelle des coffrets
−10%Duo
−15%Trio
−20%Full set
Écrans · 04 Glisser · cliquer pour agrandir
ONDA · 01
ONDA · 02
ONDA · 03
ONDA · 04
Outils
  • HTML · CSS · JS
  • WebGL
  • GSAP
Livrables
  1. Marque et direction artistique
  2. Prototype de boutique
  3. Logique des coffrets
Projet suivant · 06 FORME Concept · Objets haut de gamme · Conception de fiche produit
Continuez à défiler
© 2026 Ernest GuzmánParlons-en →