По одежке встречают: как написать первый экран лендинга

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

Задача первого экрана лендинга

Главный экран отвечает на вопрос читателя: «Где я нахожусь?». Он не должен быть квестом, загадкой или шарадой. Не важно, это лендинг продукта, услуги, эксперта или компании, его задача — кратко и четко вводить человека в курс дела. Потому что может оказаться, что человек перешел по ссылке, отвлекся на почту, на фейсбук, ему позвонили и он забыл, что открывал ваш лендинг. Если он к нему возвращается, первый экран должен напомнить, зачем он сюда заходил.
лендинг первый экран примеры
Пример первого экрана лендинга

Элементы первого экрана

Меню, ключевое предложение и кнопка призыва к действию — основные текстовые элементы, из которых состоит дизайн первого экрана лендинга. Их дополняет визуальный образ — такой же равноправный элемент сайта. Меню помогает читателю сориентироваться на местности, ключевое предложение объясняет, куда он попал, кнопка c призывом к действию помогает сразу перейти к делу и, например, оплатить, а визуальный образ создает атмосферу. Предлагаю рассмотреть каждый из этих заголовков первого экрана лендинга подробнее:

1.Меню

Меню — это удобно. Оно позволяет читателю быстро перейти в нужное место на странице. Если человек пришел и его интересует только цена, он может в меню нажать на пункт «цена» и сразу переместиться туда. Лучше не заставлять человека скроллить весь лендинг в поисках нужной ему информации, а дать возможность переместиться туда одной кнопкой.

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

Читайте также: Что такое лендинг простыми словами

2. Ключевое предложение

Это предложение описывает вашу методику, формат или услугу. Просто и понятно о том, что вы предлагаете. Обычно это название и подзаголовок, чтобы представиться и объяснить, что вы предлагаете.

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

Компания Орион. Стеклопакеты в новые дома

Уговорили, беру. Онлайн курс по текстам для лендингов

Ирина Петрова. Английский в вашем формате

Еще одна формула, которая может вам помочь написать ключевое предложение звучит так: «я помогаю вот кому делать вот что с помощью вот чего». По этой формуле могут быть составлены такие примеры первого экрана лендинга:
Школа эмоционального интеллекта: помогаем детям научиться управлять эмоциями

Школа танцев: помогаем детям и взрослым научиться танцевать бальные танцы

Майя Богданова. Тексты для малого бизнеса. Привлекаем клиентов, находим партнеров, реализуем идеи и получаем прибыль с помощью текстов
Постарайтесь, чтобы эта фраза не звучала фальшиво. Лучше не использовать на первом экране лендинга рекламные слоганы, которые уже многократно использовались. Помните, в рекламе была фраза «Если вы еще кипятите, мы идем к вам» — ее много раз перефразировали рекламщики, которые писали «Если вы еще не знаете английский, мы идем к вам» или «Если у вас нет интернета, мы идем к вам». Не надо так.

Читайте также: Зачем нужна на сайте обратная связь и как с ней работать

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

3. Кнопка с призывом к действию

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

4. Визуальный образ

Картинкой и текстом убедить человека проще, чем только текстом, поэтому рекомендую отнестись во всем тщанием к визуальной составляющей первого экрана вашего лендинга.

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

Визуальный образ должен быть узнаваемым. Должен работать на вас. Это не стоковая фотография, которую, кроме вас, используют на десятках сайтов. Если вы хотите запоминаться и отличаться, поищите какой-то визуальный образ, который не использует каждый второй в вашей сфере. Поищите и закрепите его за собой.

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

"Чек-лист по авторедактуре"
Вы соглашаетесь с Политикой конфиденциальности проекта «ШКОЛА КОНТЕНТА»
Подписывайтесь на социальные сети школы контента!
Читайте также: