Каким должен быть первый экран лендинга
1. Ориентирующий. За несколько секунд позволяет понять, где оказался посетитель и чему примерно посвящен сайт.
2. Информативный. Четко и лаконично сообщает, какой продукт предлагается, в чем его польза для клиента и что нужно сделать, чтобы этот продукт получить.
3. Лаконичный. Текст и визуал сбалансированы, нет лишних элементов — все находится на своих местах. Предложения без лишних уточнений и сложных формулировок. Дизайн не отвлекает от сути оффера.
4. Убедительный. Текст написан грамотно и проверен на опечатки. В нем нет штампов, канцелярита и витиеватых фраз. Дизайн соответствует стилю бренда, не содержит явно стоковых фото, странных декоративных элементов.
5. Правдивый. Не кликбейтит, не заманивает заведомо ложными, но яркими формулировками.
6. Цепляющий. Производит впечатление. Очаровывает тем, как визуально необычно показан продукт или как интригующе о нем рассказано. Вызывает желание узнать о продукте больше.
Исследования о важности первого экрана:
7 из 10 пользователей не листают дальше первого экрана, а покидают сайт сразу. Чтобы такого не происходило, первый экран должен четко отражать ценность предложения.
Около 80% времени на сайте человек изучает первую страницу, а на остальные страницы остается лишь 20% времени. Поэтому суть лучше выносить в начало, то есть на первый экран.
Три главные задачи первого экрана:
Создать первое впечатление. По одежке встречают: при взгляде на первый экран лендинга сразу начинаем его оценивать. Восхищаемся продуманным и современным дизайном. Удивляемся необычной формулировке оффера. Или, наоборот, конфузимся из-за аляповатых картинок и нечитабельного текста. Если первое впечатление окажется неприятным, пользователь может попробовать читать дальше, а может сразу уйти с сайта.
Познакомить с продуктом. Часто первый экран — первое взаимодействие с продуктом. Если информация окажется размытой, слишком детальной или ограниченной, посетитель плохо поймет, что ему предлагают. В итоге может отказаться читать дальше и совершать целевое действие.
Задать настроение. Первый экран — это своеобразный анонс того, что будет дальше на сайте. По текстовому наполнению и визуальной составляющей человек делает первичные выводы о продукте и компании, подаче и пользе. Если первый экран не сможет зацепить пользователя или, наоборот, оттолкнет панибратской подачей или неоднозначным предложением, человек вряд ли станет скроллить дальше.
Оффер:
• 5W — оффер отвечает на 5 вопросов: что, кто, почему, когда, где. Формула помогает сегментировать аудиторию на небольшие группы.
Пример: 2 килограмма суши MUCHI за 1300 рублей каждый вторник в ресторане HALAPE.
• AIDA — внимание, интерес, желание, действие. Техника используется в копирайтинге для всего текста, но подходит и для первого экрана.
Пример: мы помогли 1000 клиентов масштабировать бизнес. Наш специалист просчитывает все зоны роста и дает подробный алгоритм. Узнайте подробнее.,
• 4U — польза, специфика, уникальность, срочность. Оффер по формуле одновременно отстраивает от конкурентов и располагает клиента к себе.
Пример: сбросьте до 3 кг лишнего веса за 20 дней с диетой от доктора Зябликова.
Подзаголовок
По сути это тот же заголовок, который является дополнительным элементом. Он нужен, чтобы:
– описать подробнее, чем занимается компания, если предлагается сложный продукт или услуга;
– выделить еще одну значимую выгоду;
– усилить боль потенциального клиента.
Пример:
– Заголовок: Зарабатывайте на 30% больше уже через 1 день после аудита сайта профессионалами.
– Подзаголовок: Все еще не хватает на новый Феррари? Звоните прямо сейчас, и мы увеличим ваши продажи.
Кнопка / призыв к действию
Это очень важный элемент одностраничника. На кнопке пишется призыв к действию. Именно она конвертирует посетителя в следующий шаг воронки.
- на нее можно нажать (ссылка);
- слова, ясно и логично призывающие к действию;
- большой размер, выделяющий на фоне прочей графики;
- контрастность к фону.
Примеры призыва к действию
Хорошо:
– Получить консультацию
– Узнать больше
– Получить мой подарок
– Увеличить продажи
– Получить бесплатно
– Принять участие
Плохо:
– Отправить
– Заказать
– Купить Изображение / фон :
В структуре лендинг пейдж всегда присутствует графика. Изображения работают на эмоции и иллюстрируют предложение. У любой картинки должна быть цель. К фоновым изображениям это также относится. Нельзя просто так лепить все подряд для демонстрации работы над дизайном.
Основное в изображениях — качество. Не обратили на него внимание, не устранили шумы, разместили нечеткую картинку, видны пиксели? Конверсия «убита»!