Демо-витрина — трендовые сумки

Живой сайт — bordo-bags.vercel.app ↗

BORDO. Городской бренд с полным флоу покупки

Трендовые сумки от производителя: строгая сетка с единственным бордовым акцентом и полный путь покупки — от каталога до экрана «Заказ принят».

ТипЖивое демо
ПлатформаСвой код
СтраницыГлавная, каталог, карточка, корзина, checkout
Год2026
bordo-bags.vercel.app
BORDO — главная магазина трендовых сумок
Главная: hero «верная спутница городских приключений» и тренды сезона.

Задача

Референс-кейс — магазин трендовых сумок с интеграцией эквайринга: значит, демо должно показывать весь путь денег, а не обрываться на корзине. Палитра задана фирстилем: бордовый акцент на белом, строгая сетка, лёгкий городской вайб. Сумки продаются штучно, и одна и та же модель нередко уходит из офлайн-точки и с сайта одновременно, поэтому наличие и деньги должны считаться в общем контуре. Оплаты, возвраты и статусы заказа владелице тоже удобнее видеть рядом, а не в трёх разных кабинетах.

Решение

Выстроили магазин точно по фирстилю: белый фон, секции светло-серым, единственный акцент — бордовый. Главное — полный флоу покупки: каталог с фильтрами по цвету и категории, карточка с галереей, страница корзины с изменением количества и промокодом BORDO10 (минус десять процентов с живым пересчётом), checkout в три шага с мокапом оплаты — форма карты с масками ввода, СБП, оплата при получении — и финальный экран «Заказ №BR-1024 принят» с шагами что дальше. К витрине подключили собственную панель управления: заказы, статусы, остатки по моделям и аналитика по промокодам. Обмен с Saby (СБИС) выгружает заказ в товароучёт, списывает сумку со склада и отдаёт чек сразу после оплаты. По городу возит Яндекс Доставка, по стране СДЭК, деньги принимаем через ЮKassa и СБП.

bordo-bags.vercel.app
Каталог BORDO с фильтрами по цвету
Каталог: фильтры по категории и цвету, бордовые бейджи «Тренд».
bordo-bags.vercel.app
Карточка сумки BORDO
Карточка: галерея, характеристики и «может подойти к образу».

Что внутри

  • Полный флоу: каталог → карточка → корзина → checkout → «Заказ принят»
  • Страница корзины с промокодом BORDO10 и live-пересчётом
  • Мокап эквайринга: форма карты с масками, СБП, при получении
  • Фильтры по категории и цвету со счётчиками
  • Quick-add с карточки и тосты добавления
  • Editorial-блок о бренде-производителе
  • Insta-сетка и полоса трендов сезона
  • Оплата ЮKassa и СБП, чек из Saby, статусы заказов в своей панели
СумкиCheckoutЭквайрингПромокодФирстиль

Нужен магазин в вашей нише?

Соберём витрину под ваш бренд — с каталогом, корзиной, CMS и интеграциями. Покажем прогресс каждые 2–3 дня.