Как провели UX/UI-аудит сайта и увеличили конверсию на 200%

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

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

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

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

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

Аудит каждой страницы мы вели по трем характеристикам:

4. Проанализировали весь визуал: лого, цвета, бэкграунд

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

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

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

Инсайды

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

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

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

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

Гипотеза:

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

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

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

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

Инсайты:

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

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

Гипотеза:

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

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

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

Инсайты:

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

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

При этом какие-то блоки необоснованно повторяются несколько раз и не приносят ценности для пользователя.

3. Нет приоритезации в подаче информации. Акценты плохо расставлены.

Гипотеза:

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

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

Гипотеза:

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

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

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

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

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

Наш тг-канал, где мы рассказываем о себе и размещаем наши новости о работе и стажировках: @Kotelov_love

Сайт kotelov.com

Почта: sales@kotelov.com