Рост рентабельности на 18%: редизайн B2B‑магазина с оборотом 1,5 млрд рублей

Обороты российских B2B‑магазинов и маркетплейсов растут на 10–11% в год и могут достичь 2,3 трлн рублей уже в этом году. При масштабности и консервативности рынка ключевую роль играют не столько дизайн, сколько функциональность: крупные заказы, сложные интеграции и удобная навигация напрямую влияют на выручку и издержки. Разбираем, какой сайт действительно работает на бизнес, на примере на примере оптовой компании ООО «Техмаркет» и сайта.

Предыстория

История началась в 2014 году, когда Morizo передали проект на поддержку. Архитектура была нестандартной с самого начала, и команда в течение десяти лет переделывала отдельные модули и процессы. Основная сложность скрывалась в интеграции с 1С. На момент создания первого сайта система 1С клиента не поддерживала стандартный API‑обмен.

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

Главная проблема была глубже. Интерфейс был рассчитан на десяток товаров, тогда как постоянные клиенты формировали заказы из сотен позиций. Без синхронизации с 1С не было связи между пользователем сайта и контрагентом в учете, а повторить заказ было невозможно. Кроме того, мобильная версия отсутствовала полностью. Нужно было изменить архитектуру сайта для развития B2B‑торговли и дальнейшего масштабирования.

Два года — почему так долго?

Было принято решение о полной переработке. Сроки растянулись на два года, выглядит странно, но только на первый взгляд. Параллельно на стороне клиента происходила миграция его 1С на более мощные системы с обновленными параметрами интеграции. Два проекта шли рука об руку, и синхронизировать их было необходимо постепенно.

Релиз новой версии состоялся в октябре 2024 года. На смену монолитному Битриксу пришла распределенная архитектура: Vue 3 на фронтенде, Битрикс на бэкенде. Это позволило разделить ответственность, автоматизировать процесс продаж, добавить точки контроля и повысить гибкость в разработке.

Этапы изменений

Проект начался с глубокого анализа существующей платформы, который выявил слабые места в навигации и структуре каталога, неэффективные сценарии оформления заказа, проблемы с B2B‑логикой.

Архитектура

B2B‑клиенты покупают сразу, много и не могут ждать обновления остатков часами. Для решения проблемы команда разработки изучила реальные бизнес‑процессы оптовых покупателей. Технологический стек стал ключом к успеху. Татьяна Лапшина, бэкенд‑разработчик проекта, объясняет сложность интеграции: «Самым большим вызовом была оптимизация обмена заказами.

Когда один клиент отправляет заказ с 300–400 позициями, стандартные настройки сервера начинают задыхаться. Мы установили периодичность синхронизации в 10 минут — это оптимальный баланс между актуальностью данных и нагрузкой на сервер. И добавили мониторинг: если обмен задерживается, администратор 1С получает оповещение сразу».

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

Настроили динамический фильтр: если в категории нет товаров с определенным свойством, фильтр не выводится. Администратор в 1С указывает, какие свойства считаются основными и появляются в карточке товара при наведении курсора. «Мы разработали алгоритм, который позволяет магазину моментально перестраивать каталог прямо из 1С. Нет необходимости обращаться к разработчикам.

Если менеджер в 1С переместил категорию или добавил новое свойство, это отобразится на сайте мгновенно», — продолжает Татьяна Лапшина. Новая архитектура позволила работать с более чем 3100 техническими свойствами — от размера до цвета и мощности — при сохранении производительности».

Специфика дизайна в В2В‑маркетах

Команда дизайнеров под руководством арт‑директора Антона Ларина провела комплексную работу.

Но это был не просто красивый дизайн с картинкой ради картинки,это был дизайн, специально спроектированный под специфику B2B‑закупок: без радикальных перемен, привлекательный, но по‑прежнему понятный и приятный возрастной аудитории.

Обновленный каталог товаров

Поэтому каждый вид продукции в заказе должен содержать максимально подробную информацию:

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

Функционал корзины до и после модернизации сайта

Дизайн строился с подхода mobile‑first — сначала в работе была версия для смартфонов, потом ее адаптировали для планшета и десктопа. Это не просто «сжатие» десктопной версии, а переосмысление интерфейса. В мобильном варианте кнопка «Оформить заказ» «прилипает» к нижней части экрана, так что пользователь может добавить товар и оформить покупку, не используя скрол.

Чем меньше действий, тем лучше результат. Именно поэтому для сайта и его мобильной версии обязательными стали всплывающие поля с контекстными характеристиками. При наведении курсора на товар показываются 4 основных свойства, что помогает быстро просмотреть нужную информацию без открытия отдельной карточки. Например, при наведении на чайник показываются «Объём», «Материал», «Мощность», «Тип нагревательного элемента» — этого достаточно для принятия решения.

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

Функции, которые экономят время

После общения с топ‑менеджментов магазина и его В2В‑клиентами команда тщательно задокументировала все лайфхаки. Из инсайтов родились ключевые фишки нового сайта:

1. Модуль «Избранное» для экономии времени. Эта опция действительно нужна B2B‑клиентам. Постоянные партнеры компании обычно заказывают одни и те же товары. Новая функция позволяет создавать пронумерованные или именные списки («Закупка кухня», «Бухгалтерия»), добавлять товары одним кликом и массово загружать все в корзину. В результате клиенты стали оформлять заказы на 15–20 минут быстрее.
2. Функция «Товары под заказ» помогла расширить ассортимент без увеличения складских остатков, предоставить клиентам больший выбор в заказах и автоматически интегрировать такие заказы с процессами 1С, включая расчет сроков и координацию с поставщиками.
3. Быстрый ввод количества товаров. Возможность указать количество товара вынесена прямо в список — покупатель может добавить товар в корзину без перехода на отдельную страницу. Исследования показывают, что каждый лишний клик снижает конверсию на 3‑7%. В B2B, где заказы состоят из сотен позиций, это критично.

После изменения форма заказа включает функции добавления товаров “под заказ” и возможность отложить нужные позиции.

Масштабируемость: расширяем без переделок

Главное достоинство новой архитектуры — ее гибкость. «Каркас» позволяет добавлять новый функционал без переделки существующих компонентов.

Так функцию «Товары под заказ» запустили через три месяца после релиза без каких‑либо сложностей.

Результаты в цифрах

За период октябрь 2024 — сентябрь 2025:

1. Рентабельность: +18,5%.
2. Посещаемость: +38%.
3. Мобильный трафик: с 28% до 46% — почти удвоился.
4. Конверсия на мобильных: +67% благодаря адаптивному дизайну.
5. Отказы снизились с 34% до 19%.
6. Время загрузки: сокращено с 4,2 сек до 1,3 сек.
7. Поисковая видимость: +52% органического трафика.

Нагрузка на менеджеров снизилась на 60%. Клиенты теперь сами оформляют заказ, не требуя помощи. Удалось перераспределить обязанности и оптимизировать ФОТ, высвободившиеся средства направить на программы развития.

Платформа остается на постоянной поддержке. Впереди — интеграция региональности, расширение функционала, оптимизация под новые требования рынка. Но главное уже сделано: сайт, который по‑настоящему работает на бизнес.

Вот более компактная версия — 5 советов, но с раскрытием и опорой на кейс.

Что учесть бизнесу при обновлении B2B‑магазина

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

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

Интеграция с учетными системами — основа доверия. Проблемы с остатками и ценами напрямую бьют по репутации. В кейсе переход от медленного XML‑обмена к более частой синхронизации и мониторингу позволил сделать данные актуальными в реальном времени. Такие решения критичны для оптовых клиентов, которые не готовы ждать или перепроверять заказы.

Закладывайте масштабируемую архитектуру с самого начала. Каталог может содержать тысячи товаров с разными характеристиками, и структура будет усложняться. Важно предусмотреть гибкую модель данных (например, хранение свойств по категориям) и возможность управлять каталогом без участия разработчиков — напрямую из учетной системы.

Экономьте время клиента на каждом шаге. Функции вроде «Избранного», повторных заказов и быстрого добавления в корзину дают реальный эффект для бизнес‑процессов. В проекте такие решения сократили время оформления заказа на 15–20 минут и снизили нагрузку на менеджеров.