SportPoint — интернет-магазин спортивных товаров
Собрали и запустили магазин спорттоваров, связав его с учетной системой, CRM, доставкой и оплатой, — а через несколько лет обновили его облик, экран за экраном, не останавливая продажи.
- запуск в 2021-м, редизайн с 2024-го
- 2 этапа
- на одном коде и одном дизайне
- 2 сайта
- переработано, от главной до магазинов
- 6 разделов
- магазины сети с маршрутом до точки
- Карта
Задача
Сначала — запустить интернет-магазин спортивной одежды, обуви и аксессуаров и встроить его в процессы компании. Через несколько лет — обновить облик, не останавливая продажи.
Что сделали
Собрали магазин с приемом выгрузок из учета, обменом с CRM, расчетом доставки, эквайрингом и SMS. Позже переработали главную, каталог, карточку, корзину, оформление и раздел магазинов.
Чем закончилось
Магазин запущен в 2021 году, обновленный облик выходил частями с 2024-го; тем же кодом и дизайном живет второй сайт компании.
С чем пришли
SportPoint — интернет-магазин спортивных товаров: одежда, обувь и аксессуары для занятий спортом, доставка по России. У компании есть и офлайн-точки, поэтому онлайн и магазины работают в связке.
Магазин продает вещи известных брендов, и покупатель приходит либо за конкретной моделью, либо «посмотреть кроссовки». Каталог должен обслуживать оба сценария.
Часть заказов заканчивается в магазине — самовывозом или примеркой, поэтому раздел точек продаж такой же рабочий инструмент, как каталог.
- Магазин встраивался в уже работающие процессы: заказы ведутся в CRM компании, номенклатура — в учетной системе, и подстраиваться пришлось сайту.
- Редизайн шел на живом магазине: экраны выходили частями, и каждая часть обязана была работать рядом со старыми.
- Ассортимент разложен по полу, виду спорта, бренду и размеру — фильтр должен оставаться понятным на телефоне.
Что сделали
Запустили магазин
Собрали каталог, корзину и оформление на типовом решении и связали их с системами компании: прием выгрузок из учета, обмен с CRM, расчет доставки, оплата картой и уведомления.
Разобрались с размерами и цветом
Одежду и обувь выбирают не так, как технику: свойства каталога пришлось переразложить под примерку, а не под характеристики.
Обновили облик
Главная, каталог, карточка, корзина и оформление переработаны заново — не разом, а по одному экрану, на живом магазине.
Довели до кабинета
Редизайн дошел до личного кабинета, программы лояльности и служебных страниц: обновленной должна была стать вся витрина, а не первый экран.
Сделали раздел магазинов
У сети есть офлайн-точки, и раздел про них — часть витрины, а не справочная страница.
Как это устроено
Каталог товаров
Тем, кто пришел «просто посмотреть», фильтр не нужен: над сеткой стоят быстрые теги — хит, новинка, распродажа, бренды, — а рядом отбор по способу получения, отсекающий то, что нельзя забрать или привезти удобно. Стикеры на карточках приходят из учетной системы и работают теми же кнопками.
Страница товара
Цвет и размер собраны у цены: другая расцветка той же модели открывается переключателем, а не поиском по каталогу заново. Рядом с выбором размера — таблица соответствия; описание и состав идут ниже, их читают уже после выбора.
Корзина и оформление
Оформление собрано на одной странице: покупатель, способ получения, доставка и оплата идут шагами сверху вниз, а состав заказа виден справа целиком. Каждый способ получения показан ценой и сроком сразу, промокод применяется на месте — разбитое на экраны оформление одежду теряет чаще, чем технику.
Магазины
Карта с точками сети, адресами и часами работы: отсюда строят маршрут до магазина, а не выписывают телефон.
Функциональные решения
Размеры в фильтре
Не список, а прямоугольники, отсортированные по российской сетке; вариантов без остатка в выдаче нет.
Размерные сетки
Отдельный раздел с сетками по полу и бренду: одной таблицы в карточке мало, когда у каждого бренда своя.
Наличие в магазинах
Примерка часто решает покупку, поэтому наличие в точке стоит рядом с размером, а не в отдельном разделе.
Оплата с холдированием
Деньги сначала блокируются, а списываются после подтверждения состава: в одежде заказ часто уточняют по размеру.
Технические решения
Прием выгрузок из учета
Сайт принимает архив с данными по своему адресу, проверяет отправителя и кладет задание в очередь: разбор идет отдельно от запроса, поэтому большая выгрузка не держит соединение с учетной системой. При полной выгрузке товары, которые в нее не попали, снимаются с витрины — иначе снятая с производства модель осталась бы в продаже.
Заказы в CRM
Обмен расширен так, чтобы менеджер видел заказ целиком: верные артикулы, остатки, цены и вес в товарах, состав, статусы и данные доставки в заказах, выбранный пункт выдачи. Набор статусов согласован между сайтом и CRM — рассинхронизация статусов на витрине и у менеджера дороже, чем кажется.
Доставка через CRM
Изначально заявки уходили в службу доставки с сайта. Позже схему переключили: заказы идут в службу через CRM, где менеджер их и ведет, — одна точка вместо двух, расходящихся при каждой правке заказа.
Общее с соседним проектом
Фотографии товаров и база размерных сеток берутся из соседнего проекта того же заказчика: снимать и вести одни и те же данные дважды никто не собирался.
Разработка не стреляет в боевое
На рабочих стендах боевые интеграции ограничены: тестовый заказ не уходит в CRM и не вызывает курьера. Это скучная работа, которую делают ровно один раз — после первого случая, когда так произошло.
Два сайта на одном коде
Тем же кодом и тем же дизайном обслуживается второй магазин компании: правка выходит сразу на обоих, а различия живут в настройках.
Платформа
1С-БитриксPHP
Интеграции
1СretailCRMShiptorЭквайринг СбербанкаSMS4B
Магазин запущен в 2021 году, а с 2024-го выходит его обновленный облик — частями, на работающей витрине. Это второй проект компании, с которой мы работаем: рядом идет b2b-портал Lestate.
Похожие работы
Все работы
Lestate
Поддержка и развитие b2b-портала дистрибьютора.
OHH.RU
Интернет-магазин медицинского оборудования.
Crazy Iron
Мотозащита напрямую от производителя: самый большой выбор мотоклеток.- 160+проектов с 2009 года
Смотреть все работы
Интернет-магазины, порталы, корпоративные сайты и внутренние системы — от разработки с нуля до многолетнего развития.
