Демо-витрина — трендовые сумки
Живой сайт — bordo-bags.vercel.app ↗BORDO. Городской бренд с полным флоу покупки
Трендовые сумки от производителя: строгая сетка с единственным бордовым акцентом и полный путь покупки — от каталога до экрана «Заказ принят».
Задача
Референс-кейс — магазин трендовых сумок с интеграцией эквайринга: значит, демо должно показывать весь путь денег, а не обрываться на корзине. Палитра задана фирстилем: бордовый акцент на белом, строгая сетка, лёгкий городской вайб. Сумки продаются штучно, и одна и та же модель нередко уходит из офлайн-точки и с сайта одновременно, поэтому наличие и деньги должны считаться в общем контуре. Оплаты, возвраты и статусы заказа владелице тоже удобнее видеть рядом, а не в трёх разных кабинетах.
Решение
Выстроили магазин точно по фирстилю: белый фон, секции светло-серым, единственный акцент — бордовый. Главное — полный флоу покупки: каталог с фильтрами по цвету и категории, карточка с галереей, страница корзины с изменением количества и промокодом BORDO10 (минус десять процентов с живым пересчётом), checkout в три шага с мокапом оплаты — форма карты с масками ввода, СБП, оплата при получении — и финальный экран «Заказ №BR-1024 принят» с шагами что дальше. К витрине подключили собственную панель управления: заказы, статусы, остатки по моделям и аналитика по промокодам. Обмен с Saby (СБИС) выгружает заказ в товароучёт, списывает сумку со склада и отдаёт чек сразу после оплаты. По городу возит Яндекс Доставка, по стране СДЭК, деньги принимаем через ЮKassa и СБП.
Что внутри
- Полный флоу: каталог → карточка → корзина → checkout → «Заказ принят»
- Страница корзины с промокодом BORDO10 и live-пересчётом
- Мокап эквайринга: форма карты с масками, СБП, при получении
- Фильтры по категории и цвету со счётчиками
- Quick-add с карточки и тосты добавления
- Editorial-блок о бренде-производителе
- Insta-сетка и полоса трендов сезона
- Оплата ЮKassa и СБП, чек из Saby, статусы заказов в своей панели
Нужен магазин в вашей нише?
Соберём витрину под ваш бренд — с каталогом, корзиной, CMS и интеграциями. Покажем прогресс каждые 2–3 дня.