Бывает, берешься за первый лендинг на конструкторе, и сразу становится сложно. Десятки элементов, блоков, понятий — так сразу и не разобраться. А сделать хочется быстро и красиво. Чтобы все эти штуки не пугали, давайте разберемся в них по порядку.

Заголовок

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

хороший заголовок сайта
Пример классного заголовка — отражает боль клиентов фитнес клубов

Если посетитель заходит на страницу и видит расплывчатые заголовок ни о чем, да еще и не отвечающий его потребности, он уходит. А у вас растет показатель отказов.

Вау-изображение

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

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

Ассоциации работают, когда сложно показать продукт в выгодном свете. Показать жилой комплекс мало: в бетоне и стекле нет ничего интересного и завлекающего — нужна атмосфера будущей жизни в ЖК.

изображения на лендингах
Ипотечные каникулы и ассоциация с путешествием


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

управление вниманием на лендинге
Взгляд девушки указывает на важный элемент

Выгоды

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

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

Три—шесть выгод с иконками или картинками, плюс емкое пояснение — то, что нужно. Вот, смотрите, как на лендинге курса интернет-маркетинга отрабатывают выгоды. Авторы не рассказывают, чему учат, а обращаются к впечатлениям клиента и говорят, что он будет уметь:

как описать выгоды на лендинге

Расскажите, что получает клиент, а не что делает компания.

Функции

Их легко перепутать с выгодами, когда думаешь о тексте для лендинга. Точнее, часто хочется написать функции или самопохвалу в виде «мы лучший производитель кружек, чая, воды» вместо выгод.

В этом блоке вы описываете возможности товара или услуги. Вот, смотрите, в примере рассказывают, как проходит обучение. Сравните с выгодами курса выше.

как описать функции на лендинге

Отзывы

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

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

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

Таймер

Только сейчас, предложение ограничено, первым десяти покупателям, до 3 декабря — это всё про ограниченный период действия предложения.

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

Как и любой элемент — иконку, галерею или текст — его обдумывают в контексте пути клиента на лендинге:

  1. Пользователь увидел заголовок — зацепило его потребность.
  2. Изображение добавило визуальной информации, заставило почувствовать эмоцию.
  3. Текст объяснил подробнее, чем выгоден продукт.
  4. Ограничение времени заставило обеспокоиться немедленной покупкой — потом будет дорого, поздно, закончится товар.

таймер на лендинге
Пример: скидка до 24 июля

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

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

CTA или призывы к действию или просто кнопки

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

В кнопке важно учесть:

  • Текст — нажимать «купить» сложнее, чем «попробовать», просто потому что первое ассоциируется с потерей денег, а второе — с новыми эмоциями.
  • Цвет — чаще всего кнопки делают красными, зелеными, синими — экспериментируйте;
  • Форму — округлая или с углами, с тенью или без;
  • Заметность на фоне сайта — кнопка не должна потеряться.

Это главные элементы-блоки. Используйте их, когда делаете свой лендинг, чтобы клиент последовательно пришёл к кнопке и купил.