Упаковали сложный B2B-завод в понятный сайт, который удерживает внимание с первых секунд

19.01.2026 - 20.07.2026

Задачи:

Удержать внимание посетителя с первых секунд и мотивировать его продолжить изучение сайта, усовершенствовав UI-дизайн.

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

Проблема:

Существующий сайт содержал множество технических ошибок:

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

Сайт не был конвертирующим в заявку: При «сканировании» клиентами сайта глазу было не за что зацепиться.

← назад

О проекте

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

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

Справитесь ли вы именно с моей техникой, моим случаем?

Что хочет понять в первые 5 секунд после захода на сайт:

инженер,
менеджер логистической компании
специалист, занимающийся сдачей в аренду строительной техники
руководитель монтажного направления с/х и спец. техники?

Начали не с дизайна, а с аналитики. Почему?

Ответ оказался неожиданно простым.
Не характеристики. Не сертификаты. Не историю компании.

Первый вопрос звучит так:

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

↓

Переупаковали каталог

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

Также интегрировали поисковую строку и конвертирующие элементы на поиск товара. Клиенты первично ищут его, а не историю компании или УТП

Отдельным вызовом стал каталог.

Товарных позиций было много, данные находились в разных форматах, а полноценного фида для переноса не существовало.

Вместо типового видео производства мы решили показать не компанию, а решение проблемы клиента.

Так родилась идея интерактивной 3D-анимации.

Создали Hero-экран, который отвечает на главный вопрос клиента

Да, эти ребята действительно умеют проектировать системы под любую технику.

Фактически мы превратили ключевую компетенцию производителя в визуальный аргумент.

Пользователь еще не прочитал ни строчки текста, но уже считывает:

На первом экране пользователь видит различные виды техники:

автобус;
грузовой автомобиль;
спецтехнику;
сельскохозяйственную машину и пр.

Каждая модель представлена в формате инженерного чертежа.

На схеме визуально показано:

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

До / после

Результаты

Проработанный UI/UX-дизайн сайта, позволяющий управлять вниманием клиента с помощью моушен-анимаций, свето-теней, цветовых и визуальных элементов.

Пустой сайт, с которым не хочется взаимодействовать. Тексты нечитабельны, элементы и структура — шаблонированны и статичны. Сайт был холодным и неконвертирующим, клиенты не изучали его.

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

После запуска проекта аналитика показала интересный результат.

По данным Карты кликов и Записей поведения пользователей стало заметно:

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

Упакован каталог

Пустой каталог

Понятная география сервисных центров на “ледяной карте”, чтобы ЦА сразу понимала территорию предоставления услуг

Сложно считываемые данные о регионах предоставленияуслуг

Скриншот карты скролла

Смотреть новый сайт

Смотреть старый сайт

→

Выводы и инсайты

Люди покупают открытость, уверенность и простой оффер, который не нужно искать через PDF-файлы, презентации или цену только у менеджера. Но никак не технические характеристики

Иногда одна продуманная 3D-анимация, построенная на реальных вопросах целевой аудитории, работает гораздо эффективнее, чем 10-минутное корпоративное видео на главном экране, из-за которого не грузится сайт и клиенты уходят.

Хороший сайт показывает клиенту ответ на его вопрос еще до того, как он его задал.

Если вам нужен сайт, маркетинг, smm, эффективная реклама, звоните нам по телефону указанному на сайте или заполните форму обратной связи.