Это идеальное сочетание выгод вашего торгового предложения. Его главная задача — кратко и при этом ёмко донести ваше УТП до посетителя страницы.

Заголовок — это первое, на что обращает внимание посетитель. 

У вас есть несколько секунд, чтобы заинтересовать человека, иначе он перейдет на страницу вашего конкурента.

Для этого вам следует проанализировать свою ЦА и выявить ее главные потребности. 

Заголовок должен содержать в себе главные выгоды или интригующий вопрос.

Пример 1. Заголовок, содержащий выгоды:

Заголовок в тандеме с подзаголовком содержат сразу 4 выгоды: обворожительная улыбка, бережная имплантация, цена от 15 000 рублей и гарантия до 5 лет.

Пример 2. Интригующий заголовок

Данный интригующий вопрос направлен на топовые компании, которые ищут исполнителя для съемки рекламного ролика. 

Им очень важна компетентность исполнителя, его опыт работы с крупнейшими компаниями и портфолио.

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

Выцепите главные потребности клиентов, и на их основе дайте конкретные предложения в виде цен, фактов, свойств и идентификации.

Конкретика вызывает доверие и закрывает основные возражения потенциального клиента.

Пример: достигаем конкретики при помощи идентификации (для офисов, зданий и складов) и конкретных цифр, говорящих о стоимости и сроках.

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

Заметьте, в данном примере мы не говорим о том, что это самый популярный в России сервис онлайн отчетности. Не кичимся масштабами и успехами компании.

Мы даем бухгалтерам удобное и легкое решение — сдача отчетности через интернет без ошибок и за 5 секунд.

Заголовок может содержать эмоциональную оценку. Это достигается при помощи качественных прилагательных, метафор, эпитетов.

Вызвать в человеке эмоцию гораздо проще, чем логически убедить его сделать покупку.

Пример: заголовок содержит эмоциональный посыл для ЦА — "вы утрете нос инспектору, который пожаловал к вам с проверкой".

Подмена заголовка или его части при помощи utm-меток — эффективный инструмент увеличения конверсии вашей страницы.

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

Пример заголовка при переходе с поискового запроса «ремонт стиральной машины бош павелецкая». 

При помощи utm-меток мы делаем подмену заголовка и максимально точно удовлетворяем потребность клиента.

Суть ее заключается в том, чтобы выявить наиболее важные для ЦА выгоды и отразить их в заголовке. 

Их количество не ограничено двумя выгодами, как вы могли бы подумать, исходя из названия модели. 

Это может быть 2, 3, 4 выгоды… и даже больше, если они действительно важные и не перегружают заголовок.

Разберем данный заголовок по формуле, которая приведена выше:

• Качественное прилагательное — надежный;
• Предмет рекламы — проект электрики;
• Первая выгода — от 65 руб/м2;
• Вторая выгода — за 5 дней.

Конверсия страницы, которая приведена ниже, составляет 41%. Конечно, во многом этому способствовало то, что продукт предоставляется бесплатно.

Более приземленный пример:

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

Предметом рекламы является коучинг. Можно расположить его как в качестве заголовка, так и подзаголовка. 

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

Четкая инструкция в повелительном наклонении «глагол + дедлайн + выгода».

Это означает: «Сделай что-­то, уложившись в указанные сроки, и получи няшку».

Примеры:

Закажи рекламную кампанию сейчас и получи новых клиентов через два дня.

Приведи друзей в июле и получи два месяца Интернета бесплатно.

Оставьте заявку прямо сейчас, и наш специалист расскажет вам о самых выгодных предложениях!

Упрощенная модель «глагол + выгода», без дедлайна.

Примеры:

Получи лучшие туры.

Скачай книгу бесплатно.

Запишись на бесплатный урок.

Задай вопрос специалисту и получи ответ в течение 5 минут.

Модель «глагол + дедлайн»

Примеры:

Скачай сейчас.

Установи сейчас.

Успей записаться в группу до 1 августа.

1. Значимую информацию — логотип, оффер, слоган — расположите в левом верхнем углу экрана. Это поможет пользователю сразу идентифицировать вашу компанию, услугу или основные выгоды. Ваша задача — завладеть вниманием и направить посетителя на совершение целевого действия.
2. В правом нижнем секторе — кнопка заказа, призыв к действию, оффер, мотиватор для скролла. Именно здесь посетитель принимает решение — остаться или уйти, быстро просканировать страницу или внимательно прочесть, стоит или не стоит иметь с вами дела.
3. В правом верхнем секторе можно расположить второстепенную информацию: телефоны, форму для заказа обратного звонка, время работы, регион. Посетитель пробежит глазами, отметит, что именно здесь есть, и пойдет дальше. Если понадобится — подсознание заботливо подскажет, где все это можно найти.
4. Левый нижний сектор — “мертвая зона”. Если разместить здесь важное сообщение, посетитель с большой долей вероятности или совсем его не заметит, или отфильтрует как неважное.

Стартовая страница Facebook — социальной сети #1 в мире — спроектирована в строгом соответствии с диаграммой Гутенберга.

Хороший пример реализации принципов Гутенберга от компании из реального сектора.

Открываешь Balsamiq Mockups, нажимаешь Project — New Mockup, создаешь новый мокап-файл. Поздравляю, ты видишь первый лист своего макета.

В прототипе макета должны быть:

Указанная область посадочной страницы

Нужна для того, чтобы визуально воспринимать рамки, в которых ты работаешь, как бы создавать себе представление того, что посетитель твоей страницы будет видеть у себя в окошке. Так же эти рамки помогут дизайнеру приобрести более четкое представление об области, в которой он должен работать. Область обозначается при помощи инструмента Browser.

Хэдер с пространственным расположением элементов

В хэдере *(верхняя часть страницы) тебе нужно будет указать 4 обязательных элемента: логотип, дескриптер, триггеры, номер телефона с указанием времени приема звонков. Все элементы оформляются при помощи инструмента Text.

*Если твой макет получится «ох какой» длинный, то допускается добавление быстрого меню при помощи инструмента Link Bar

Первый экран с оффером

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

Так же пропиши заранее заготовленные шаблоны:
оффера по выбранной тобой модели («вкусное» прилагательное+товар+от 100 рублей+за 1 день+по москве»);
подзаголовка или триггеров (характеристики продукта, преобразованные в выгоды потребителя);
СТА (Получи жирафа на велосипеде) с формой захвата данных (имя, номер телефона, почта и кнопкой «Получить жирафа»)

Блоки с необходимой для посетителя информацией

Далее – проще. Ты создаешь блоки при помощи 3 инструментов:

Text, Image и Icon. Какие блоки у тебя должны быть? Ответ на этот вопрос варьируется в зависимости от той информации, которая нужна твоей целевой аудитории.