Все проекты
// React //// E-commerce //

B2B Portal

React 18 · TypeScript · Supabase · Node.js
B2B Portal — каталог и подбор промышленных масел

Полнофункциональный B2B e-commerce портал для промышленного производителя смазочных материалов «Завод Смазок». Каталог товаров с подбором масел по марке/модели/узлу автомобиля, управление заказами, tier-ценообразование, программа лояльности с ретро-бонусами, складские остатки, система поддержки дилеров, встроенный чат, экспертиза и товароведение, CRM-интеграция, логистика и аналитика продаж.

// О проекте //

B2B-портал для Завода Смазок — это проект, который показал мне настоящую сложность цифровизации промышленного B2B. Когда я начинал работу с этим клиентом, их процесс продаж смазочных материалов выглядел так: менеджер принимает звонок, записывает заказ в тетрадку, сверяется с 1С по остаткам, перезванивает клиенту с ценой. В XXI веке. Передо мной стояла задача — построить полноценную электронную B2B-площадку, которая заменит телефон и e-mail на современный цифровой опыт, при этом сохранив все особенности промышленных продаж: персональные цены, договорные условия, сложную логистику и экспертный подбор продукции.

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

Промышленные смазочные материалы — это не массовый потребительский товар. Здесь невозможно просто «добавить в корзину и оплатить». Клиент — это предприятие, которому нужен конкретный тип масла для конкретного станка. У каждого клиента свои договорные цены, свои условия отсрочки, свой менеджер. Дилеры видят одни цены, конечные клиенты — другие, а внутренние сотрудники — третьи. Номенклатура — более сотни позиций, и для каждой нужно учитывать совместимость с оборудованием. Ошибка в подборе масла может привести к поломке дорогостоящего станка, поэтому экспертный подбор — не опция, а необходимость.

Существующие B2B-платформы на рынке не подходили: они либо были заточены под простой опт (скидка от объёма), либо требовали дорогостоящей кастомизации. А главное — ни одна из них не решала задачу интеллектуального подбора смазочных материалов по типу оборудования. Для завода это была ключевая потребность: инженеры на предприятиях часто не знают, какое масло им нужно, они знают только марку и модель станка. Мне предстояло создать систему, которая переведёт «язык оборудования» на «язык продуктов» и сделает процесс заказа таким же простым, как покупка в обычном интернет-магазине, но с учётом всей сложности B2B-отношений.

Решение: что мы построили

Мы создали портал с семью ролями пользователей: администратор, товарный эксперт, мерчандайзер, менеджер по продажам, сотрудник компании-клиента, дилер и конечный клиент. Каждая роль имеет свой интерфейс, свои права доступа, свои цены и каталог. Это не просто магазин с авторизацией — это полноценная корпоративная экосистема, где каждый участник видит ровно то, что ему нужно для работы.

Сердце портала — интеграция с 1С через OData. Номенклатура, цены, остатки синхронизируются автоматически, исключая ручной ввод и человеческие ошибки. Мы разработали систему обогащения данных: базовые карточки товаров из 1С дополняются техническими характеристиками, рекомендациями по применению и данными о совместимости с оборудованием. Более 100 карточек смазочных материалов привязаны к конкретным типам станков и механизмов. Когда инженер вводит название своего станка, система показывает рекомендованные масла с указанием интервалов замены и объёмов заправки.

CRM-модуль позволяет менеджерам вести сделки прямо на портале, не переключаясь между системами. Логистический модуль с интерактивными картами Leaflet помогает планировать доставку с учётом географии клиентов. Email-маркетинг информирует клиентов о новых продуктах и спецпредложениях, а аналитический модуль показывает менеджерам полную историю взаимодействия с каждым клиентом.

Ключевые технологии и инновации

  • React 18 + Express.js + Supabase — современный стек, обеспечивающий масштабируемость и быструю разработку
  • 1С OData интеграция: реал-тайм синхронизация номенклатуры, цен и складских остатков без ручного вмешательства
  • Система подбора масел по типу оборудования — уникальная экспертная база знаний, не имеющая аналогов на рынке
  • 7 ролей с гранулярным разграничением доступа — от администратора до конечного клиента, каждая со своими ценами
  • 37+ спецификаций микросервисов, 102+ страниц интерфейса — масштаб промышленной ERP-системы
  • 138 файлов маршрутов, 202 сервисных модуля — архитектура, готовая к enterprise-нагрузкам
  • Интерактивная логистика на базе Leaflet для визуального планирования маршрутов доставки
  • Система обогащения данных: автоматическое дополнение карточек товаров экспертной информацией

Результаты и влияние

Портал находится в стадии pre-alpha, backend развёрнут на api.maslite.ru. Масштаб проекта оказался значительно больше, чем мы планировали изначально: из простого каталога с корзиной он вырос в полноценную ERP-подобную систему для промышленных B2B-продаж. Более 100 карточек товаров уже обогащены экспертными данными по совместимости с оборудованием. Архитектура спроектирована так, чтобы выдерживать тысячи одновременных пользователей.

Этот проект убедил меня: цифровизация промышленного B2B — это не перенос каталога в интернет. Это перестройка всего бизнес-процесса, от первого контакта с клиентом до отгрузки товара. И самое сложное — не технологии, а понимание предметной области. Мне пришлось разобраться в типах смазочных материалов, стандартах вязкости, классификациях API и ACEA, чтобы спроектировать систему, которая реально помогает инженерам и снабженцам находить нужный продукт. Это и есть настоящий B2B-консалтинг — когда ты погружаешься в бизнес клиента до уровня его номенклатуры и строишь решение, основанное на глубоком понимании отрасли, а не на шаблонах.

// Начнём сотрудничество //
Олег Чернышов
+
Вы

Давайте вместе развивать ваш бизнес!