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

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

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

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

Задача

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

Решение

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

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

Что внутри

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

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

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