На первый экран у страницы есть примерно три секунды. За это время человек решает, читать дальше или вернуться в поисковую выдачу. Всё, что мешает ответить на три вопроса — «куда я попал», «мне ли это» и «что делать» — лишнее.
Три обязательных элемента
- Заголовок с сутью. Не слоган, а предложение: «Отделка квартир в Самаре под ключ за 45 дней». Проверка простая — заголовок должен быть неверным для конкурента.
- Подзаголовок с уточнением. Одна строка: для кого, в каком объёме, с какими условиями.
- Одно действие. Кнопка с понятным глаголом. Две кнопки рядом делят внимание и снижают вероятность нажатия обеих.
Что мы убирали на реальных проектах
- Карусель из пяти слайдов у оконной компании: люди не досматривали до второго, а первый успевал уехать.
- Форму из шести полей прямо на первом экране — человек ещё не понял предложение, а его уже просят оставить телефон.
- Видеофон на 12 мегабайт: мобильная версия грузилась четыре секунды, и половина посетителей уходила раньше.
- Три награды и шесть логотипов партнёров, которые в регионе никто не знает.
Хороший тест: закройте на макете всё, кроме первого экрана, и покажите человеку не из вашей отрасли. Если через пять секунд он не пересказывает, что вы продаёте, — экран не работает.
Про фотографию на фоне
Стоковая картинка с улыбающимися людьми в костюмах не добавляет доверия. Работают реальные снимки: производство, бригада на объекте, зал клуба, ваш офис. Если фотографий нет, лучше плотный фон фирменного цвета, чем чужая студийная сцена. На проекте фитнес-клуба мы заменили сток на съёмку зала за час до открытия — доля людей, доскроллевших до формы, выросла на четверть.
Мобильный экран отдельно
На телефоне первый экран короче в два раза. Заголовок в шесть слов на десктопе превращается в четыре строки на 360 пикселях и выталкивает кнопку за границу видимой области. Поэтому мы проверяем макет на 360, 900, 1280 и 1440 и переписываем заголовок, если он не помещается в три строки.
Правило студии: если первый экран нельзя описать одной фразой «мы делаем X для Y в Z», его переписывают до вёрстки, а не после запуска рекламы.
Материал студии Veles, Самара. Вопросы по теме — на hello@veles-web.ru или по телефону +7 (846) 212-84-30.
