B2B Portal
React 18 · TypeScript · Supabase · Node.js
Полнофункциональный 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-консалтинг — когда ты погружаешься в бизнес клиента до уровня его номенклатуры и строишь решение, основанное на глубоком понимании отрасли, а не на шаблонах.
