Елена Жданова

Продуктовый · UX/UI дизайнер

Елена Жданова

Продуктовый · UX/UI дизайнер

Повышение конверсии через прозрачность условий и 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/UI дизайнер

Повышение конверсии через прозрачность условий и 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%

отказов на этапе оформления

Эффекты

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

Другие мои проекты

Create a free website with Framer, the website builder loved by startups, designers and agencies.