Hero Section Frameworks: 7 формул для первого экрана лендинга
Первый экран лендинга (Hero Section) — это самый дорогой объект недвижимости в цифровом маркетинге. По статистике Nielsen Norman Group, пользователи тратят до 80% своего времени на просмотр информации именно на первом экране (above the fold). У вас есть от 3 до 8 секунд, чтобы ответить на немой вопрос пользователя: «Что это такое, и почему мне не должно быть плевать?».
Копирайтинг первого экрана — это не искусство сочинения красивых слоганов, а точная инженерная задача. Выбор структуры заголовка и подзаголовка зависит от того, откуда пришел пользователь и что он уже знает о своей проблеме и вашем продукте.
В этой статье мы разберем 7 проверенных фреймворков для Hero Section, а также научимся сопоставлять их с температурой трафика по шкале Юджина Шварца.
Температура трафика и уровни осознанности (Eugene Schwartz)
Заголовок раздела «Температура трафика и уровни осознанности (Eugene Schwartz)»Классик директ-маркетинга Юджин Шварц в книге Breakthrough Advertising выделил 5 уровней осознанности клиента (Awareness Levels). Эффективность первого экрана напрямую зависит от того, насколько ваш копирайтинг совпадает с уровнем осознанности посетителя.
| Уровень осознанности | Характеристика пользователя | Какой трафик | Цель первого экрана |
|---|---|---|---|
| 1. Unaware (Не осознает) | Не знает о проблеме. Холодный. | SEO (информационные запросы), Broad Таргет | Зацепить внимание, перевести фокус на боль/проблему через интригу. |
| 2. Problem Aware (Осознает проблему) | Понимает, что у него есть проблема, но не знает решений. | Таргет по интересам, околотематические запросы | Показать, что вы понимаете его боль лучше него самого, и намекнуть на решение. |
| 3. Solution Aware (Осознает решения) | Знает о типах решений, ищет лучший вариант. | Контекстная реклама (коммерческие запросы), SEO | Продемонстрировать ключевую выгоду вашего метода (Value Proposition). |
| 4. Product Aware (Осознает продукт) | Знает ваш продукт, но пока не купил. Сомневается. | Теплые базы, Ретаргетинг | Разбить возражения, показать отличия от конкурентов, социальное доказательство. |
| 5. Most Aware (Горячий) | Знает вас, любит вас, ждет оффер. | Email-рассылка, Горячий ретаргетинг | Дать прямой неотразимый оффер. Не тратить время на долгие прелюдии. |
Диаграмма: Соответствие фреймворков температуре трафика
Заголовок раздела «Диаграмма: Соответствие фреймворков температуре трафика»Ниже представлена визуальная схема того, как уровни осознанности и температура трафика (Cold ➔ Hot) соотносятся с выбором конкретного фреймворка для Hero Section.
Теперь детально разберем 7 структур для Hero Section.
1. The Value/Benefit Lead (Трансляция конечной ценности)
Заголовок раздела «1. The Value/Benefit Lead (Трансляция конечной ценности)»Это самый популярный и универсальный фреймворк для B2B SaaS и сервисных лендингов. Он идеально подходит для аудитории Solution Aware, которая уже ищет определенный класс решений и сравнивает выгоды.
Суть фреймворка: с первых слов заявить, какую главную ценность получит клиент, если воспользуется вашим продуктом.
- Трафик: Поисковая реклама, органический целевой трафик.
- Формула H1: [Глагол действия] + [Желаемый результат] + [Без нежелательной боли / За конкретное время].
- Формула Подзаголовка: Раскрытие механизма (Как именно мы это делаем) + Снятие первого возражения.
Пример из практики:
Почему это работает: Пользователь ищет решение конкретной задачи (ускорить онбординг). Он сразу видит оцифрованную выгоду. Формат не тратит время на описание самой проблемы, так как пользователь уже знает о ней.
2. The Problem/Agitation Lead (Удар по боли)
Заголовок раздела «2. The Problem/Agitation Lead (Удар по боли)»Этот фреймворк работает как холодный душ для аудитории Problem Aware. Люди могут знать о своей проблеме, но откладывать ее решение. Ваша задача на первом экране — актуализировать боль, сделать ее невыносимой (Agitate) и сразу же предложить таблетку.
- Трафик: Таргетированная реклама в соцсетях (Facebook, Instagram, LinkedIn), контентный трафик.
- Формула H1: [Название проблемы, сформулированное языком клиента] + [Эмоциональная окраска]. Либо вопрос, бьющий в боль.
- Формула Подзаголовка: [Аггравация (усиление проблемы)] + Представление нашего продукта как единственного логичного выхода.
Пример из практики:
Почему это работает: Когда человек видит точное описание своей головной боли, в его мозгу срабатывает триггер: “Они понимают мою проблему, значит, у них точно есть решение”.
3. The Direct Offer Lead (Прямое предложение)
Заголовок раздела «3. The Direct Offer Lead (Прямое предложение)»Самый прямолинейный фреймворк. Здесь нет метафор, длинных прелюдий и глубокого копания в болях. Вы просто берете свой продукт и кладете его на стол с лучшими условиями. Используется исключительно для теплого и горячего трафика (Product Aware / Most Aware).
- Трафик: Ретаргетинг (по брошенным корзинам или недавним посетителям), базы email-рассылок, программы лояльности.
- Формула H1: [Название продукта] со скидкой [X%] / с бонусом [Y].
- Формула Подзаголовка: Ограничение по времени (Дедлайн) + Указание на то, что нужно сделать прямо сейчас.
Пример из практики:
Почему это работает: Горячему клиенту не нужно продавать ценность, он уже ее понимает. Ему нужен триггер к действию — сильный оффер и причина купить именно сейчас (FOMO).
4. The Curiosity / Hook-Lead (Интрига и разрыв шаблона)
Заголовок раздела «4. The Curiosity / Hook-Lead (Интрига и разрыв шаблона)»Для ледяного трафика (Unaware) классические “купи-продай” заголовки работают плохо. Пользователь еще не осознал проблему. Поэтому лучший способ удержать его на лендинге — закинуть крючок интриги, задать парадоксальный вопрос или сломать устоявшийся стереотип.
- Трафик: Реклама на широкую аудиторию, нативная реклама, YouTube интеграции.
- Формула H1: Заявление, противоречащее общепринятому мнению (Контринтуитивный инсайт) ИЛИ Загадка, ответ на которую находится ниже.
- Формула Подзаголовка: Намек на то, как именно вы достигаете этого парадоксального результата, призыв читать/скроллить дальше.
Пример из практики:
Почему это работает: Любопытство (Curiosity gap) заставляет мозг искать ответы. Вы ломаете паттерн (“звонить больше = продавать больше”), и пользователь просто не может уйти, не узнав “в чем подвох”.
5. The Social Proof / Authority Lead (Фреймворк Авторитета)
Заголовок раздела «5. The Social Proof / Authority Lead (Фреймворк Авторитета)»Иногда лучший способ продать — позволить другим сделать это за вас. Этот фреймворк выносит социальное доказательство, награды или отзывы прямо в H1. Отлично работает в высококонкурентных нишах, где все обещают одно и то же, и клиент ищет, кому можно доверять (Product Aware / Solution Aware).
- Трафик: Брендовый поисковый трафик, трафик с PR-статей, ретаргетинг.
- Формула H1: Выдающийся результат [Известного бренда/Лица] с помощью нашего продукта. ИЛИ Статус №1, подтвержденный фактами.
- Формула Подзаголовка: [Цитата клиента] или [Краткая выжимка статистики: сколько людей уже доверились].
Пример из практики:
Почему это работает: Заимствование авторитета (Halo effect). Если Netflix использует этот софт, значит, он надежный. Вы мгновенно снимаете базовое возражение “А вы вообще кто такие?“.
6. The Objection-Smasher (Уничтожитель возражений)
Заголовок раздела «6. The Objection-Smasher (Уничтожитель возражений)»В некоторых сложных продуктах клиенты хотят решения, но у них есть одно гигантское возражение, которое блокирует конверсию. Фреймворк Objection-Smasher берет самого большого “слона в комнате” и выносит его на первый экран.
- Трафик: Ретаргетинг, посетители вебинаров, аудитория, знакомая с категорией продукта, но имеющая негативный опыт.
- Формула H1: [Желаемый результат] + Без [Самого большого страха/возражения].
- Формула Подзаголовка: Логическое объяснение того, за счет чего мы убрали этот негативный фактор. Гарантия.
Пример из практики:
Почему это работает: Вы предугадываете мысли клиента (“Да это займет месяцы, мне нужен кодер”). Озвучив возражение первым, вы берете контроль над фреймом и успокаиваете пользователя.
7. The “How-To” / Process-Lead (Методический подход)
Заголовок раздела «7. The “How-To” / Process-Lead (Методический подход)»Фреймворк для продуктов, где важен не просто результат, а способ его достижения. “Как сделать Х”. Это классика директ-респонса, которая отлично переносится на Hero Sections обучающих платформ, инфопродуктов и консалтинга. Аудитория: Problem Aware / Solution Aware.
- Трафик: Реклама на лид-магниты, SEO (How-to запросы), образовательный контент.
- Формула H1: Как [достичь великого результата] + даже если [вы находитесь в невыгодном положении].
- Формула Подзаголовка: Описание пошаговой системы (Step-by-step), которая делает этот процесс предсказуемым.
Пример из практики:
Почему это работает: Слово “Как” (How-to) обещает ценную, практическую информацию. Люди любят пошаговые инструкции. Приставка “даже если” расширяет воронку, включая туда тех, кто сомневается в своих стартовых возможностях.
Резюме: Чек-лист идеального первого экрана
Заголовок раздела «Резюме: Чек-лист идеального первого экрана»Независимо от того, какой из 7 фреймворков вы выберете, проверьте свой Hero Section по этому чек-листу:
- Clear > Clever. Понятность важнее креативности. Пройден ли тест “5 секунд”? Поймет ли бабушка, что вы продаете?
- Связка с визуалом. Картинка на первом экране (Hero Image) должна нести ту же мысль, что и заголовок, а не просто быть “красивой стоковой фотографией”.
- Совпадение контекста (Message Match). Если в рекламе было написано “Скидка 50% на кроссовки”, то H1 на лендинге должен кричать “Скидка 50% на кроссовки”, а не рассказывать про “Инновационный дизайн обуви”.
- Контрастный CTA. Кнопка призыва к действию должна выделяться, содержать глагол (не “Отправить”, а “Получить доступ”) и быть логичным продолжением подзаголовка.
Выбор фреймворка для Hero Section — это не гадание, а аналитика. Знайте свой трафик, понимайте уровень осознанности клиента, и применяйте соответствующую структуру для максимизации конверсии.