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