Кейс: редизайн карточки тарифа, +30% лидов — Валерий Передистый

Повысил количество лидов на 30% при помощи редизайна карточки тарифа

О компании

ДомИнтернет помогает подобрать и подключить домашний интернет во всём многообразии провайдеров

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

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

Моя роль
в рамках задачи

- Автор идеи. Когда я пришел в компанию — коллеги обсуждали доработку выдачи тарифов, так как на ней значительно проседали метрики. Я обозначил проблемы карточек на выдаче и предложил начать именно с них;
Дизайн-лид. Я задал вектор переработки, а детализацию отдал моему middle-дизайнеру. Позже я принимал получившийся дизайн и защищал его перед стейкхолдерами

Почему задача была важной

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

Сама страница делалась несколько лет назад, до моего прихода, и дизайн устраивал всю команду, пока метрики не стали планомерно падать и я не обратил внимание на неё

Что крайне важно: нам требуются автоматизированные заявки, но из-за устаревшего дизайна подавляющее большинство пользователей звонили в наш колл-центр

С чего начинали

Старая версия блока имела много проблем, расскажу про главные:

Перегруженность карточки контентом, абсолютно непонятно куда смотреть и с чего начинать;
Выравнивание между элементами внутри карточки практически везде было уникальным, из-за чего визуальный хаос только усиливался;
Много акцентов — начертания текста, цвета, иконки, буллиты, бейджи;
Как ни странно, «Консультация» стоит перед «Подключить» и значительное число нажатий перетягивает на себя (выяснилось одним из предыдущих тестов, что изменение порядка кнопок влияет и на переливание пользователей из сценария в сценарий);
В карточке располагают информацию, которая является вторичной — технология подключения GPON/FTTB/etc. (пользователи не различают технологий и эта информация не нужна в карточке), SEO-текст, «ночное ускорение»

На что опирался

У меня были результаты предыдущих 5 АБ-тестов карточек тарифов. Основными изменениями были не полный редизайн карточек, а перемещение элементов внутри, так как команда боялась переходить к более радикальным изменениям

Ниже представлен результат одного из тестов, но, показать его детально я не могу

Таблица с результатами предыдущих A/B-тестов карточек тарифов

Помимо аналитики я опирался на свою экспертизу — ранее делал Юзабилити-аудит ключевых страниц сайта, и именно пункты оттуда стали базой для переработки карточек

Что было сделано

Основой переработки стало полное сокращение контента внутри карточки:

Убрали все вторичные элементы — технологии подключения, SEO-тексты, входящие в тариф допы (они доступны к просмотру по нажатию на саму карточку);
Убрали иконки и логотипы, которые делали карточку теснее и добавляли шума;
Все внутренние и внешние отступы приведены к единой системе;
Для снижения привлекательности кнопки «Консультация» — сделали ее ссылкой убрав под основную кнопку;
Поработали над неймингом кнопок: «Подключить» → «К подключению». Раньше кнопка могла обманывать ожидания пользователей простотой действия, сейчас же она чуть честнее, что придется что-то заполнить;
Добавили эмоций — при наведении и нажатии на кнопку «К подключению» появляется наш маскот, выражающий любовь именно к этой кнопке, а не к «Консультации»