Ernest E. Guzmán, home

Agenda Q1 2027 · 2 plazas de colaboración

///
Hablemos

Concepto · Cosmética DTC · Diseño de ticket medio · Proyecto conceptual

ONDA

¿Cómo se sube el ticket medio sin devaluar la marca? Una tienda de cosmética construida alrededor de esa pregunta.

Cliente
Iniciativa propia
Sector
Cosmética · DTC
Mercado
EE. UU. (concepto)
Rol
Estrategia, UX, dirección de arte, front-end
Periodo
2026
Alcance
Configurador de rutina · Escalera de packs · Edición limitada · Producto 3D
ONDA

Las marcas de cosmética suelen subir el ticket con descuentos generalizados y acostumbran al cliente a esperar el siguiente código. ONDA prueba tres alternativas: un configurador de rutina que premia completarla, una escalera de packs con anclas claras y una edición limitada que vende escasez de forma honesta.

Concepto de iniciativa propia. Marca, productos y precios son ficticios: lo construí para probar ideas que luego aplico con clientes.

Resultados
3mecánicas de ticket, ninguna general
15%de premio solo por rutina completa
$100→88pack limitado con ancla
01

El arquitecto de rituales

Tres pasos, una fórmula por paso. El descuento solo se desbloquea al completar la rutina: se premia comprar el sistema, no esperar a las rebajas.

ONDA · onda.studio/ritual
Fig. 01El configurador de rutina vive entre las fórmulas y los packs.
  1. 1Añadir desde cualquier punto: talla, añadir, repetir
02

Una escalera, no un menú

Dúo, Trío, Set completo: cada escalón muestra qué añades y cuánto ahorras. La opción del medio es la que debería comprar la mayoría, y la página lo dice.

ONDA · onda.studio/sets
Fig. 02La escalera de packs: Dúo, Trío, Set completo.
  1. 1“La más elegida” en la opción central
  2. 2Cada escalón dice su ahorro
  3. 3Set completo: el ancla
03

El producto como objeto

Un frasco 3D que se puede girar, texturas macro y un scroll que te “sumerge” en la fórmula. El posicionamiento premium tiene que sentirse antes de leer un precio.

ONDA · onda.studio/abyss
ONDA · onda.studio/formulas
Fig. 03Edición limitada y colección principal.
Decisiones de diseño

El sistema detrás de las pantallas

La cosmética suele venderse con rosas suaves y textos susurrados. ONDA va en sentido contrario (vidrio cobalto, tipografía condensada, precisión de laboratorio) para que el precio se sienta ingeniería, no capricho.

A

Color

#0A2CFF Cobalt Vidrio, acciones, el punto 6.8:1 · AA
#06104F Abyss Edición limitada, bandas oscuras 15.9:1 · AAA
#05061A Ink Tipografía 18.2:1 · AAA
#EEF4FF Ice Fondo: un blanco frío 18.2:1 · AAA
#C4CFE4 Silver Líneas, estados inactivos 12.8:1 · AAA

Un único azul saturado lo hace todo. El fondo es un blanco teñido de azul para que el cobalto se lea como el mismo material, no como una pegatina.

B

Tipografía

Archivo900 · -0.04em · caps

Skin under glass

TitularesNegra condensada: grandes afirmaciones en poco ancho, como una etiqueta de laboratorio.

Archivo500 · 0.08em · caps

Pressure serum · 30 ml · $64

Etiquetas · especificacionesUna familia, dos voces: el sistema se mantiene coherente.

C

Retícula y espaciado

Columnas
12
Ancho máx.
1600px
Medianil
16px
Unidad base
8px
8
16
24
40
64
104

Las tarjetas encajan en 3 columnas de 4; el pack central se distingue por un borde, no por tamaño.

D

Decisiones, y por qué

  1. 01

    Premiar la rutina, no la espera

    Por quéEl 15 % solo se desbloquea al elegir los tres pasos.

    En lugar deUn código de bienvenida que enseña a esperar rebajas.

  2. 02

    Una edición limitada con ancla

    Por qué100 $ tachados a 88 $ hacen que el pack se sienta valor, no descuento.

    En lugar deEtiquetas permanentes de “-12 %”.

  3. 03

    Objeto 3D antes del precio

    Por quéLo premium se siente antes de leerse.

    En lugar deUna cuadrícula de bodegones en blanco.

E

Esquema

Escalera de packs
−10%Duo
−15%Trio
−20%Full set
Pantallas · 04 Arrastra · pulsa para ampliar
ONDA · 01
ONDA · 02
ONDA · 03
ONDA · 04
Herramientas
  • HTML · CSS · JS
  • WebGL
  • GSAP
Entregables
  1. Marca y dirección de arte
  2. Prototipo de tienda
  3. Lógica de packs
Siguiente proyecto · 06 FORME Concepto · Objetos de alto precio · Diseño de ficha
Sigue bajando
© 2026 Ernest GuzmánHablemos →