Разработка B2B сайта-витрины ХимКриоПрицеп с нуля
+40%
к конверсии в покупку
улучшение индексации
(больше страниц в поиске)
+15-20%
глубины просмотра
снижение нагрузки
на основной сайт
2024
Discovery
ХимКриоПрицеп — B2B-сайт производителя полуприцепов-газовозов (промышленное оборудование с длинным циклом сделки).
💡 Инсайты:
• пользователи приходят быстро получить коммерческое предложение;
• текущая структура мешает быстро найти нужный продукт;
• карточки товаров не закрывают вопросы (недостаточно характеристик);
• часть товаров не индексируется → теряется органический трафик;
• пользователи теряются между страницами → низкая глубина просмотра;
• высокая зависимость от менеджеров (перегрузка отдела продаж).
Продуктовая проблема
Перегруженный основной сайт, сложная структура, часть товаров не индексировалась.
Задача
Увеличить конверсию и упростить доступ к товарам.
Этапы работы
• анализ текущего сайта;
• проектирование структуры и user flow;
• прототипирование;
• UI-дизайн;
• передача в разработку.
JTBD 1
Когда я ищу полуприцеп под конкретную задачу, я хочу быстро найти подходящую модель и её характеристики, чтобы понять, подходит ли она под мои требования.
JTBD 2
Когда я определился с вариантом, я хочу быстро запросить коммерческое предложение, чтобы перейти к обсуждению сделки.
Продуктовая стратегия
• упрощение структуры;
• фокус на ключевом действии — запрос КП;
• превращение карточки товара в посадочную страницу;
• улучшение SEO-индексации через отдельный сайт;
• снижение когнитивной нагрузки.
Гипотезы:
Если упростить доступ к товарам → вырастет глубина просмотра.
Если сделать карточку товара самодостаточной → вырастет конверсия в заявку.
Если явно подсветить «Получить КП» → увеличится количество лидов.
Если улучшить SEO-структуру → вырастет органический трафик.
Если сократить путь до заявки → снизится нагрузка на менеджеров.
Альтернативы:
• редизайн основного сайта (отказались — ограничение архитектуры);
• добавление фильтров без изменения структуры (недостаточно влияния);
• лендинг под каждую модель без общей системы (не масштабируется).
Выбрали: отдельный продуктовый сайт с новой архитектурой.
UX/UI решения
Структура:
• главная (ориентация + входные точки);
• каталог (категории);
• листинг (выбор моделей);
• карточка товара (ключевая страница);
• о компании;
• контакты.
Карточка товара как основной экран:
• все характеристики в одном месте;
• визуализация продукта;
• блок «о компании» (доверие);
• CTA: «Получить коммерческое предложение»;
• быстрые контакты.
Ключевые решения:
• явный акцент на CTA (запрос КП);
• логическая группировка характеристик;
• минимизация текста → структурированные блоки;
• убраны отвлекающие элементы;
• добавлена иерархия информации.
Снижение когнитивной нагрузки:
• предсказуемая структура страниц;
• единый паттерн карточек;
• постепенное раскрытие для сложной информации.
Данный сайт состоит из 6 страниц/разделов: главная, каталог, листинг, карточка товара, страница контакты и о компании.
Сайт включает 6 ключевых разделов: главную страницу, каталог, листинг товаров, карточку товара, страницы контакты и о компании.
Покупка продукции осуществляется через отправку заявки или прямую связь с менеджером, что характерно для продажи B2B сегменту.
Системный подход
Я спроектировала масштабируемую архитектуру каталога: унифицировала структуру карточек товаров, заложила основу для расширения ассортимента, внедрила переиспользуемые компоненты (карточки, CTA-блоки, таблицы характеристик) и предусмотрела ключевые состояния интерфейса — пустые категории, отсутствие данных и ошибки отправки формы.
Работа с командой
Я работала с продукт-менеджером над формированием KPI (конверсия, заявки), синхронизировалась с отделом продаж для понимания процесса коммерческих предложений.
Обсуждала с разработчиками SEO-ограничения, структуру URL и скорость загрузки, участвовала в приоритизации функционала, проводила UX-тесты и валидировала решения, а также контролировала реализацию после релиза.
Результат
+40%
к конверсии в покупку
+15-20%
глубины просмотра
улучшение индексации
(больше страниц в поиске)
снижение нагрузки
на основной сайт
Эффекты:
• пользователи быстрее находят нужные модели;
• заявки стали более релевантными;
• сократилось количество холодных обращений;
• повысилась прозрачность продукта.
Другие мои проекты
Разработка B2B сайта-витрины ХимКриоПрицеп с нуля
+40%
к конверсии в покупку
улучшение индексации
(больше страниц в поиске)
+15-20%
глубины просмотра
снижение нагрузки
на основной сайт
2024
Discovery
ХимКриоПрицеп — B2B-сайт производителя полуприцепов-газовозов (промышленное оборудование с длинным циклом сделки).
💡 Инсайты:
• пользователи приходят быстро получить коммерческое предложение;
• текущая структура мешает быстро найти нужный продукт;
• карточки товаров не закрывают вопросы (недостаточно характеристик);
• часть товаров не индексируется → теряется органический трафик;
• пользователи теряются между страницами → низкая глубина просмотра;
• высокая зависимость от менеджеров (перегрузка отдела продаж).
Продуктовая проблема
Перегруженный основной сайт, сложная структура, часть товаров не индексировалась.
Задача
Увеличить конверсию и упростить доступ к товарам.
Этапы работы
• анализ текущего сайта;
• проектирование структуры и user flow;
• прототипирование;
• UI-дизайн;
• передача в разработку.
JTBD 1
Когда я ищу полуприцеп под конкретную задачу, я хочу быстро найти подходящую модель и её характеристики, чтобы понять, подходит ли она под мои требования.
JTBD 2
Когда я определился с вариантом, я хочу быстро запросить коммерческое предложение, чтобы перейти к обсуждению сделки.
Продуктовая стратегия
• упрощение структуры;
• фокус на ключевом действии — запрос КП;
• превращение карточки товара в посадочную страницу;
• улучшение SEO-индексации через отдельный сайт;
• снижение когнитивной нагрузки.
Гипотезы:
Если упростить доступ к товарам → вырастет глубина просмотра.
Если сделать карточку товара самодостаточной → вырастет конверсия в заявку.
Если явно подсветить «Получить КП» → увеличится количество лидов.
Если улучшить SEO-структуру → вырастет органический трафик.
Если сократить путь до заявки → снизится нагрузка на менеджеров.
Альтернативы:
• редизайн основного сайта (отказались — ограничение архитектуры);
• добавление фильтров без изменения структуры (недостаточно влияния);
• лендинг под каждую модель без общей системы (не масштабируется).
Выбрали: отдельный продуктовый сайт с новой архитектурой.
UX/UI решения
Структура:
• главная (ориентация + входные точки);
• каталог (категории);
• листинг (выбор моделей);
• карточка товара (ключевая страница);
• о компании;
• контакты.
Карточка товара как основной экран:
• все характеристики в одном месте;
• визуализация продукта;
• блок «о компании» (доверие);
• CTA: «Получить коммерческое предложение»;
• быстрые контакты.
Ключевые решения:
• явный акцент на CTA (запрос КП);
• логическая группировка характеристик;
• минимизация текста → структурированные блоки;
• убраны отвлекающие элементы;
• добавлена иерархия информации.
Снижение когнитивной нагрузки:
• предсказуемая структура страниц;
• единый паттерн карточек;
• постепенное раскрытие для сложной информации.
Данный сайт состоит из 6 страниц/разделов: главная, каталог, листинг, карточка товара, страница контакты и о компании.
Сайт включает 6 ключевых разделов: главную страницу, каталог, листинг товаров, карточку товара, страницы контакты и о компании.
Покупка продукции осуществляется через отправку заявки или прямую связь с менеджером, что характерно для продажи B2B сегменту.
Системный подход
Я спроектировала масштабируемую архитектуру каталога: унифицировала структуру карточек товаров, заложила основу для расширения ассортимента, внедрила переиспользуемые компоненты (карточки, CTA-блоки, таблицы характеристик) и предусмотрела ключевые состояния интерфейса — пустые категории, отсутствие данных и ошибки отправки формы.
Работа с командой
Я работала с продукт-менеджером над формированием KPI (конверсия, заявки), синхронизировалась с отделом продаж для понимания процесса коммерческих предложений.
Обсуждала с разработчиками SEO-ограничения, структуру URL и скорость загрузки, участвовала в приоритизации функционала, проводила UX-тесты и валидировала решения, а также контролировала реализацию после релиза.
Результат
+40%
к конверсии в покупку
+15-20%
глубины просмотра
улучшение индексации
(больше страниц в поиске)
снижение нагрузки
на основной сайт
Эффекты:
• пользователи быстрее находят нужные модели;
• заявки стали более релевантными;
• сократилось количество холодных обращений;
• повысилась прозрачность продукта.