ATK — пересборка B2B-сайта для системы управления автопарком: от каталога к инструменту роста

Аналитика вместо редизайна: вскрыли, где сайт теряет деньги

Изначально проект формулировался как редизайн сайта. В процессе стало очевидно, что задача шире — необходимо было переосмыслить digital-позиционирование и архитектуру подачи. АТК — инженерная B2B-компания из Беларуси, специализирующаяся на системах GPS-мониторинга и управлении автопарком с внедрением телематических решений для бизнеса. В офлайне чувствуется масштаб. В онлайне сайт создавал ощущение каталога оборудования.

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

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

В B2B первая минута решает. Если за 60 секунд руководитель не понимает, что именно контролируется и в каких показателях это выражается, сайт перестает работать как инструмент продаж. Мы зафиксировали точки потери внимания и сформировали карту смыслов, на основе которой выстроили новую архитектуру проекта.

Архитектура решения: построили маршрут принятия решения

Косметические правки не решали задачу — требовалась пересборка логики. Если смотреть не в теории, а в реальной разработке B2B-сайтов, визуал почти никогда не решает корень проблемы. Когда user flow не совпадает с логикой ЛПР, трафик можно хоть удвоить — сделки не вырастут. Мы это проходили не раз. Мы выстроили структуру вокруг процесса принятия решения собственником и операционным руководителем.

GPS-мониторинг и ECO Drive разделили на самостоятельные продуктовые оси. Каждый получил собственную аргументацию и сценарий движения к заявке.

Архитектура строится по управленческой логике: зона потерь → инструмент контроля → механика → показатели → контакт. Сложные технологии раскрываются через бизнес-результат и практическое применение.

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

UX как инструмент продаж, а не презентации

Сайт проектировался как инструмент принятия решения. В B2B важно показать продукт, провести пользователя по логике управляемости и довести до запроса.

UX в B2B — это не про красоту. Это про то, чтобы пользователь не скипал страницу через 40 секунд. Когда экран не отвечает на управленческий вопрос — он просто не работает. Жестко? Зато честно.

Мы выстроили UX вокруг мышления руководителя автопарка. Он не читает подряд, он ищет подтверждение контроля и экономического эффекта. Каждый экран отвечает на конкретный управленческий вопрос и усиливает предыдущий.

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

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

На практике в B2B именно UX определяет, станет ли трафик сделками. UX влияет на сделки сильнее, чем визуальный стиль. Когда маршрут выстроен вокруг логики ЛПР, сайт начинает работать как часть воронки продаж.

ECO Drive: из технического блока в стратегический продукт

В прежней версии сайта ECO Drive — система аналитики и контроля стиля вождения на основе CAN-данных и телематики — выглядел как сложный технический модуль. Он был понятен инженеру, при этом не транслировал ценность на уровне бизнеса.

Частая ошибка tech-компаний — влюбляться в свои фичи. Заказчику важны не CAN-данные как таковые, а влияние на кэш компании. Мы прогнали подачу через эту призму и пофиксили расфокус.

Мы изменили рамку восприятия и вывели направление в самостоятельный продуктовый блок. В центре — влияние на экономику автопарка и управляемость показателей.

Сначала показываем, где теряются ресурсы:

• перерасход топлива;
• простои техники;
• износ и внеплановые ремонты;
• влияние человеческого фактора.

Затем раскрываем, как данные CAN и GPS превращаются в систему контроля и аналитики, какие управленческие решения это позволяет принимать и как меняются операционные показатели.

Фокус смещен:

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

ECO Drive получил отдельный маршрут внутри сайта. Это закрепило его статус стратегического инструмента и позволило воспринимать направление как драйвер эффективности бизнеса.

Цифры как главный элемент доверия

В B2B сложно продавать продукт общими формулировками. Без измеримых показателей «оптимизация» и «эффективность» не воспринимаются как аргумент. В проекте АТК цифры стали основой всей аргументации.

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

Каждый параметр встроен в логическую связку:

• проблема;
• инструмент контроля;
• финансовый эффект.

На сайте зафиксированы ориентиры: снижение перерасхода топлива на 8–15%, сокращение простоев до 20%, снижение затрат за счет контроля режимов эксплуатации. Эти данные встроены в структуру страницы и усиливают логику принятия решения.

В B2B решают показатели. Если экономический эффект нельзя посчитать, он не работает в маркетинге. Мы это видели на десятках проектов.

Мы показали масштаб эффекта на уровне автопарка. Даже 5% оптимизации при 50 единицах техники дают ощутимую экономию в годовом бюджете. Когда руководитель видит потенциальную сумму, разговор переходит к расчету внедрения.

В таких задачах мы обычно начинаем с диагностики логики аргументации и экономической модели продукта. Без этого цифры остаются декоративными элементами.

Сайт говорит на языке управляемости и финансовых последствий — именно на этом уровне принимаются решения.

Дизайн-инжиниринг: визуал как продолжение логики данных

Визуальная система проекта строилась вокруг ощущения контроля и системности. Интерфейс должен был поддерживать логику аналитики и усиливать позиционирование компании.

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

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

Цветовая палитра соответствует бренд-кодам. Красный используется для действий и ключевых цифр, направляя внимание пользователя. Интерактив встроен в UX-логику и помогает раскрывать механику продукта без перегрузки интерфейса. Всего 21 страница выполнены в единой дизайн-системе. Это усиливает целостность проекта и транслирует уровень экспертизы компании через интерфейс.

Технологическая реализация: скорость, масштабируемость, устойчивость

Техническая часть проекта изначально проектировалась с расчетом на рост. Мы закладывали архитектуру, которая выдерживает расширение контента, новые направления и увеличение трафика без просадок по скорости.

В основе — компонентный подход и структурированная frontend-архитектура. Это обеспечивает стабильность, предсказуемость работы интерфейса и упрощает дальнейшее развитие.

Сайт, который не выдерживает рост трафика, — это просто будущие баги и ресурсы на ветер. Поэтому мы закладывали стек под масштабирование сразу. Без костылей и временных решений.

Пересобрали логику загрузки:

• критический контент отображается в приоритете;
• второстепенные блоки подгружаются по мере взаимодействия;
• изображения оптимизированы и адаптированы под различные устройства;
• избыточные скрипты удалены;
• анимации встроены в UX и не перегружают систему;

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

Технический фундамент позволяет масштабировать проект без переработки базовой архитектуры. Это снижает будущие издержки и делает сайт устойчивым digital-инструментом.

Результат: системный B2B-инструмент

Проект завершился созданием полноценного B2B-инструмента. Сайт отражает реальный процесс принятия решения и поддерживает его на каждом этапе.

Позиционирование стало четким. Компания транслирует управляемость автопарка и измеримый экономический эффект. ECO Drive закреплен как стратегическое направление с влиянием на бюджет и операционные показатели.

Аргументация строится вокруг конкретных данных и логики внедрения. Это усиливает доверие и упрощает переход к консультации. Конверсионные точки встроены в маршрут пользователя и не выбивают из контекста.

В результате АТК получила digital-платформу, которая усиливает входящие обращения, поддерживает масштабирование и закрепляет компанию в роли технологического партнера.

Если вы планируете пересборку B2B-сайта и не хотите ограничиться редизайном, в таких случаях мы обычно начинаем с диагностики архитектуры и позиционирования. Можно разобрать вашу ситуацию отдельно и понять, где именно сайт теряет деньги и управляемость.