Повышение конверсии через прозрачность условий и UX контента
+20%
GMV
+15%
конверсия в заявку
−10%
отказов на этапе оформления
2024
Discovery
Продукт — B2B интернет-магазин в сфере металлургии (производство и продажа металлоконструкций).
Целевая аудитория — менеджеры компаний и предприниматели, принимающие решение о закупке.
Ключевая особенность — оформление заказа происходит не онлайн, а через заявку (звонок / email), поэтому критична подготовка пользователя до контакта.
💡 Источники инсайтов:
• UX-аудит текущего сайта;
• анализ сценариев пользователя;
• конкурентный анализ;
• обратная связь от отдела продаж (30–40 менеджеров);
• данные от SEO-специалиста (на основе аналитики).
Продуктовая проблема
Пользователь не получал ключевую информацию перед принятием решения.
Задача
Повысить конверсию в заявки, упростив путь пользователя и дав понятную информацию о доставке, оплате и гарантиях, чтобы снизить количество вопросов к менеджерам и сделать решение о заказе проще.
Этапы работы
• UX-аудит текущего сайта;
• анализ пользовательского сценария и вопросов клиентов через обратную связь от менеджеров;
• анализ конкурентов;
• проектирование новых страниц (Доставка, Оплата, Гарантии);
• разработка wireframes;
• UI-дизайн страниц и обновления структуры посадочной страницы;
• передача макетов в разработку;
• дизайн-ревью.
JTBD
Когда я выбираю поставщика металлоконструкций, я хочу понять условия оплаты, доставки и гарантии, чтобы оценить надёжность компании и быть уверенным в сделке до обращения к менеджеру.
Продуктовая стратегия
• упрощение структуры;
• фокус на ключевом действии — запрос КП;
• превращение карточки товара в посадочную страницу;
• улучшение SEO-индексации через отдельный сайт;
• снижение когнитивной нагрузки.
Гипотеза:
Если дать пользователю полную и структурированную информацию до обращения, он будет принимать решение быстрее и оставлять более осознанные заявки
Фокус:
• снижение неопределённости;
• повышение доверия;
• подготовка прогретого лида.
⭐
Вместо полного редизайна (из-за ограничений) был выбрано точечное улучшение ключевых зон, влияющих на конверсию.
UX/UI решения
1. Закрытие ключевого барьера — отсутствие информации
Добавлены отдельные страницы:
• доставка;
• оплата;
• гарантии.
Структура построена на основе реальных вопросов пользователей.
2. Работа с доверием
Внедрено:
• прозрачные условия сотрудничества;
• описание гарантий и обязательств;
• визуальный контент с производства (фото, видео);
• схемы разработки конструкций.
Это сместило восприятие: с «непонятный поставщик» на «реальный производитель с прозрачными процессами».
3. Структурирование информации
• разбиение на смысловые блоки;
• списки вместо сплошного текста;
• упрощённый язык;
• визуальные разделители (фото, иллюстрации).
Пользователь считывает информацию за первые секунды.
4. Усиление посадочной страницы
Добавлены блоки, влияющие на конверсию:
• скачать опросный лист - пользователи приходят с подготовленным запросом;
• рассчитать стоимость - быстрый вход в заявку прямо из контента;
• похожие товары - увеличение вовлечённости;
• расширенное описание товара - акцент на том, что это производство, а не перепродажа.
5. Микро UX решения
• Отображение цен в разных единицах (кг / тонна / метр), чтобы пользователь мог самостоятельно оценить стоимость;
• акцентная кнопка «Оставить заявку», обеспечивающая фокус на целевом действии;
• распределение CTA по странице, позволяющее оставить заявку в любой момент;
• вторичные кнопки (доставка / оплата / гарантии) поддерживают сценарий без перетягивания внимания.
Системный подход
Несмотря на отсутствие дизайн-системы, соблюдена текущая стилистика сайта, выстроена единая логика отступов и типографики, а также унифицирована структура контентных страниц.
Дополнительно была разработана концепция полного редизайна, однако в рамках данного кейса реализованы только изменения, выведенные в продакшн.
Работа с командой
Самостоятельно была выполнена проработка решений и структуры проекта, а также организовано взаимодействие с SEO-специалистом для получения данных и аналитики. Дополнительно велась работа с фронтенд- и бэкенд-разработчиками.
Процесс включал передачу макетов в разработку и последующее дизайн-ревью после реализации.
Среди ограничений проекта — сжатые сроки (2 недели) и ограниченный бюджет, что стало причиной отказа от полного редизайна.
Результат (за 3 месяца)
+20%
GMV
+15%
конверсия в заявку
−10%
отказов на этапе оформления
Эффекты:
• снизилось количество базовых вопросов у менеджеров;
• пользователи стали приходить более подготовленными;
• сократилось время обработки заявок;
• повысилось доверие к компании.
Другие мои проекты
Повышение конверсии через прозрачность условий и UX контента
+20%
GMV
+15%
конверсия в заявку
−10%
отказов на этапе оформления
2024
Discovery
Продукт — B2B интернет-магазин в сфере металлургии (производство и продажа металлоконструкций).
Целевая аудитория — менеджеры компаний и предприниматели, принимающие решение о закупке.
Ключевая особенность — оформление заказа происходит не онлайн, а через заявку (звонок / email), поэтому критична подготовка пользователя до контакта.
💡 Источники инсайтов:
• UX-аудит текущего сайта;
• анализ сценариев пользователя;
• конкурентный анализ;
• обратная связь от отдела продаж (30–40 менеджеров);
• данные от SEO-специалиста (на основе аналитики).
Продуктовая проблема
Пользователь не получал ключевую информацию перед принятием решения.
Задача
Повысить конверсию в заявки, упростив путь пользователя и дав понятную информацию о доставке, оплате и гарантиях, чтобы снизить количество вопросов к менеджерам и сделать решение о заказе проще.
Этапы работы
• UX-аудит текущего сайта;
• анализ пользовательского сценария и вопросов клиентов через обратную связь от менеджеров;
• анализ конкурентов;
• проектирование новых страниц (Доставка, Оплата, Гарантии);
• разработка wireframes;
• UI-дизайн страниц и обновления структуры посадочной страницы;
• передача макетов в разработку;
• дизайн-ревью.
JTBD
Когда я выбираю поставщика металлоконструкций, я хочу понять условия оплаты, доставки и гарантии, чтобы оценить надёжность компании и быть уверенным в сделке до обращения к менеджеру.
Продуктовая стратегия
• упрощение структуры;
• фокус на ключевом действии — запрос КП;
• превращение карточки товара в посадочную страницу;
• улучшение SEO-индексации через отдельный сайт;
• снижение когнитивной нагрузки.
Гипотеза:
Если дать пользователю полную и структурированную информацию до обращения, он будет принимать решение быстрее и оставлять более осознанные заявки
Фокус:
• снижение неопределённости;
• повышение доверия;
• подготовка прогретого лида.
⭐
Вместо полного редизайна (из-за ограничений) был выбрано точечное улучшение ключевых зон, влияющих на конверсию.
UX/UI решения
1. Закрытие ключевого барьера — отсутствие информации
Добавлены отдельные страницы:
• доставка;
• оплата;
• гарантии.
Структура построена на основе реальных вопросов пользователей.
2. Работа с доверием
Внедрено:
• прозрачные условия сотрудничества;
• описание гарантий и обязательств;
• визуальный контент с производства (фото, видео);
• схемы разработки конструкций.
Это сместило восприятие: с «непонятный поставщик» на «реальный производитель с прозрачными процессами».
3. Структурирование информации
• разбиение на смысловые блоки;
• списки вместо сплошного текста;
• упрощённый язык;
• визуальные разделители (фото, иллюстрации).
Пользователь считывает информацию за первые секунды.
4. Усиление посадочной страницы
Добавлены блоки, влияющие на конверсию:
• скачать опросный лист - пользователи приходят с подготовленным запросом;
• рассчитать стоимость - быстрый вход в заявку прямо из контента;
• похожие товары - увеличение вовлечённости;
• расширенное описание товара - акцент на том, что это производство, а не перепродажа.
5. Микро UX решения
• Отображение цен в разных единицах (кг / тонна / метр), чтобы пользователь мог самостоятельно оценить стоимость;
• акцентная кнопка «Оставить заявку», обеспечивающая фокус на целевом действии;
• распределение CTA по странице, позволяющее оставить заявку в любой момент;
• вторичные кнопки (доставка / оплата / гарантии) поддерживают сценарий без перетягивания внимания.
Системный подход
Несмотря на отсутствие дизайн-системы, соблюдена текущая стилистика сайта, выстроена единая логика отступов и типографики, а также унифицирована структура контентных страниц.
Дополнительно была разработана концепция полного редизайна, однако в рамках данного кейса реализованы только изменения, выведенные в продакшн.
Работа с командой
Самостоятельно была выполнена проработка решений и структуры проекта, а также организовано взаимодействие с SEO-специалистом для получения данных и аналитики. Дополнительно велась работа с фронтенд- и бэкенд-разработчиками.
Процесс включал передачу макетов в разработку и последующее дизайн-ревью после реализации.
Среди ограничений проекта — сжатые сроки (2 недели) и ограниченный бюджет, что стало причиной отказа от полного редизайна.
Результат (за 3 месяца)
+20%
GMV
+15%
конверсия в заявку
−10%
отказов на этапе оформления
Эффекты:
• снизилось количество базовых вопросов у менеджеров;
• пользователи стали приходить более подготовленными;
• сократилось время обработки заявок;
• повысилось доверие к компании.