Кейс: Как мы разработали личный кабинет дилера для федерального производителя складского оборудования: автоматизация B2B-продаж через интеграцию с 1С порталы и сервисы

Рассказываем, как мы реализовали закрытый ЛК с поддержкой нескольких юрлиц, гибким ценообразованием и умным резервированием товаров.

Заказчик

«ГТС Складские системы» — один из ведущих российских производителей складского оборудования. Компания выпускает все виды стеллажей для полочного, паллетного и комбинированного хранения на собственных производственных линиях.

Помимо стеллажей, «ГТС» развивает собственный бренд складской техники, и располагает сервисным центром, осуществляющим гарантийный и постгарантийный ремонт оборудования.

Задача

У «ГТС Складские системы» есть полноценный интернет-магазин с обширным каталогом из 5 000+ товаров, он открыт для всех пользователей в сети и показывает единые розничные цены. При этом особые условия работы с постоянными дилерами, а именно: персональные цены, кредитные лимиты, остатки на складе и прочее, оставались недоступны для самостоятельного просмотра и без помощи менеджера было не справиться.

Поэтому перед нами встала большая задача — создать закрытый личный кабинет дилера (ЛКД), который:

• Доступен только авторизованным партнёрам (каждый дилер получит персональный логин и пароль для работы с системой);
• Отображает персональные условия строго под привязанный контрагентский договор (включая разные типы цен на разные группы товаров, скидки и т.д.);
• Позволяет оформлять, отслеживать и управлять заказами;
• Автоматически выдаёт документы из 1С.

Начало работ

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

Проанализировали реальные бизнес-процессы:

• Как дилеры выбирают товары и оформляют заказы в текущий момент;
• Какие данные критичны для принятия решения;
• Как организованы складские потоки;
• Какие ошибки чаще всего возникают при ручном оформлении.

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

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

На основе собранной информации и ТЗ мы сосредоточились на проектировании главного элемента личного кабинета — каталога. Хотелось создать инструмент, который заменит рутинные звонки менеджеру, но при этом не заставит дилеров окунаться во что-то непонятное и переучиваться.

Поэтому обсудив, решили: «Делаем табличное представление в формате оптового прайс-листа, как в Excel», именно в таком виде дилеры привыкли работать годами.

В макете мы заложили:

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

Прототип каталога для личного кабинета дилера

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

Дизайн

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

Мы разработали все ключевые экраны:

• Окно авторизации;
• Главная страница;
• Каталог;
• История заказов;
• Избранные товары;
• Черновики заявок;
• Корзина.

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

Каталог

Избранные товары

Черновики заявок

История заказов

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

Как работает ЛК: функционал и интеграция

Архитектура

Теперь переходим к самому интересному. ЛКД размещён на отдельном домене и работает на отдельном ядре «1С-Битрикс», что исключает влияние на публичный сайт и повышает безопасность. При этом структура каталога полностью синхронизирована с оптовым прайсом сайта.

Персонализация

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

Цены рассчитываются на основе условий, заданных в 1С для каждой группы товаров. Кредитный лимит, статус оплаты, контакт менеджера — всё подтягивается из 1С и обновляется автоматически.

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

Заказ товара с умным резервированием

Дилер собирает заказ так, как ему удобно: вручную, из избранного, черновиков или истории заказов. Но заказать товары сразу не получится — сначала система проверит, есть ли товар в наличии, делая запрос в 1С в реальном времени.

Результат отображается заливкой определённым цветом, чтобы наглядно всё было понятно:

• Зелёный — всё в наличии на основном складе, можно заказывать.
• Оранжевый — товара не хватает на основном складе, но можно добрать с других.
• Красный — товара нет совсем или запрошено больше, чем есть в наличии.

Фрагмент из ТЗ

Если всё в порядке, то появляется кнопка «Зарезервировать и заказать», но только на ограниченное время. За это время нужно подтвердить заказ, иначе придётся проверять остатки заново. Если товара не хватает, система не просто блокирует отправку, а помогает найти решение: предложит уменьшить количество или сразу позвонить/написать личному менеджеру.

Документооборот

Как только в 1С формируется счёт и УПД, они автоматически появляются в личном кабинете дилера в формате ПДФ (PDF). Их можно скачать или отправить на почту (себе или другому пользователю) в один клик.

Из 1С на сайт передаются:

• данные о контрагентах;
• персональные цены и скидки;
• остатки по складам;
• кредитные лимиты;
• информация о заказах и документах;
• данные о менеджерах.

С сайта в 1С отправляются:

• заявки на проверку и резервирование товаров;
• подтверждённые заказы.

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

Результат

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

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

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