Главная Портфолио Кейс: как UX-аудит и исследования помогли сделать грамотный редизайн сайта и превратить трудности в преимущества

Кейс: как UX-аудит и исследования помогли сделать грамотный редизайн сайта и превратить трудности в преимущества

Клиент

Крупная цифровая платформа для бизнеса. Продукт объединяет топливные карты, сеть АЗС для коммерческого транспорта и онлайн-систему управления топливными расходами.

Платформой пользуются крупные транспортные компании с собственным автопарком: грузовики, автобусы и спецтехника. У сервиса масштабная инфраструктура — более 7000 АЗС, а также свыше 500 моек, шиномонтажей и станций техобслуживания в 77 регионах России и восьми странах ближнего зарубежья.

Диана Ходжаева

руководитель креативного кластера

Задача

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

Основной трафик на сайт приходил из органики: пользователи уже знали бренд, вводили название в поиске и попадали на главную. Но вместо понятного объяснения продукта и чёткого пути к действию сталкивались со сложной и не всегда логичной структурой. Это особенно критично для сервиса, где оформление заявки фактически равно заключению договора и требует времени и внимания со стороны пользователя.

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

Поэтому мы предложили комплексное решение: микс UX-аудита и UX-исследований.

1 / 3

Так выглядел сайт в старом дизайне. Скриншоты изменены из-за условий NDA.

Что мы сделали: разобрались в проблемах и заложили решения в редизайн

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

Как более 4 лет совместной работы повлияли на внутренние процессы в банке

Провели UX-аудит сайта и личного кабинета

Сначала дизайнеры провели UX-аудит сайта и личного кабинета. Мы смотрели на продукт с двух сторон:

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

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

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

По итогам аудита подготовили подробный отчёт с рекомендациями — от крупных структурных проблем до точечных юзабилити-ошибок.

Провели UX-исследование с целевой аудиторией

Параллельно с аудитом запустили UX-исследование. Его цель — услышать прямую обратную связь от целевой аудитории.

В нём участвовали как текущие, так и потенциальные клиенты компании. Действующие пользователи делились опытом работы с сервисом и сайтом, а новые — первым впечатлением и тем, что было непонятно или вызывало сомнения.

Исследователь проводил респондентов по ключевым сценариям:

зайти на сайт;
разобраться в продукте;
попробовать оформить топливную карту.

Участники вслух комментировали свои действия: говорили, что неудобно, что сбивает с толку и чего не хватает. Все интервью расшифровали и собрали в отдельный отчёт с выводами.

Дизайн и разработка сайтов

Создаём сайты, которые приводят клиентов. Работаем с любовью и измеримой пользой

Собрали единый список проблем и рекомендаций

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

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

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

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

Разработали дизайн на основе исследований

После защиты результатов перед командой клиента мы перешли к дизайну. Начали с главных страниц и заложили в дизайн ключевые выводы исследований:

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

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

Кейс SQNS: сделали ребрендинг на основе исследований, чтобы сервис для медклиник выделялся на рынке

Особенности проекта и ключевые инсайты

Сложная форма — не ошибка, а особенность продукта

Форма заявки у клиента объёмная и требует много данных. Это не просто заявка — фактически пользователь сразу заключает договор: проходит верификацию, передаёт данные компании и открывает доступ к сервису.

Мы не могли радикально упростить форму, поэтому решили подсветить её как преимущество: показали, что договор можно заключить онлайн за 13–15 минут и после этого сразу начать пользоваться сервисом. Так длинная форма перестала выглядеть пугающим барьером и стала частью ценностного предложения.

Убрали всё, что не работает на цель

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

Мы убрали всё лишнее и сосредоточились на том, что действительно важно пользователю:

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

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

1 / 3

Новая дизайн-система сайта. Сейчас она в верстке у внутренней команды заказчика, а на сайте пока отображается старая версия. Скриншоты изменены из-за условий NDA.

Результат

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

Мы:

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

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

Кейс: разработали дизайн сайта, чтобы сеть медицинских лабораторий выделялась на рынке

Решения в редизайне опираются не на предположения, а на реальные сценарии поведения пользователей. Это снижает риски при запуске нового сайта и даёт понятный вектор для дальнейшей оптимизации воронки.

Что дальше

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

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