Демо-витрина — мультибренд спортпита
Живой сайт — sila-outlet.vercel.app ↗SILA OUTLET. Плотный ритейл аутлет-цен
Мультибрендовый аутлет спортивного питания: сине-белый «магазин полки» с рабочим избранным, поиском и фильтром по 14 брендам.
Задача
Мультибренд живёт информационной плотностью: покупатель сравнивает бренды, ищет выгоду и держит список «на потом». Нужен ритейл-интерфейс с честной механикой аутлета — фильтром по брендам, сортировкой по скидке и избранным, которое переживает закрытие вкладки. Аутлет живёт остатками: партия уходит за пару дней, и наличие на витрине должно меняться вместе со складом, а не через неделю. Владельцу нужно было одно окно, где видно, что продано, что осталось по каждому бренду и сколько принесла распродажа.
Решение
Собрали плотный сине-белый ритейл с жёлтыми аутлет-плашками: контактный топбар, меню категорий, компактные карточки с брендом и скидкой. Избранное работает по-настоящему: сердечки на карточках, счётчик в шапке, отдельная страница, хранение в localStorage. В каталоге — фильтр по 14 брендам со счётчиками, тумблер «Только аутлет-цены» и сортировка «по размеру скидки». Поиск из шапки и тематические подборки ведут в отфильтрованный каталог через query-параметры. Собрали свою панель управления: заказы, остатки по всем четырнадцати брендам, аналитика по скидочным позициям. Обмен с Saby (СБИС) держит цены и наличие в актуальном виде, снимает товар со склада в момент оформления и отдаёт чек. Заказы разъезжаются через СДЭК, Boxberry и Доставку Ozon, оплата — ЮKassa и СБП.
Что внутри
- Рабочее избранное со страницей и счётчиком в шапке
- Фильтр по 14 брендам со счётчиками товаров
- Тумблер «Только аутлет-цены» + сортировка по размеру скидки
- Рабочий поиск и подборки-теги через query-параметры
- Жёлтые аутлет-плашки «Выгода N%»
- Корзина-drawer с пересчётом на любой странице
- Checkout с пересчётом доставки и экраном подтверждения
- Цены и остатки аутлета из Saby, заказы и аналитика в своей панели
Нужен магазин в вашей нише?
Соберём витрину под ваш бренд — с каталогом, корзиной, CMS и интеграциями. Покажем прогресс каждые 2–3 дня.