Разработка интернет-магазина для сети гипермаркетов «Колесо»

О клиенте

«Колесо» — сеть гипермаркетов автотоваров в Санкт-Петербурге. Шины, диски, аккумуляторы, моторные масла, а также собственные услуги шиномонтажа и хранения шин. Компания работает давно, клиентская база большая, но цифровой канал продаж существенно отставал от офлайна.

Задача

Сайт работал на 1С-Битрикс версии 10.0.7 — платформе десятилетней давности. Не было адаптивной верстки, что напрямую влияло на позиции в поиске и поведение мобильных пользователей. Стоимость и сроки доставки можно было узнать только после звонка менеджеру. Возможностей для развития функционала практически не оставалось.

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

Проектирование

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

Дизайн и фронтенд

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

Каждый экран существует в трёх версиях: для компьютера, планшета и смартфона. Сценарий выбора шины по параметрам автомобиля, корзина, оформление заказа — всё одинаково удобно работает на любом устройстве, без упрощений для мобильной версии.

Дизайн-система выстроена так, чтобы сайт можно было развивать без потери визуальной целостности.

Было

Стало

Интеграции

1С — каталог и заказы

Двусторонняя синхронизация с 1С: каталог, остатки, заказы. Из-за нестандартной конфигурации на стороне клиента часть данных приходила в нетипичном формате — разработали собственный слой обработки, который корректно интерпретирует выгрузку.

1С — бонусная система

Отдельная интеграция с 1С через через программный интерфейс REST API для программы лояльности в режиме реального времени: начисление и списание бонусов всегда синхронизированы с учётной системой.

Автоматическое обновление базы

Марки, модели, комплектации, размеры шин и дисков для подборщика актуализируются без ручного вмешательства.

Платёжные системы

Сбербанк — оплата по карте, рассрочка, кредит;
Яндекс Сплит — оплата частями;
Альфа-Банк — оплата по QR-коду.

Программа лояльности

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

1% — начисляется от суммы каждой покупки
до 3% — можно оплатить бонусами при следующем заказе.
Возможность устанавливать правила в админке: ограничение по категориям, максимальный размер скидки и т.п.
Заведение промокодов через стандартный механизм Битрикс.

Результат

1. Подбор шин, дисков и масла по параметрам автомобиля с визуализацией результата
2. Онлайн-запись на шиномонтаж
3. Оформление хранения шин
4. Отслеживание статуса заказа и курьера в реальном времени
5. Авторизация без пароля
6. Улучшенный личный кабинет с историей заказов и бонусным счётом
7. Автоматическое формирование счётов для юридических лиц