Боевой проект — магазин БАДов
ОКСИКОКУС. Витрина с 3D-сканером тела
Магазин БАДов и спортпита, где первый экран — интерактивный 3D-сканер: выбираете систему организма, сайт подсвечивает орган и собирает стек добавок под задачу.
Задача
Бренду БАДов нужен был магазин, который не выглядит как сотни аптечных витрин: покупатель приходит с задачей («энергия», «сон», «ЖКТ»), а не с названием добавки. Клиент хотел вау-механику, которая удерживает посетителя и одновременно продаёт — при этом полноценный каталог, корзину и оформление под доставку в ПВЗ никто не отменял.
Решение
Первым экраном сделали интерактивный 3D-сканер тела: анатомические модели органов рендерятся в браузере через WebGL, выбор системы организма подсвечивает орган и раскрывает панель со стеком добавок под эту задачу. Товары кладутся в корзину прямо со сканера через быстрый просмотр, а сегментные шкалы «характеристик тела» вычисляются из состава корзины — добавил магний, показатель «сон» вырос. Дальше — обычный магазин: каталог 31 позиция с фильтрами по системам и целям, карточка с дозировками, корзина и checkout под ПВЗ СДЭК, Ozon и Яндекс.
Что внутри
- 3D-модели органов в браузере — WebGL, без плагинов
- Покупка со сканера: быстрый просмотр, «Купить сейчас», кнопка «+»
- Шкалы характеристик тела пересчитываются от состава корзины
- Каталог 31 товар: фильтры по системам организма и целям
- Карточка с составом, формой выпуска и дозировкой
- Checkout под ПВЗ СДЭК, Ozon и Яндекс — без курьерских обещаний
- Живой canvas-фон, замирающий на скрытой вкладке и при reduced-motion
Нужен магазин в вашей нише?
Соберём витрину под ваш бренд — с каталогом, корзиной, CMS и интеграциями. Покажем прогресс каждые 2–3 дня.