Первый экран: три секунды, за которые человек решает остаться

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

И главное недоразумение про него вот какое: считается, что первый экран должен произвести впечатление. На самом деле человек в эти секунды ничем не впечатляется. Он делает одну простую вещь — проверяет, туда ли попал.

Что происходит в эти три секунды

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

Отсеивает он не по красоте. Он отсеивает по одному признаку: понятно или непонятно. Непонятно — закрыл. Причём «непонятно» здесь не про сложные слова, а про то, что страница не подтвердила его запрос за один взгляд.

Четыре ответа, которые должны быть

Проверять первый экран удобно по четырём вопросам. Если все четыре отвечены без прокрутки — он работает.

• Что это. Не название компании, а услуга теми же словами, которыми её искали. Человек набрал «натяжные потолки» — на экране должно стоять «натяжные потолки».
• Для кого и где. Город для местного бизнеса, тип клиента, если он важен: «для квартиры», «для производства», «детский приём».
• Сколько и за сколько. Цена, вилка или хотя бы одна цифра — срок, гарантия, объём. Одна конкретная цифра делает для доверия больше, чем абзац текста.
• Что делать дальше. Одна кнопка с понятным действием, а не три равнозначные.

Обратите внимание, чего в этом списке нет: истории компании, миссии, количества лет на рынке и слова «добро пожаловать». Всё это отвечает на вопросы, которых у человека в первые секунды нет.

Заголовок: где его взять

Самый рабочий способ — не придумывать заголовок, а взять его из речи клиентов. Вспомните, как люди формулируют, когда звонят вам сами. Не «нам требуется комплексное решение по остеклению», а «у меня окно дует, можно посмотреть».

Из этой фразы и вырастает заголовок. Он звучит буднично и совсем не «продающе» — и именно поэтому работает: человек узнаёт в нём себя. Заголовок, написанный на языке отрасли, узнаётся только другими компаниями отрасли.

Рабочая структура — услуга плюс город плюс одна конкретика: «Натяжные потолки в Нижнекамске — цена за м², монтаж за один день». Некрасиво, зато человек за секунду понимает, что попал куда надо, и на этом задача заголовка выполнена.

Кнопка: одна и конкретная

Частая ошибка — три кнопки рядом: «Каталог», «Рассчитать», «Связаться». Каждая тянет в свою сторону, и человек не выбирает ни одну. Одна главная кнопка работает лучше трёх равных.

Текст на ней должен называть действие, а не быть вежливостью. «Подробнее» — это не действие. «Рассчитать свою кухню», «Записаться на сегодня», «Посмотреть сметы» — действие, и человек заранее понимает, что произойдёт после нажатия.

Вторая кнопка допустима, но она должна быть заметно тише главной и вести к тому, кто ещё не готов писать: «Смотреть работы», «Открыть прайс».

Что на первом экране только мешает

Как проверить свой за минуту

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

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

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