Демо-магазин — дождевики и обувь

Живой сайт — grom-rainwear.vercel.app ↗

ГРОМ. Тёмная витрина с видео дождя

Магазин дождевиков, курток и непромокаемой обуви: тёмная страница, навигация пилюлями в один ряд и полноэкранное видео дождливого города на первом экране.

ТипДемо-магазин
ПлатформаСвой код
Срок3–4 недели
Год2026
grom-rainwear.vercel.app
ГРОМ — главная страница магазина
Первый экран: тёмная витрина с видео дождя.

Задача

Бренд дождевой одежды хотел витрину, в которой сама погода становится частью бренда. Светлая нейтральная вёрстка для такой марки не работает: нужен тёмный интерфейс, где кадр с дождём и мокрым асфальтом читается как продолжение продукта. Спрос на дождевики скачет вместе с погодой: в ливень за день уходит столько, сколько обычно за неделю, и расхождение витрины со складом становится заметно сразу. Бренду нужен был магазин, где остатки, заказы, деньги и статусы отправок пересчитываются в одном месте.

Решение

Сделали тёмную страницу с полноэкранным видео дождливого города и сильным затемнением, чтобы текст оставался читаемым. Навигацию собрали пилюлями в один ряд: логотип, разделы, поиск и корзина — все элементы скруглены полностью и полупрозрачны. Товарные блоки идут на тёмном фоне без теней, подписи — мелким капсом. Каталог с фильтрами, карточка с выбором размера, корзина и оформление. Магазин связали с собственной панелью управления: заказы, остатки по размерам и цветам, аналитика по моделям и по дням со всплесками спроса. Обмен с Saby (СБИС) забирает оформленный заказ в товароучёт, списывает позиции со склада и отдаёт покупателю чек. Отправки развели по трём службам: Доставка Ozon и СДЭК до пунктов выдачи, Почта России в небольшие города, платят по СБП или при получении.

grom-rainwear.vercel.app
ГРОМ — каталог с фильтрами
Каталог с фильтрами и сортировкой.
grom-rainwear.vercel.app
ГРОМ — карточка товара
Карточка товара: галерея, характеристики, кнопка покупки.

Что внутри

  • Тёмный интерфейс, собранный вокруг продукта
  • Полноэкранное видео дождя с постером и затемнением
  • Навигация пилюлями в один ряд
  • Товарные блоки без теней на тёмном фоне
  • Каталог с фильтрами по категории и цене
  • Корзина и оформление с выбором доставки
  • CRM и Saby (СБИС), отправки Ozon, СДЭК и Почтой, оплата по СБП
одеждаобувьтёмный дизайнвидео-heroe-commerce

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

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