Направление: E-commerce
Clarity Essentials — бренд премиальных витаминов и БАДов, который выходил в онлайн-продажи со своим магазином, а не только через маркетплейсы. Нужен был полноценный e-commerce под брендовый дизайн: быстрый на мобильных, видимый в поиске и готовый к росту каталога и числа служб доставки без переделки.
Ограничения: дизайн — на стороне клиента, магазин запускается поэтапно (сначала витрина, затем оплата, затем логистика), а добавление новой службы доставки не должно требовать переписывать чекаут. Платёжный поток асинхронный: банк подтверждает оплату не мгновенно, и заказ должен корректно доводиться до конца, даже если покупатель закрыл вкладку.
Собрали headless-магазин: витрина на Astro с интерактивными островами на Vue 3, бэкенд — Medusa.js v2. Статические страницы каталога и товаров отдаются готовым HTML, поэтому открываются быстро и полностью видны поисковикам. Оплата уходит на защищённую страницу банка «Точка» (карта, СБП, T-Pay, «Долями»); заказ создаётся после подтверждения банка, а вебхук и сверка раз в 10 минут доводят его до конца без участия витрины. Каждая служба доставки — отдельный модуль за единым интерфейсом, архитектура рассчитана на СДЭК, Почту России и Яндекс Доставку, и службы подключаются поэтапно без изменений в чекауте. Доступность проверяется автоматически в CI на каждом merge request.
Запустить собственный интернет-магазин бренда с онлайн-оплатой и доставкой, который быстро работает на смартфонах, доступен для всех покупателей и растёт без переписывания.
Остаток товара бронируется на время оплаты, поэтому покупатель не оплатит то, что уже закончилось.
Что получает бренд:
Около 20 недель от первого коммита до чекаута с оплатой и доставкой
Расскажите нам о вашей задаче — оценим за 24 часа.
Что обычно спрашивают о задаче, решении и результатах.
Не нашли ответ?Спросите в Telegram (открывается в новой вкладке)Готовые платформы ограничивают дизайн и тяжелеют с каждым плагином. Headless-связка даёт брендовый интерфейс без компромиссов, готовый HTML для поисковиков и мобильную скорость: Lighthouse Performance 94–96 и SEO 100 на мобильных. Бизнес-логика магазина — корзина, заказы, остатки — живёт в Medusa.js, её можно расширять под свои процессы.
Покупатель платит на защищённой странице банка «Точка»: картой, через СБП, T-Pay или «Долями». Данные карт не проходят через магазин. Заказ создаётся после подтверждения оплаты банком, а если покупатель закрыл вкладку, заказ доводится до конца вебхуком банка и автоматической сверкой.
Да. Каждая служба доставки — отдельный модуль за единым интерфейсом. Архитектура рассчитана на СДЭК, Почту России и Яндекс Доставку, службы подключаются поэтапно; добавить ещё одну службу можно без изменений в чекауте и личном кабинете.
Часть покупателей пользуется экранным диктором, клавиатурой или увеличением шрифта. Если они не могут пройти чекаут, магазин теряет продажи. В Clarity Essentials доступность проверяется автоматически на каждом merge request; Lighthouse Accessibility — 100 на главной, в каталоге и в карточке товара.
Clarity Essentials прошёл путь от первого коммита до чекаута с оплатой и доставкой примерно за 20 недель, с запуском по этапам. Интернет-магазин с типовым набором функций — от 6–8 недель; точный срок зависит от числа интеграций (оплата, доставка, 1С, маркетплейсы) и готовности дизайна.
ПроизводствоЗаменили бумажные чертежи на производстве QR-метками: технолог загружает чертежи, система печатает пачку этикеток, мастер сканирует метку на изделии и сразу видит нужный чертёж на экране у рабочего места.
МероприятияИнтерактивная цифровая карта активностей, доступная по QR-коду прямо на площадке мероприятия. Гость видит все зоны, прогресс прохождения и получает приз за завершение всех активностей. Решение превращает разрозненные активности в единый сценарий.
