У ТБМ было два отдельных сайта: один для оптовых клиентов, второй — для розницы. Со временем стало понятно, что такая схема усложняет развитие продукта и увеличивает стоимость поддержки, поэтому было принято решение объединить b2b и b2c в рамках одной платформы. Проект объединённого портала должен был решить сразу несколько задач: сократить затраты на поддержку за счёт единой системы; усилить SEO за счёт работы на одном домене; упорядочить работу с каталогом — поиск, структуру и навигацию. Параллельно учитывали рост мобильного трафика и с самого начала закладывали адаптацию под мобильные сценарии.
Особенности создания b2b платформ для крупного бизнеса
Все уже привыкли к современному UX большинства интернет-магазинов: предсказуемой структуре, быстрому поиску, понятным статусам заказов и минимуму лишних действий. Эти же ожидания переносятся и на корпоративные системы. Но за привычным интерфейсом стоят более сложные сценарии: распределения ролей и зон ответственности, обработка заявок, работа с договорами и счетами, интеграция с ERP. Всё это должно быть встроено в систему так, чтобы пользователь мог работать без специального обучения и погружения во внутренние регламенты.
Основная сложность — в бизнес-логике, которая остаётся «под капотом». У разных клиентов действуют разные условия: цены могут зависеть от региона или быть персональными для конкретной компании. Платформа должна одновременно учитывать несколько моделей ценообразования и сценариев оформления заказов.
У ТБМ уже была сложная b2b-логика, встроенная в текущие процессы. Поэтому задача заключалась не просто в запуске нового сайта, а в переносе этой модели в объединённый портал с возможностью её дальнейшего развития в рамках единой платформы.
Предпроектная аналитика
Дизайн предоставил заказчик, наша зона ответственности включала архитектуру решения, интеграции, создание бэкенда и реализацию фронтенда. Команда системных аналитиков собрала ожидания стейкхолдеров и оформила их в понятное для всех сторон техническое задание: описала цели проекта, приоритетные бизнес‑процессы, правила работы сервиса, пользовательские сценарии и логику работы интерфейса.
Отдельным разделом были описаны требования к надежности и эксплуатации: целевая архитектура, подходы к резервированию и восстановлению, регламенты на случай сбоев и базовые показатели по мониторингу. Для интеграций с внешними системами подготовили пакет документации с наглядными схемами обмена (UML‑диаграммы последовательности), перечнем подключаемых API и списком интеграционных объектов Oracle, которые должен использовать новый сайт.
Разработка
Панель администрирования
Админпанель стала единым рабочим центром управления порталом: через неё команда управляет пользователями, каталогом и товарами, контентом и коммерческими параметрами без участия разработчиков. Гибкая система ролей и прав позволяет настраивать доступы для разных типов пользователей и команд.
В панели сосредоточено управление контентом и структурой: города, филиалы и контакты, а также все контентные разделы — новости, статьи, акции, вакансии, бренды, журнал «Планета ТБМ», медиа и статичные страницы. Бизнес может самостоятельно обновлять информацию и создавать новые страницы с информацией для пользователей.
Отдельный блок отвечает за каталог: управление структурой, характеристиками и карточками товаров. Для каждой позиции можно настроить доступность по городам продаж, загрузить изображения и видео, инструкции, технические каталоги и сертификаты. Также можно задавать комплекты, связанные позиции и конфигурируемые товары с группировкой вариантов по характеристикам.
Каталог, пользователи и заказы синхронизированы с ERP: актуальные данные запрашиваются из системы, а обновления отправляются с сайта. Это снижает объём ручной работы и исключает расхождения в данных.
В админке также есть раздел, который отвечает за калькуляторы. Через него настраиваются их типы и доступность на сайте. Для калькуляторов подбора комплектующих реализован интерфейс управления справочниками: групп и типов изделий, групп и параметров изделий, а также соответствия типов товаров и параметров, по которым выполняется подбор для пользователя.
Инструменты поиска и настройки SEO также вынесены в админку: управление синонимами и параметрами поиска, статистика поиска пользователей, настройки robots.txt, sitemap и редиректов. Это дает маркетингу контроль над видимостью портала без вмешательства в код.
Пользовательская часть
Для B2C-пользователей реализовали привычный витринный интерфейс: автоматическое определение города по IP с возможностью выбора нужного региона, каталог, корзина, оформление заказа и личный кабинет. Сценарии одинаково предсказуемы для гостя и авторизованного пользователя, с дополнительными возможностями после входа.
Пользовательская часть делится на три блока:
- Витрина и контент. Публичная часть с информационными разделами: о компании и брендах, продуктах и сервисах, новостях, медиа и документах.
- Продажи B2C. Полный e-commerce-контур: каталог с фильтрами, карточки товаров, избранное, корзина со скидками и промокодами, оформление заказа.
- Личный кабинет. Регистрация и авторизация, профиль и адреса доставки, заказы и счета с возможностью повторного оформления, персональные условия скидок, избранное и история покупок.
Для B2B-пользователей личный кабинет стал полноценным рабочим инструментом. Клиент формирует заявки, управляет компаниями, отслеживает счета и может оформлять рекламации — без постоянного участия менеджера. После авторизации пользователь видит каталог для активной фирмы с ее индивидуальными условиями. В разделе прайс-листов он может запрашивать актуальные цены по всему каталогу, сегменту или списку артикулов.
Работа с заявками и заказами
Заявки можно формировать разными способами: из каталога и калькуляторов, загружать артикулы из файлов или списком, вводить артикулы напрямую в форму. Для каждой заявки можно задать индивидуальный номер, указать комментарий, настроить фильтры по ключевым параметрам. Отдельно реализован сценарий работы с дефицитом: система показывает проблемные позиции, которые можно скорректировать до отправки.
Процесс отправки повторяет привычный checkout: название компании, адрес, дата доставки, способ получения и оплаты.
Счета и рекламации
В разделе «Счета» клиент работает со всеми документами: фильтрует, выгружает, просматривает детали и инициирует рекламации. Блок рекламаций покрывает полный цикл: создание, редактирование, отправка и отслеживание статусов принятия решения.
Повторные закупки и ассортимент клиента
Раздел «Мои товары» позволяет быстро собирать повторяющиеся закупки: клиент опирается на свой ассортимент и может оформлять новый заказ на основе ранее сделанных.
Оргструктура и данные клиента
В кабинете управляются юрлица, контактные лица и адреса доставки: добавление, редактирование, смена реквизитов, настройка фирмы по умолчанию.
Помимо отдельных сценариев B2C и B2B, во всей пользовательской части работают общие инструменты.
Поиск поддерживает работу по артикулу и названию, с фильтрами и подсказками, объединяя товары и контент.
Логика доставки учитывает разные сценарии: собственная доставка ТБМ, самовывоз и транспортные компании, с учётом отличий для физических и юридических лиц.
Отдельный раздел калькуляторов закрывает сложные расчёты для изделий под заказ: пользователь задаёт параметры будущего изделия, получает результат расчёта и может сразу добавить его в заказ. На сайте используются два типа калькуляторов:
- Калькулятор подбора комплектующих
Отвечает за подбор списка товаров по введённым пользователем параметрам изделия (например, оконных створок, ящиков или ПВХ‑дверной фурнитуры). Интерфейс работает как пошаговый мастер: выбор типа конструкции, указание размеров и параметров комплектующих, отображение результатов расчёта с готовым набором позиций для добавления в заказ. - Калькулятор производственных изделий
Используется для направлений вроде лакокрасочных материалов и мебельных фасадов и позволяет подобрать производимое изделие по заданным параметрам. Пользователь задаёт характеристики, система формирует конфигурацию, которая передаётся в производство как заказ на изготовление под эти параметры.
История расчётов сохраняется и доступна для авторизованного пользователя, поэтому сложные конфигурации можно быстро переоформлять повторно без ввода параметров с нуля.
Запуск и дальнейшее развитие
Клиенту было важно запуститься с объединённым порталом до конца 2025 года — этот срок был выдержан. После завершения тестирования и приёмки мы вывели систему в прод и сопроводили этап запуска: контролировали работу ключевых разделов, помогали команде ТБМ адаптироваться к новой системе и оперативно закрывали первые задачи по саппорту. Поддержка проекта после запуска остаётся на нашей стороне. При этом архитектура и ключевые решения зафиксированы в Confluence, что позволяет при необходимости передать сопровождение внутренней команде без потери контекста.
В результате проекта ТБМ получили единый портал вместо двух разрозненных решений, объединили B2B и B2C-сценарии в одной системе и заложили устойчивую архитектурную основу для дальнейшего развития.