Разработка автономной e-commerce платформы на замену SAP Hybris для федеральной сети «БИ-БИ»

  • Задача

    Главная цель — обеспечение технологической независимости бизнеса после ухода SAP Hybris из РФ. Требовалось создать полностью автономную, масштабируемую e-commerce платформу, которую компания сможет развивать самостоятельно и осуществить бесшовный переход с коробочного решения на кастомную микросервисную архитектуру

  • О компании

    «БИ-БИ» — федеральная сеть и один из крупнейших маркетплейсов автозапчастей в России. Бизнес объединяет онлайн-площадку и разветвленную розничную сеть, представленную более чем в 40 городах европейской части страны

  • Что сделали

    Разработали и запустили автономную e-commerce платформу на базе отказоустойчивой микросервисной архитектуры с асинхронным обменом данными через Kafka. Провели полный редизайн интерфейсов на основе исследований, превратив сайт в единый рабочий инструмент как для онлайн-покупателей, так и для менеджеров в торговых залах

Результаты

    28 секунд

    среднее время оформления заказа (сократили с 74 секунд)

    24 000 заказов в сутки

    подтвержденная нагрузочная способность системы

    7%

    рост конверсии в оформление заказа

    18 %

    снижение показателя отказов (Bounce Rate) на главной

    45 %

    доля мобильных заказов (рост с 42% благодаря адаптиву)

    98,3%

    точность подбора запчастей

Реализация

Подход к работе

Отказ от «коробки» и Soft Launch. Мы отказались от стандартных коробочных интеграций с 1С, так как они не справились бы с нагрузками крупного ритейлера. Ставка была сделана на кастомную разработку. Запуск проекта проходил в режиме «Soft Launch» — поэтапно, регион за регионом. Это позволило протестировать гипотезы в реальных условиях, собрать обратную связь и внести улучшения еще до финального переключения всей федеральной сети. Техническая реализация и UX/UI редизайн велись параллельно

Этапы реализации

Основными этапами реализации стали исследования, дизайн и разработка архитектуры

Исследования и дизайн (UX/UI)

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

  • Выявлены ключевые проблемы старого интерфейса: визуальный шум, перегруженность, устаревшая типографика
  • Спроектирован «чистый» UI с четкой иерархией
  • Акцент в дизайне сделан на ключевых целевых действиях: на поиске и подборе автозапчастей

Разработка

  • Разработка архитектуры — спроектирована и реализована микросервисная архитектура системы
  • Интеграция брокера сообщений — внедрен Apache Kafka в роли буфера для асинхронного и устойчивого обмена данными как между сайтом и 1С, так и внутри самого сайта между микросервисами
  • Трекинг заказов — реализована система уникальных идентификаторов request_uuid для отслеживания каждого заказа на всех этапах обработки
  • Идемпотентность операций — внедрены ключи идемпотентности, полностью исключающие дублирование заказов при сетевых сбоях и повторных запросах

Финальный переход

Полное переключение нагрузки на новую платформу. Система введена в эксплуатацию, стабильно работает под нагрузкой и поддерживает дальнейшее масштабирование

Особенность проекта

Ключевой технической задачей проекта был модуль проценки, который в реальном времени обращается к двум внешним источникам (Laximo и Eplex) и дополняет полученные данные информацией из внутреннего каталога запчастей. Важно было корректно и синхронно подтягивать стоимость деталей из нескольких источников, сохраняя целостность и актуальность данных

  • Выбор. Пользователь видит оригинальные каталожные номера и совместимые аналоги (aftermarket), актуальные остатки и цены, мгновенно сравнивая варианты по срокам и стоимости.
  • Скорость. Время ответа снижено с 31 до 16 секунд даже в пиковые моменты.
  • Точность. Привязка к VIN и модели авто с точностью 98,3%.

Интеграции

Всего объединено 14 внешних и 7 внутренних сервисов. Взаимодействие с 1С происходит асинхронно. Вся архитектура построена так, что даже если 1С или внешний сервис временно недоступны, заказ не потеряется — он сохранится и будет обработан при восстановлении связи

Функционал

Оптимизированная главная страница

Оптимизированная главная страница

Главная страница теперь служит точкой входа для всех ключевых сценариев. Блоки персонализации («Подберем запчасти на...») и акционные предложения («Товары месяца») динамически формируют предложение. Благодаря четкой иерархии элементов, показатель отказов на главной странице снизился на 18%

Новый UX/UI дизайн

В основу нового дизайна легли количественные исследования, которые помогли избавиться от визуального шума и устаревшей типографики. Мы создали современный и чистый интерфейс, где ключевые целевые действия (поиск по VIN, каталог) интуитивно понятны. Новый UI/UX улучшил пользовательский опыт, что подтверждается ростом конверсии на 7%

Усовершенствованный подбор автозапчастей Усовершенствованный подбор автозапчастей

Усовершенствованный подбор автозапчастей

Реализована логичная структура категорий и фильтрация, позволяющая быстро найти нужную деталь. Интеграция с внутренними системами обеспечивает отображение актуальных остатков и цен. Раздел «Избранное» позволяет сохранять товары, упрощая повторные покупки

Добавление товаров в «Избранное»

Добавление товаров в «Избранное»

Личный кабинет и «Мой гараж»

Личный кабинет и «Мой гараж»

В Личном кабинете реализованы функции сохранения персональных данных и раздел «Мой гараж». Пользователь может добавить несколько автомобилей («Автомобиль для семьи») для мгновенного подбора запчастей без необходимости каждый раз вводить VIN или марку

Умный поиск по артикулу, названию или VIN-номеру Умный поиск по артикулу, названию или VIN-номеру

Умный поиск по артикулу, названию или VIN-номеру

Поиск — одна из ключевых функций маркетплейса. Мы реализовали высокоточный и быстрый поиск по каталожным номерам деталей, VIN и названию. Система валидирует введенные данные, мгновенно выдавая результаты поиска и минимизируя шанс ошибки при подборе запчасти

Адаптивный дизайн и Mobile First Адаптивный дизайн и Mobile First

Адаптивный дизайн и Mobile First

Полностью адаптивный дизайн, повторяющий функционал десктопа, обеспечил комфортный user-flow на любом устройстве. Это привело к росту доли мобильных заказов с 42% до 45%. Мобильная версия позволяет легко найти необходимые детали для любого автомобиля и оформить заказ, находясь в дороге или в гараже

Интеграция с программой лояльности Интеграция с программой лояльности

Интеграция с программой лояльности

Новый маркетплейс полностью интегрирован с внутренней системой лояльности (Loya). Пользователи могут прямо на сайте ознакомиться с условиями программы лояльности и увидеть свои накопления. Это способствует удержанию клиентов и повышению LTV

Уникальный модуль проценки

Уникальный модуль проценки

Самая сложная технологическая часть проекта. Модуль опрашивает внешние и внутренние источники, чтобы мгновенно вывести все возможные предложения по детали. Результаты поиска содержат сравнение цен и сроков доставки от разных поставщиков (оригиналы vs. аналоги), при этом время ответа снижено с 31 до 16 секунд, а точность подбора составляет 98,3%

Автор

Эксперт

Разработка новой e-commerce-платформы совместно с QSOFT стала ключевым шагом на пути к технологической независимости БИ-БИ. Отдельного внимания заслуживает реализация сложного модуля проценки: интеграция потребовала предельной точности в работе с данными и глубокой проработки механизмов синхронизации. Команда QSOFT показала высокий уровень экспертизы, ответственности и вовлеченности на всех этапах — от проектирования архитектуры до поэтапного запуска решения

Команда проекта

Со стороны БИ-БИ

  • Андрей Воронов — Руководитель проекта
  • Александр Катюнин — Директор департамента электронной коммерции
  • Борис Кондрашин — Руководитель отдела 1С
  • Даниил Зайцев — Тестировщик
  • Кирилл Еремичев — Руководитель группы контента отдела digital маркетинга

Со стороны QSOFT

  • Михаил Волков, Ксения Петренко — Тимлиды разработки.
  • Гурьянова Анастасия — Менеджер проекта
  • Виталий Яковлев — QA-инженер
  • Марсель Набиуллин, Андрей Клюев, Григорий Сухотин, Долир Аляев — Разработчики

Похожие кейсы

Lamoda

Следующий кейс
Lamoda