Главную страницу оператора связи открывают люди с разными задачами. Одни хотят подключиться, другие пополнить счёт, третьи выяснить, почему не работает интернет. Если первый экран пытается обслужить всех сразу, он не помогает никому. Его задача — быстро развести эти потоки.
Какие задачи посетителей важнее всего
Начните со списка задач, а не с макета. Соберите данные веб-аналитики, типовые вопросы в поддержке, обращения в офисах и темы звонков. Обычно набор такой: проверить подключение по адресу, выбрать тариф, войти в личный кабинет, оплатить услуги, узнать об аварии, найти офис. Расставьте задачи по частоте и по ценности для бизнеса. На первый экран попадают три-четыре верхние. Остальные уходят в меню и ниже по странице.
Почему проверка адреса стоит на первом экране
Для домашнего интернета и ТВ главный вопрос звучит так: «Можно ли подключиться именно у меня?» Пока человек этого не знает, тарифы для него остаются предположением. Поэтому поле «Улица, дом, квартира» с подсказками адресов лучше показать сразу, а не прятать за кнопкой.
Заранее продумайте все исходы проверки:
- подключение возможно — показываем доступные тарифы и кнопку заявки;
- возможно только по части технологий — коротко объясняем, что доступно;
- возможности нет — предлагаем оставить контакт, чтобы сообщить о запуске, или показываем мобильный интернет как альтернативу.
Ответ «услуга недоступна» без следующего шага — это потерянный посетитель.
Сколько тарифов показывать и что писать в карточке
Три-четыре карточки работают лучше длинной таблицы. В каждой нужны название, скорость или пакет минут и гигабайт, ежемесячный платёж и условия, влияющие на цену. Это акция на первые месяцы, аренда роутера или плата за подключение. Пишите их рядом с ценой, а не мелким шрифтом в подвале: расхождение между баннером и договором вызывает недоверие и звонки в поддержку.
Если тарифы зависят от города, определяйте регион автоматически, но оставьте заметное ручное переключение. Ошибка в определении не должна показывать человеку чужие цены. Сами цены лучше брать из единого источника, например биллинга или каталога, чтобы не править их вручную в нескольких местах.
Как не мешать действующим абонентам
Кнопки «Личный кабинет» и «Оплатить» должны быть в шапке и всегда на одном месте. Оплату по номеру телефона или лицевому счёту удобно сделать короткой формой без обязательной регистрации, если это позволяет платёжное решение. Отдельно подумайте о сообщениях об авариях и плановых работах. Это тонкая полоса над шапкой, которая появляется только при событии и привязана к региону. Редактировать её должен дежурный сотрудник через админку, без участия разработчиков. Тогда часть абонентов найдёт ответ на сайте, а не в очереди на звонок.
Условный пример: региональный провайдер интернета и ТВ
Так мог бы выглядеть первый экран вымышленного провайдера:
- шапка: логотип, выбор города, пункты «Тарифы» и «Поддержка», телефон, кнопки «Оплатить» и «Личный кабинет»;
- заголовок «Интернет и ТВ для вашего дома» и подпись «Введите адрес — покажем тарифы, доступные именно у вас»;
- поле адреса, кнопка «Проверить адрес» и под ней ссылка «Уже подключены? Оплатить или войти»;
- ниже или справа: три карточки тарифов с ценой и условиями;
- над шапкой: полоса «Плановые работы в вашем районе — подробнее», видимая только при необходимости.
У мобильного оператора вместо адреса будут другие входы: «Выбрать тариф», «Перейти со своим номером», «Подключить eSIM» (если услуга есть). Перенос номера опишите короткими шагами заказа, без пересказа норм и правил.
Проверочный список перед запуском
- За пять секунд понятно, что оператор предлагает и в каком регионе.
- Проверка адреса или выбор тарифа доступны без прокрутки, в том числе на смартфоне.
- Для каждого результата проверки адреса есть следующий шаг.
- В карточках тарифов рядом с ценой указаны условия, меняющие платёж.
- «Оплатить» и «Личный кабинет» находятся в одном и том же месте на всех страницах.
- Регион можно сменить вручную, цены совпадают с биллингом.
- Сообщение об аварии включается и выключается без разработчика.
- Для заявок на подключение есть понятная форма, а телефон не единственный способ связи.
