Автоматизировали оптовые продажи дилера газового оборудования для автомобилей с крупной региональной сетью

Первая версия сайта Avtogbo.com была запущена в 2013 году, основное направление — торговля комплектующими газового оборудования для автомобилей. Это один из первых профильных интернет-магазинов ГБО и запчастей, который торгует оптом и в розницу.

Региональная сеть состоит из 11 складов по всей России: Москва, Белгород, Кемерово, Пермь, Уфа, Казань, Ростов, Южно-Сахалинск, Екатеринбург, Сургут, Челябинск.
Сравнение объемов рынка B2B и B2C Ecommerce - KISLOROD

Проблема

У клиента уже работал интернет-магазин, но появилась необходимость разработать новый сайт, который учитывал бы текущие бизнес-процессы и схему продаж и был более удобен с точки зрения UX.

Поэтому задача глобально делилась на два больших блока: разработка сайта и техническая реализация сложной логики работы с B2B-клиентами.

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

Такой подход давал сразу несколько преимуществ:
  • Экономия средств и ресурсов за счет адаптации готового решения.
  • Сокращение Time to Market и снижение рисков затягивания реализации проекта.
  • Гибкая подстройка под бизнес-процессы клиента за счет освободившихся ресурсов.

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

Задачи

  1. Стилизация готового дизайна под особенности корпоративного стиля.
  2. Адаптация интерфейса готового решения, согласно требованиям проекта.
  3. Учет бизнес-логики для индивидуальной работы с B2B-клиентами.
  4. Двусторонняя интеграция нового сайта с 1С и сервисами интернет-торговли.
  5. Настройка сайта перед запуском, тестирование и базовая SEO-оптимизация.

Стилизация и доработка готового решения

В готовом решении уже присутствуют многие элементы интерфейса, которые учитывают специфику онлайн-заказа как для оптовиков, так и для розницы:
  • внедрены лучшие практики UX;
  • табличное и плиточное расположение товарных блоков и логика работы с каталогом;
  • сайт адаптируется под все разрешения, поэтому пользоваться им удобно на любом устройстве.

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

Сравнение объемов рынка B2B и B2C Ecommerce - KISLOROD
Все доработки готового решения выполнялись без изменения ядра фреймворка, чтобы сохранить возможность для последующего обновления сайта и его стабильной работы.

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

Остальные страницы были кастомизированы под требования клиента.
Регистрация и авторизация на проекте реализованы стандартно — логином является номер телефона. При регистрации необходимо выбрать тип покупателя — юридическое или физическое лицо.

При регистрации юридического лица срабатывает следующий сценарий:
  • Создание лида в Битрикс24 заказчика. Лид запускает бизнес-процесс, настроенный ранее заказчиком, на ответственного регионального менеджера. Связь реализована через обработчик и rest-запрос.
  • Отдельное email-уведомление о регистрации для юридического лица.

Также нами была настроена интеграция сайта с CRM Битрикс24:
  • Заказы с сайта выгружаются в раздел «Сделки».
  • Заявки из форм отправляются в раздел «Лиды».
  • К сайту подключены «Открытые линии», которые объединяют множество цифровых каналов для бесшовной коммуникации с клиентом.

Сложная схема бизнес-процессов

Интернет-магазин клиента работает как с розничными, так и с оптовыми покупателями. И если схема работы в розницу предельна проста, то в B2B есть много нюансов.

  • Работа по всей России и сложная логистика: необходимо получать информацию с региональных складов, учитывать их остатки и местные цены, и все это синхронизировать на сайте, чтобы клиенты видели информацию в реальном времени.
  • Партнеры в зависимости от региона имеют разные условия: могут отличаться стоимость, способы доставки и условия скидок. Поэтому необходимо было индивидуально выводить стоимость и разные типы цен для каждого клиента.
  • Часть товаров импортируется из-за рубежа, и дополнительно указывается цена в валюте: было необходимо пересчитывать стоимость номенклатуры в различных валютах по внутреннему курсу из 1С.
  • Типичный клиент магазина — юридическое лицо, которое может иметь представительства сразу в нескольких регионах, поэтому с ним заключаются соглашения с различными условиями. Необходимо было реализовать возможность работы по разным договорам с соответствующей сменой условий на сайте.

Все эти нюансы нужно было учитывать при отображении цен, скидок и бонусов в личном кабинете.

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

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

Личный кабинет

Задача ЛК в данном проекте — реализовать сложную схему бизнес-процессов и упростить работу с юридическими лицами.
Сравнение объемов оптовой и розничной торговли - B2B Ecommerce KISLOROD
Мы разработали дизайн и функционал новой страницы — «Соглашения». На ней пользователь может выбрать одно из нескольких доступных соглашений, по которому он хочет продолжить работу.

В зависимости от выбранного соглашения меняется стоимость, наличие и количество товара. Страница доступна только для юридических лиц.
Сравнение объемов оптовой и розничной торговли - B2B Ecommerce KISLOROD

Механизмы формирования индивидуальных цен, скидок и пересчета валютных цен

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

Делает это специальный веб-сервис, который предназначен для получения актуальных данных из 1С.
Сравнение объемов оптовой и розничной торговли - B2B Ecommerce KISLOROD
Этот механизм можно было реализовать стандартными методами Bitrix, но тогда разработка заняла бы гораздо больше времени, а кроме того, могли возникнуть сложности с поддержкой корректной работы сайта.

Поэтому мы разработали модуль для пересчета цен на этапе корзины, которая обращается к специальному веб-сервису, отдающему результаты скидок и итоговых цен. Такая схема необходима в первую очередь юридическим лицам, которые работают по нескольким соглашениям и в разных регионах.
Сравнение объемов оптовой и розничной торговли - B2B Ecommerce KISLOROD
При смене соглашения, например, при выборе другой торговой точки и валюты, итоговая стоимость товаров пересчитывается прямо в корзине.

Расчет корзины при работе с другой торговой точкой с учетом цены в валюте с конвертацией в рубли по внутреннему курсу.
Сравнение объемов оптовой и розничной торговли - B2B Ecommerce KISLOROD
Веб-сервис также учитывает наличие товаров на складе — и сразу показывает это в корзине. Например, в Екатеринбурге доступны не все товары из списка.
Сравнение объемов оптовой и розничной торговли - B2B Ecommerce KISLOROD
У импортных товаров цена выводится в валюте и в рублях одновременно и ежедневно рассчитывается по актуальному курсу. Данные о стоимости и внутренний курс валют также хранятся в 1С и полностью обновляются раз в сутки.

Цены в разных валютах указаны как в каталоге, так и в карточке товара, и уже затем в корзине и на этапе чекаута.
Сравнение объемов оптовой и розничной торговли - B2B Ecommerce KISLOROD
Планируете автоматизировать b2b-продажи и работу с оптовиками? Оставьте заявку, мы проконсультируем и подберём оптимальное решение под ваши задачи

Бонусная система

У клиента работала собственная система накопительных скидок для юридических лиц под названием «Выхлопы». Данные по ней подтягиваются из 1С, где они хранятся, как валюта, и также выгружаются на сайт.

Мы создали отдельную страницу в ЛК, где показывается:
  • количество «Выхлопов» у пользователя;
  • список доступных товаров, которые отображаются так же, как в каталоге;
  • блок над списком товаров, в котором дано краткое описание бонусной системы.

Товары, которые можно купить за бонусы, отмечены свойством «Выхлоп» в 1С, а на сайте — специальным ярлыком, который виден лишь юридическим лицам.

При обмене с учетной системой значение этого свойства выгружается на сайт как свойство товара. Также из 1С приходит свойство «Скидка за выхлопы в %», в котором содержится максимальный процент стоимости, который можно оплатить бонусами.

Оплатить можно как часть товара, так и его полную стоимость, начисление производится вручную в 1С, периодически выгружается на сайт и отображается в ЛК пользователей.
Сравнение объемов оптовой и розничной торговли - B2B Ecommerce KISLOROD

Каталог и категории товаров

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

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

Для заполнения ярлыков был разработан специальный скрипт, который запускается раз в сутки и подтягивает из 1С свойства типа чекбокс, где каждый отвечает за отдельный ярлык: «Новинка», «Хит», «Акция», «Спецпредложение», «Выхлоп». Скрипт собирает данные этих свойств и передает сайту.

Настроили стандартный для ГР вывод информации о количестве товара в наличии:
  • от 50 шт. — много;
  • 10–49 шт. — достаточно;
  • 1–9 шт. — мало;
  • 0 шт. — ожидается поступление.
Сравнение объемов оптовой и розничной торговли - B2B Ecommerce KISLOROD
Товары, которых нет в наличии, имеют ярлык «Ожидается поступление» и отображаются с кнопкой «Заказать», которая активирует подписку на товар с уведомлением при поступлении.

Количество товара отображается из наличия на складе в зависимости от подключенного соглашения. Для физических лиц всегда отображаются остатки на складе в Москве.
Для юридических лиц настроено отображение цен в соответствии с выбранным соглашением.

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

Карточки и комплекты товаров

В карточке товара также было настроено индивидуальное отображение цен для каждого B2B-пользователя, в зависимости от типа соглашения.
Сравнение объемов оптовой и розничной торговли - B2B Ecommerce KISLOROD
Количество товаров отображается аналогично тому, как это происходит в категории каталога. На товары, которых в данный момент нет в наличии, можно подписаться и получить уведомление по почте.

Так же, как и в категориях, в карточке товара отображается количество бонусов, которое будет начислено после покупки позиции.

Оценка стоимости доставки производится с помощью модуля расчета доставки от СДЭК, который был интегрирован с сайтом.

При прокрутке страницы в верхней части фиксируется блок с краткой информацией о товаре и кнопкой CTA — это удобная функция из готового решения.
Сравнение объемов оптовой и розничной торговли - B2B Ecommerce KISLOROD
Товары в комплекте выгружаются из базы 1С со своим составом и их количеством в наборе.

Дополнительно для комплектов, покупаемых со склада в Москве, мы реализовали уведомление в виде попап-окна. При добавлении такого комплекта в корзину появляется сообщение: «Мы проверим возможность сборки и подтвердим заказ».
Сравнение объемов оптовой и розничной торговли - B2B Ecommerce KISLOROD

Корзина и оформление заказа

Этап корзины выполнен в классическом виде. Когда пользователь переходит в чекаут, система уже знает это физическое или юридическое лицо, и отдает необходимый функционал.
Юридические лица на этом этапе могут сменить тип соглашения, в результате чего изменятся цены и наличие на складе. Когда корзина обновляется, то в ней появляется кнопка «Пересчитать цены».

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

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

И уже на последнем этапе оформления можно использовать «выхлопы» — под ценой появляется поле «Применить», куда можно ввести нужную сумму бонусов. После этого происходит пересчет цены, и применяется скидка.
Сравнение объемов оптовой и розничной торговли - B2B Ecommerce KISLOROD
Если пользователь совершал покупки ранее, то контакты покупателя подставляются автоматически. Кроме того, добавили выбор доступных служб доставки. Для новых профилей город определяется автоматически с помощью Geo IP.

Оптимизация поиска по сайту

Значительная часть B2B-пользователей начинает работу с поиска по каталогу: функционал и результаты его работы влияют на успешность конверсий, что неоднократно было подтверждено нашими исследованиями и аналитикой на клиентских проектах.

Поэтому штатный поиск мы заменили модулем «Умный поиск», который добавляет следующие возможности:
  • ищет наиболее подходящую информацию по запросу;
  • параллельно проверяет запрос по транслитерации, когда кириллический запрос набран латиницей;
  • исправляет ошибки в запросе и раскладку клавиатуры;
  • добавляет подсказки и настраиваемую область поиска;
  • позволяет искать по свойствам товаров;
исправляет артикулы и позволяет искать товары по ним.
Сравнение объемов оптовой и розничной торговли - B2B Ecommerce KISLOROD

Настройка интеграции с 1С и сервисами

Клиент работал на ERP 1С: Предприятие», нашей задачей было обеспечить интеграцию с 1С со стороны сайта.

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

Дополнительно написали обработчик, который при выгрузке обновляет соглашения в hl-блоке. Он заполняет следующие поля:
  • «Название соглашения». Если поле пустое, в том числе при создании нового элемента, то вписывается наименование типа цены. Если в выгрузке есть название соглашения, то оно записывается автоматически.
  • «Тип цены». Идентификатор типа цены, по которому работает соглашение.
  • «Склад». Идентификатор склада, по которому показываются остатки.
  • «Валюта соглашения», которая считается основной при оформлении заказа и подтягивается из 1С.

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

Обмен заказами между сайтом и 1С осуществляется по следующим параметрам:
  • Обмен статусами заказов между сайтом и 1С.
  • Загрузка документов оплаты с сайта в 1С — при поступлении платежа на сайте, создается документ по заказу покупателя: кассовый ордер или факт оплаты по платежной карте.
  • Если заказ сформирован физическим лицом, то в 1С подставляется единый контрагент «Интернет-магазин», который предусмотрен в настройках модуля обмена.

Также настроили выгрузку данных о контрагентах.

Результаты

  • Обновили дизайн сайта с учетом требований бизнеса и пользовательского опыта, UX.
  • Запустили сайт на готовом решении, за счет чего сэкономили бюджет клиента и значительно сократили Time to Market.
  • Реализовали сложную механику бизнес-процессов для работы с B2B-клиентами.
  • Настроили индивидуальные цены, остатки, бонусы и скидки для юридических лиц.
Провели интеграцию сайта с 1С, CRM Битрикс24 и сервисами e-commerce.
Планируете автоматизировать b2b-продажи и работу с оптовиками? Оставьте заявку, мы проконсультируем и подберём оптимальное решение под ваши задачи

Рекомендованные статьи