Stoli Group
Брендовый сайт с e-commerce интеграцией Webflow и Shopify.
- Формат
- Промо-сайт + e-commerce
- Frontend
- Webflow + JavaScript
- Commerce
- Shopify Storefront API
О проекте
Stoli Group — международный бренд алкогольного сегмента. Для проекта разработали промо-сайт с e-commerce логикой: гибкую визуальную часть на Webflow и товарную инфраструктуру на Shopify.
Задача
Создать многостраничный брендовый сайт-витрину, сохранив свободу дизайна и понятный путь от знакомства с продуктом до покупки.
- Каталог товаров и коктейлей, корзина, поиск и информационные разделы.
- Интеграция Shopify без зависимости от шаблонов платформы.
- Основной пользовательский путь внутри Webflow до перехода к оплате.
Frontend и каталог
Адаптивный промо-сайт и анимации реализованы на Webflow. Каталог напитков связан с базой Shopify, поэтому карточки категорий и товаров могут сохранять индивидуальный дизайн и одновременно получать актуальные данные.
Коктейли
Каждый коктейль связан с одним или несколькими товарами, которые используются как ингредиенты.
Корзина и динамические данные
Цены, размеры и остатки подтягиваются через Shopify Storefront API. Пользователь взаимодействует с товарами и корзиной на основном сайте, а к оплате переходит на Shopify checkout.
- Синхронизация ассортимента и товарных данных.
- Корзина в интерфейсе Webflow.
- Чекаут на стороне Shopify без разрыва сценария покупки.
Поиск и интеграции
Поиск и фильтрацию реализовали с помощью кастомного кода и FinSweet. Webflow CMS отвечает за контент промо-сайта, Shopify — за каталог и заказы, Storefront API связывает обе системы. Для операционной части настроили интеграцию с Accelpay.
- Webflow CMS — структура и контент.
- Shopify Storefront API — товары, цены и остатки.
- Accelpay — управление заказами.
Проверка и результат
Отдельный тестировщик помогал проверять адаптивность, каталог, корзину, поиск и связи товаров с коктейлями. В результате бренд получил многостраничный Webflow-сайт без ограничений Shopify-шаблона и e-commerce сценарий с актуальными данными каталога.
