Цезарь Сателлит — ведущий поставщик систем охраны для автомобилей и недвижимости.

Задача:

Провести аудит сайта, найти слабые места в UX/UI, которые ведут к потере лидов

Цели проекта

Отделы маркетинга и сервиса

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

«На сайте, по возможности, нужно максимально упростить жизнь клиенту, сделать так чтобы было легко. Добиться ясности, синхронизировать потребности клиента с тем, что происходит на сайте. Сложить это в простую картину и вывести на звонок в колл центр.»

СЕО Цезарь Сателлит

Этапы

Этап 1: сбор информации

• Провести серию интервью со стейкхолдерами
• Проанализировать входящие материалы от команды клиента: CJM, портреты пользователя, презентации и т.д
• Собрать инсайды, идеи и проблемы на сайтах двух основных конкурентов (Гольф и Дельта)
• Провести анализ позитивных и негативных отзывов на разных ресурсах
• Провести анализ и собрать инсайды из Яндекс.Метрики

Этап 2: UX/UI-аудит

• Найти проблемные места в смыслах и структуре информации, юзабилити и визуальном дизайне на сайте.

Этап 3: Выводы

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

Ключевые выводы

Вывод 1: Конверсия форм ОС может быть больше

Проанализировали эффективность лид-форм с мобилки и десктопа. Если раньше акцент был больше на десктоп — оказалось, что ценность конверсия в мобилке и десктопе сопоставимая. Но главная проблема — хаотичные лид-формы без четкой ценности.

Инсайды

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

В десктопе пользователи доходят максимум до второго или третьего экрана. В мобильной версии глубина просмотра после второго и третьего экрана падает на +- 10% и держаться практически до конца страницы.

Полученные данные проверены анализом вебвизора (100+ сеансов на 1 страницу).

• Ни одна форма не объясняет какую ценность получит пользователь.

• На сайте присутствует порядка 11 различных наименований одного и того же СТА → Пользователи практически не взаимодействуют с СТА, которые находятся на видном месте (хедер).

Гипотеза:

Если поднять на 2-3 экран ключевые смыслы и действия (с точки зрения продаж), то конверсия в десктоп станет выше.

Конверсия трафика десктоп = конверсии трафика мобайл по своей значимости, ни смотря на разницу в кол-во посещений.

Гипотеза:

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

Вывод 2: информационная архитектура сайта хаотична

и не работает в единой связке с навигацией

Инсайты:

• Сейчас пользователь — исследователь: навигация в хедере и на страницах не в полной мере раскрывает структуру услуг компании → страницы сайта не сужают воронку к ключевому действию.

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

• Хедер и дополнительные элементы навигации, такие как хлебные крошки, не создают единый паттерн навигации.

Гипотеза:

Если собрать последовательную, сужающую воронку, информационную архитектуру (от главной страницы до страницы с конкретной услугой и СТА на ней), мы сможем закрыть “боли” пользователя на любом этапе и повысить конверсию.

Где бы пользователь ни находился, он должен иметь возможность попасть на любой уровень воронки: «главная страница — группа услуг — услуга — СТА»

Вывод 3: ключевые смыслы на сайте спрятаны

от пользователя или отсутствуют вовсе

Инсайты:

• Нет четко сформулированного УТП в целом и для каждой услуги отдельно.

• Важная информация скрыта за кнопками или запрятана глубоко на странице.

• При этом какие-то блоки необоснованно повторяются несколько раз и не приносят ценности для пользователя.
• Нет приоритизации в подаче информации. Акценты плохо расставлены.

Гипотеза:

Если изменить приоритет подачи информации, описать ключевую ценность и расставить нужные акценты, сможем повысить доверие пользователей и повысить конверсию

Вывод 4: На сайте нет единого подхода к визуальному

дизайну

Гипотеза:

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

Вывод 5: Нет единого атомарного подхода в организации

компонентов и страниц сайта

На примере страницы услуг: страницы не имеют единого шаблона и не формируют единый паттерн для пользователей.

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

Стоимость и скорость создания новых страниц и внесения изменений в текущие, например, после A/B-тестирования, может быть ниже, при использовании современных практик проектирования.

Итог:

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

После исследования, компания взяла в работу рекомендации и начала проработку сайта.