Демо-магазин — велосипеды
Живой сайт — velox-bikes.vercel.app ↗VELOX. Спортивный магазин велосипедов и экипировки
Веломагазин с динамичной крупной типографикой и диагональными акцентами: от шоссейников до шлемов — всё в одной красно-белой системе.
Задача
Веломагазину с ассортиментом от шлемов за 3 000 до карбоновых шоссейников за 180 000 нужен был сайт, передающий скорость и спорт, а не «каталог запчастей». Требовались понятные категории (Шоссе, Гравел, МТБ, Экипировка), фильтр по размеру рамы и карточка, где размер выбирается без консультанта. Остаток у велосипедов считается не по модели, а по размеру рамы и цвету: продать «последний L», которого уже нет, значит потерять клиента и день на извинения. Магазину нужен был один контур, где заказы, остатки по размерам, оплаты и статусы сборки видны сразу.
Решение
Построили динамичный красно-белый интерфейс: крупная uppercase-типографика, диагональные плашки и полосы, живое hero-фото с гор. Каталог — фильтры по категории, цене, раме и тормозам, карточки с ценами и скидками. В карточке товара — выбор размера рамы S-XL с подсказкой по росту, ключевые характеристики группсета и веса, похожие модели. Цены с tabular-цифрами читаются как на ценнике. Каталог работает от собственной панели управления: заказы, остатки по каждому размеру рамы, аналитика по категориям и сезонности. Настроили обмен с товароучётной системой Saby (СБИС) — оформленный заказ выгружается в учёт, велосипед и экипировка списываются со склада, покупателю уходит чек. Габаритные отправки идут через СДЭК, городские после сборки везёт Яндекс Доставка, оплатить можно онлайн через ЮKassa или при получении в магазине.
Что внутри
- Категории Шоссе, Гравел, МТБ, Экипировка
- Фильтр по размеру рамы и материалу
- Выбор размера рамы в карточке
- Диагональные акценты и крупная типографика
- Бейджи скидок и хитов
- Блок похожих моделей
- Бейджи рассрочки и бесплатной сборки
- Остатки по размерам рам в панели, обмен с Saby, СДЭК и оплата ЮKassa
Нужен магазин в вашей нише?
Соберём витрину под ваш бренд — с каталогом, корзиной, CMS и интеграциями. Покажем прогресс каждые 2–3 дня.