Редизайн тарифов • МегаФон

1. Summary

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

Метрики успешности

2. Контекст

Про компанию

МегаФон — один из крупнейших мобильных операторов в России. В 2024 году команда поставила задачу переосмыслить цифровой опыт: сделать выбор тарифа проще, быстрее и понятнее для миллионов пользователей.

Business Challenge: что болело

Интервью с бизнесом и анализ текущей витрины показали: карточка тарифа в интернет-магазине конвертит лучше, чем карточка на основном сайте. На основном сайте пользователь сталкивался с большим количеством отвлекающих блоков: домашний интернет, МегаСемья, pre-5G и другие предложения конкурировали за внимание и усложняли выбор.

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

UX-тестирование старой витрины тарифов сайта МегаФона помогло зафиксировать ключевые проблемы, которые повлияли на решения в редизайне:

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

3. Решение задачи

Определение задачи

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

Упрощённая CJM

Анализ конкурентов

Задача редизайна

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

Метрики успеха

• Конверсия покупки тарифа
• Customer Effort Score
• Дельта с сайтом интернет-магазина МегаФона
• Время оформления тарифа

Гипотезы

• Если упростить карточку тарифа и оставить только ключевые параметры (ГБ, минуты, стоимость), то пользователю будет проще ориентироваться, и это ускорит выбор тарифа.
• Если усилить акцент на МегаСилах, то пользователь сможет адаптировать тариф под себя без конструктора, что снизит необходимость в разработке конструктора тарифов и повысит конверсию покупки тарифа.
• Если добавить фильтры, которые динамически подстраивают карточки под поведение и потребности пользователя, то это улучшит навигацию, ускорит выбор и положительно повлияет на конверсию.
• Если вынести домашний интернет в отдельный раздел и перепозиционировать карточки мобильной связи, то это снизит когнитивную нагрузку при анализе бонусных ГБ и минут, и сделает тариф визуально и содержательно более понятным и привлекательным.
• Если добавить возможность настраивать скорость домашнего интернета, то тарифы станут более гибкими и релевантными — это расширит аудиторию и повысит конверсию.

Вариант 1 — предложение бизнеса

Сделать первый уровень фильтрации — по сценариям использования:

• Для себя
• Для семьи
• Домашний интернет, связь и ТВ
• Для модемов
• Для кнопочных телефонов

При выборе определённого фильтра появляется информация о МегаСемье и домашнем интернете. Второй уровень фильтрации вдохновлён подходом из витрины тарифов интернет-магазина МегаФона — выводим подсказки по пакету интернета и минут.

Вариант 2 — пересмотр карточки тарифа и фильтров

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

Первый шаг выбора стал проще. Сокращение фильтров с 5 до 3 и добавление иллюстраций повысили фокус и интерес.

МегаСемья

Добавили чипс «Тарифы с МегаСемьёй» — при нажатии открывается bottom sheet, где пользователь выбирает количество дополнительных номеров. Условия различаются в зависимости от тарифа.

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

Новый фокус — на домашний интернет

Мы сместили акценты в подаче тарифов:

• На первом плане теперь — скорость домашнего интернета.
• Мобильная связь осталась, но теперь на втором плане.

Что ещё сделали:

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

Такой подход помогает выделить главное — домашний интернет — и расширить выбор, не перегружая витрину.

МегаСилы

Пользователи лучше понимают, как начисляются дополнительные ГБ. Остались вопросы — можно перейти на лендинг услуги и посмотреть FAQ.

• МегаСилы стали визуально понятнее: появились иконки включённых сервисов.
• Каждая МегаСила кликабельна — можно узнать подробности.
• Добавили сравнение цен — пользователь видит, сколько он экономит благодаря включённой в тариф МегаСиле.

Подключение домашнего интернета — проще и понятнее

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

Теперь:

• Домашний интернет вынесен в отдельную вкладку.
• Выгода уже заложена в стоимость тарифа.

Мы убрали лишние клики и сделали ценность подключения сразу заметной.

4. Результаты

Исследование после редизайна

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

UX-тесты на пользователях

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

Подробнее об исследовании

Оценка метрик после запуска

Key Insights