B2B-кабинет на CMS 1С-Битрикс для кофейного бренда «Лоботрясы»: от 100 оптовых заказов ежемесячно

О клиенте

«Рыжий, море и лоботрясы» — собственное производство свежеобжаренного кофе категории specialty. У компании есть ростерия, две кофейни и интернет-магазин на CMS 1С-Битрикс. На онлайн-площадке зарегистрировались 2 тысяч пользователей, они оформили заказов на 25 млн рублей, из них 20% заявок от юридических лиц.

Однако оптовикам было неудобно покупать в розничном интернет-магазине. Когда число таких клиентов стало расти, «Лоботрясы» решили создать для них личный b2b-кабинет. Работу над проектом начали во втором квартале 2022 года, запустили в тестовом режиме в ноябре, о старте проекта объявили в середине апреля 2023 года. В кейсе покажем, как выглядит b2b-кабинет изнутри.

Проблемы клиента

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

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

Цели клиента

• Создать удобный личный b2b-кабинет с простой регистрацией, собственной программой лояльности и подключением нескольких юрлиц.
  
• Увеличить число оптовых покупателей.
  
• Выписывать счета в автоматическом режиме с учётом скидки и обрабатывать заказы 24/7.
  
• Упростить работу сотрудников.

Чем Вебфлай помогли

Разработку b2b-кабинета начали весной 2022 года. Перенесли на портал основной дизайн бренда, на главной поместили дашборд со статусом клиента, оформили упрощённый оптовый каталог, разделы сайта и корзину, подключили внешние сервисы и выполнили интеграцию с 1С.

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

Перенесли в b2b-кабинет дизайн основного сайта 

В оптовый кабинет «Лоботрясов» перенесли элементы дизайна, которые бренд использует в интернет-магазине и офлайн-точках, — это цвета, иконки, отступы, мобильные и десктопные шрифты. Поскольку в проектах мы используем атомарный дизайн, то вносить изменения в макет и согласовывать с заказчиком получается быстрее.

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

Настроили упрощённую регистрацию и авторизацию юрлица

Регистрация

Чтобы ускорить регистрацию на портале, оставили всего 4 категории данных для заполнения: Ф.И.О. пользователя, e-mail, пароль и ИНН юрлица. Остальные сведения о компании подгружаются автоматически с помощью сервиса DaData. Далее клиент в выпадающем окошке указывает, использует ли ЭДО и знакомится с публичной офертой. Это экономит время, особенно при добавлении нескольких юрлиц, и сводит до минимума риск ошибки при выставлении счёта.

Авторизация

Настроили два способа авторизации: по номеру телефона и с подтверждением входа по коду из SMS. При этом оставили доступ по e-mail для тех, кому удобен этот способ. Два варианта авторизации сделали на случай, если пользователь не захочет указывать корпоративную почту, в которой письмо может затеряться.

Настроили дашборд на главной странице

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

Настроили регистрацию нескольких юрлиц в b2b-кабинете

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

Далее по каждому юрлицу оптовик добавляет несколько адресов доставки. Это удобно, если у компании сеть офлайн-точек и адреса доставки отличаются.

Выполнили интеграцию b2b-портала с 1С

Этап интеграции с системами учёта — наиболее сложный и затянутый во всех e-commerce проектах. Заказчику часто приходится переделывать номенклатуру, структуру каталога и заново вносить данные по шаблону, чтобы обмен между сайтом, CRM и 1С происходил корректно. Некоторым клиентам такие усилия кажутся излишними, и они думают, что можно обойтись без таких «заморочек», но нет.

В этом проекте сложности с интеграцией 1С появились на этапе создания системы управления складом. «Лоботрясы» начали использовать 1С:УНФ и вносить данные. Для корректного учёта надо было считать зелёный кофе в зернах и потери при обжарке, — а это 10-30% в зависимости от степени обжарки. То есть, в ростер засыпают 1 кг зелёных зерен, а на выходе получают 700-900 гр готового продукта.

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

Настроили автоматический расчёт остатков по лотам

В товарном каталоге есть кофейные смеси. Например, в составе одной позиции может быть несколько лотов арабики в соотношении: 70/ 20/ 10%, у каждой смеси —- свои пропорции. В зависимости от того, какую смесь заказывают оптовики — меняются остатки кофейного лота в граммах.

В b2b-кабинете настроили мгновенный расчёт остатков зерна исходя из общего объёма лотов и количества, которое добавили в корзину. Например: «Авангардной эспрессо-смеси» в наличии 23 кг, есть упаковки по 200 гр или 1 кг.

Представим, что покупатель №1 добавил в корзину 100 пачек по 200 гр, то есть 20 кг. Система рассчитывает, какое количество пачек осталось исходя из того, что уже лежит в корзине у этого клиента и других пользователей. Получается, что остальным оптовикам доступно 3 кг смеси: это 3 пачки по 1 кг, 15 пачек по 200 гр, или заказ в иных комбинациях.

Создали упрощённый оптовый каталог товаров

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

Если покупатель зарегистрировался впервые, то видит в каталоге алерт «Привет, оптовик! Минимальный заказ кофе — 10 пачек». Оповещение меняется в зависимости от статуса и процента скидки. Покупать большие объёмы товара могут и физические, и юридические лица.

Создали бонусную систему

«Лоботрясы» хотели сделать понятную программу лояльности, которая отображается в виде шкалы на стартовой странице и в корзине. Для оптовиков разработали 5 статусов, присвоили им разные цвета, придумали забавные названия в духе бренда.

Программа лояльности основана на том, что кроме оптовой цены, клиент получает скидку за регулярность заказов. Для сохранения статуса важно покупать кофе раз в месяц, и чем дольше это делать, — тем выше будет процент скидки. Клиент видит напоминания о дате нового заказа на дашборде, в уведомлениях на портале и по e-mail. Это помогает не забыть о заказе и сохранить скидку.

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

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

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

Счёт и оплата

Оптовый покупатель оформляет и оплачивает счёт в b2b-кабинете 24/7, без участия менеджера. Информация о новых сделках и поступлении оплаты отображается в Битрикс24 в real-time.

Интеграция с внешними сервисами

1С — «Лоботрясы» используют 1С: УНФ. В ней ведут учёт клиентов, списание товара со склада, фиксируют скидки оптовиков и формируют счета. Когда пользователь регистрируется на-портале и оформляет заказ, то данные сразу поступают в 1С, а в личном кабинете появляется счёт на оплату. Закрывающие документы отправляют по ЭДО.

Битрикс24 — заказы из b2b-кабинета попадают в общую воронку продаж в CRM. Сделки группируются по стадиям: поступил, формируется к отправке, передан курьеру, клиент получил посылку. Менеджер видит на каком этапе находятся заявки и не пропустит ни одной. Также CRM отправляет покупателю автоматические оповещения о статусе заказа и опрос о качестве обслуживания.

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

Сервисы доставки — DPD (до двери, в пункт выдачи или постамат), CDEK, «Почта России»). Оптовик в личном кабинете выбирает способ и адрес доставки, модуль рассчитывает стоимость пересылки и выдаёт трек-номер для отслеживания. 

Интернет-эквайринг — онлайн-оплата через интернет банковскими картами 3-х платёжных систем. Компания использует модуль от Вебфлай для Битрикс24 и 1С-Битрикс.

Индекс NPS — приложение от Вебфлай для сбора отзывов и обратной связи. Через 5 дней после доставки покупателю приходит опрос о качестве обслуживания по шкале от 1 до 10 баллов. «Лоботрясы» используют приложение с 2021 года, с помощью него собирают отзывы и улучшают сервис.