E-commerce · 2026 · UA · HTML / CSS / JavaScript

Джерело

E-commerce премиум чая с quiz «подбор по состоянию» вместо стандартного каталога

Джерело — preview
01

Контекст

Интернет-магазин премиум-чая прямого импорта — пуэры, улуны, выдержанные сорта; аудитория — украинцы 30-50 со средним+ доходом, которые ищут вход в чайную культуру, а не пакетики для офиса (чек 30-80 $). Обычный e-commerce каталог тут не работает: новичок видит сетку из 47 сортов (green, black, oolong, pu-erh), не знает разницы — и уходит с пустой корзиной. Ему нечем выбирать: он знает, что хочет почувствовать, но не знает, какой сорт под это.

02

Решение

Главный механизм — quiz «подбор по состоянию»: четыре вопроса (что хочешь почувствовать, время дня, опыт, ограничения) → 2-3 рекомендации с описанием. Это вход для новичка — не каталог, а консультация. Палитра — тёплая бежевая бумага и оливково-чайный акцент (отсылка к старым руководствам по церемонии, реальный цвет листа, а не «luxury gold»). Сорсинг-фото — горы и фермеры, а не студийные пачки: премиум-аудитории нужна прозрачность происхождения.

03

Итог

HTML/CSS + JS на корзину и quiz; состояние quiz сохраняется между визитами, корзина без перезагрузки, цены по украинскому формату. UA-локализация как основная — рынок недообслужен (почти всё премиум-чайное в Украине англоязычное). Магазин, где новичок не пугается: через quiz он проходит путь от «не разбираюсь» до «купил», не блуждая в характеристиках, которые ему ничего не говорят.