Ernest E. Guzmán, home

Запись на I квартал 2027 · 2 места для постоянной работы

///
Обсудим

Концепт · DTC-косметика · Дизайн среднего чека · Концепт

ONDA

Как поднять средний чек, не уценяя бренд? Витрина косметики, построенная вокруг одного этого вопроса.

Клиент
Собственная инициатива
Сфера
Уход за кожей · DTC
Рынок
США (концепт)
Роль
Стратегия, UX, арт-дирекшн, фронтенд
Период
2026
Объём
Конструктор наборов · Лестница наборов · Лимитированная серия · 3D-товар
ONDA

Бьюти-бренды обычно поднимают средний чек сплошными скидками и приучают покупателей ждать следующий промокод. ONDA проверяет три альтернативы: конструктор ритуала, который награждает за полноту, лестницу наборов с понятными якорями и лимитированную серию, которая честно продаёт дефицит.

Концепт по собственной инициативе. Бренд, товары и цены вымышлены: я сделал его, чтобы проверить идеи, которые потом применяю в работе с клиентами.

Результаты
3механики среднего чека, ни одной на весь сайт
15%награда только за полный ритуал
$100→88лимитированный набор с якорем
01

The Ritual Architect

Три шага, одна формула на шаг. Скидка открывается, только когда ритуал собран полностью: покупателя награждают за покупку системы, а не за ожидание распродажи.

ONDA · onda.studio/ritual
Рис. 01Конструктор ритуала стоит между формулами и наборами.
  1. 1Добавляйте откуда угодно: объём, добавить, повторить
02

Лестница, а не меню

Дуо, Трио, Полный набор: каждая ступень показывает, что именно вы добавляете и сколько экономите. Средний вариант подходит большинству, и страница так и говорит.

ONDA · onda.studio/sets
Рис. 02Лестница наборов: Дуо, Трио, Полный набор.
  1. 1«Выбирают чаще всего» на среднем варианте
  2. 2Каждая ступень называет свою выгоду
  3. 3Полный набор: якорь
03

Товар как объект

Флакон в 3D, который можно вращать, макротекстуры и прокрутка, которая «погружает» вас в формулу. Премиальность нужно почувствовать раньше, чем прочитать цену.

ONDA · onda.studio/abyss
ONDA · onda.studio/formulas
Рис. 03Лимитированная серия и основная коллекция.
Дизайн-решения

Система за экранами

Уходовую косметику обычно продают нежно-розовым и шёпотом. ONDA идёт другим путём (кобальтовое стекло, узкий шрифт, лабораторная точность), чтобы цена ощущалась как инженерия, а не как прихоть.

A

Цвет

#0A2CFF Cobalt Стекло, действия, точка 6.8:1 · AA
#06104F Abyss Лимитированная серия, тёмные полосы 15.9:1 · AAA
#05061A Ink Шрифт 18.2:1 · AAA
#EEF4FF Ice Фон: холодный белый 18.2:1 · AAA
#C4CFE4 Silver Линии, неактивные состояния 12.8:1 · AAA

Один насыщенный синий делает всё. Фон белый с синим оттенком, поэтому кобальт читается как тот же материал, а не как наклейка.

B

Типографика

Archivo900 · -0.04em · caps

Skin under glass

АкцидентУзкое сверхжирное начертание: большие заявления в малой ширине, как этикетка лаборатории.

Archivo500 · 0.08em · caps

Pressure serum · 30 ml · $64

Подписи · характеристикиОдна гарнитура, два голоса: система остаётся цельной.

C

Сетка и отступы

Колонки
12
Макс. ширина
1600px
Межколонник
16px
Базовая единица
8px
8
16
24
40
64
104

Карточки товаров встают в 3 колонки по 4; средний набор выделен рамкой, а не размером.

D

Решения и почему

  1. 01

    Награждать ритуал, а не ожидание

    Почему15% открывается, только когда выбраны все три шага.

    ВместоПриветственный промокод, который учит покупателей ждать распродаж.

  2. 02

    Лимитированная серия с якорем

    ПочемуЗачёркнутые $100 и $88 делают набор выгодой, а не скидкой.

    ВместоПостоянные плашки «-12%».

  3. 03

    3D-объект раньше цены

    ПочемуПремиальность нужно почувствовать раньше, чем прочитать.

    ВместоСетка белых пэкшотов.

E

Схема

Лестница наборов
−10%Duo
−15%Trio
−20%Full set
Экраны · 04 Тяните · нажмите, чтобы увеличить
ONDA · 01
ONDA · 02
ONDA · 03
ONDA · 04
Инструменты
  • HTML · CSS · JS
  • WebGL
  • GSAP
Результаты работы
  1. Бренд и арт-дирекшн
  2. Прототип витрины
  3. Логика наборов
Следующий проект · 06 FORME Концепт · Дорогие предметы · Дизайн страницы товара
Листайте дальше
© 2026 Ernest GuzmánОбсудим →