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

Заголовок

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

хороший заголовок сайта

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

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

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

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

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

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

изображения на лендингах

Ипотечные каникулы и ассоциация с путешествием.


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

управление вниманием на лендинге

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

Выгоды

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

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

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

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

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

Функции

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

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

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

Отзывы

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

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

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

Таймер

Классический таймер отсчитывает время до окончания акции. Но есть и другие ограничения предложения, связанные с временем: «только сейчас», «предложение ограничено», «первым десяти покупателям», «до 3 декабря».

Это не классический таймер, но ограничение по времени есть — нужно попасть в первую двадцатку покупателей.

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

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

таймер на лендинге

Пример: скидка до 24 июля.

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

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

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

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

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

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