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