Шаблон: 10 вариантов первого экрана (Hero Section)

1. Что это и зачем

Первый экран лендинга (Hero Section) — это самая важная часть вашей посадочной страницы. Это те самые 100% высоты экрана, которые пользователь видит сразу после перехода по ссылке, без необходимости скроллить вниз. Исследования поведения пользователей показывают, что у вас есть всего 3–5 секунд, чтобы захватить внимание посетителя. Если за это время он не поймет, куда попал, что здесь предлагают и зачем ему это нужно — он закроет вкладку.

Зачем нужен этот шаблон? Проблема чистого листа убивает часы рабочего времени. Часто специалисты тратят дни на поиск “идеального” креативного заголовка, забывая о фундаментальных принципах продаж. Этот шаблон-конструктор решает три задачи:

1. Ускорение запуска. У вас под рукой 10 проверенных структур, которые можно адаптировать под любой продукт за 15 минут.
2. Системный A/B-тест. Вы перестаете тестировать “случайные” фразы и начинаете тестировать фундаментальные подходы (например, сравнение конверсии захода через выгоду с заходом через боль).
3. Фокус на смыслах, а не на форме. Формулы не дают уйти в абстрактный креатив. Они заставляют говорить на языке выгод и потребностей клиента.

В основе каждой формулы лежит жесткая структура: Заголовок (H1), который привлекает внимание; Подзаголовок (Lead), который объясняет детали и снимает первые возражения; и Призыв к действию (CTA), который указывает следующий шаг.

2. Когда использовать

• При запуске MVP (минимально жизнеспособного продукта): Когда вам нужно быстро проверить спрос и запустить трафик, нет времени на долгие поиски идеального копирайтинга.
• При разработке мультилендингов: Если вы настраиваете контекстную рекламу на разные сегменты аудитории, вам нужны разные первые экраны под разные поисковые запросы.
• При оптимизации конверсии (CRO): Если аналитика показывает высокий показатель отказов (Bounce Rate) в первые секунды визита, значит, текущий первый экран не работает.
• При упаковке сложного продукта: Когда функционал огромен, и вы не знаете, с чего начать рассказ. Формулы помогут вытащить суть.
• Во время сезонных распродаж: Когда нужно быстро сменить позиционирование с “продуктового” на “акционное”.

3. Для кого

• Growth-маркетологи и специалисты по трафику: Для быстрой сборки посадочных страниц под рекламные кампании и проведения сплит-тестов.
• UX-писатели и копирайтеры: Как надежный фреймворк для старта работы над проектом.
• Предприниматели и фаундеры стартапов: Которые самостоятельно собирают лендинги на конструкторах и нуждаются в рабочих текстах.
• Продуктовые дизайнеры: Чтобы проектировать интерфейсы, отталкиваясь от реального контента, а не от “Lorem Ipsum”.

4. Сам шаблон: 10 вариантов первого экрана

В каждой формуле мы используем три обязательных элемента:

• H1 (Заголовок): Должен быть крупным, легко читаться и мгновенно доносить главную мысль.
• H2 (Подзаголовок): 2-3 предложения, раскрывающие смысл H1, добавляющие факты, цифры или механику работы.
• CTA (Кнопка): Понятный призыв к действию, отражающий следующий логический шаг.

Вариант 1: Problem-Solution (Проблема — Решение)

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

• H1: [Глагол, описывающий боль] из-за [Причина]? Избавьтесь от этого с помощью [Продукт].
• H2: Наш инструмент берет на себя [Рутинная задача], позволяя вам [Желаемый результат]. Без [Главный раздражитель].
• CTA: [Действие для решения проблемы]

Вариант 2: Benefit-Driven (Ориентация на главную выгоду)

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

• H1: Получите [Измеримый результат] за [Время/Срок].
• H2: [Ваш продукт] помогает [Аудитория] достигать [Цель], используя [Уникальный механизм/Технология].
• CTA: [Получить результат]

Вариант 3: Offer-Lead (Упор на оффер/акцию)

Идеально для горячего трафика, ретаргетинга и e-commerce. Когда клиент уже знает вас, ему нужен сильный стимул для покупки — крутое предложение с ограничением.

• H1: [Размер скидки/Бонус] на [Продукт] до [Дедлайн].
• H2: Оформите заказ сейчас и получите [Дополнительная ценность] в подарок. Количество ограничено: осталось [X] штук.
• CTA: [Забрать предложение]

Вариант 4: Objection-Killing (Снятие главного возражения)

Если в вашей нише есть устоявшийся стереотип (например, “это долго”, “это дорого”, “это сложно внедрять”), бейте прямо в него.

• H1: [Желаемый результат] без [Главное возражение/Страх].
• H2: Мы убрали [Сложный процесс]. Теперь вы можете [Делать что-то] так же просто, как [Сравнение]. [Гарантия возврата/Безопасности].
• CTA: [Попробовать без риска]

Вариант 5: How-It-Works (Процессный подход)

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

• H1: Достигните [Цель] всего за [Количество] простых шагов.
• H2: 1. [Шаг 1] 2. [Шаг 2] 3. [Шаг 3]. И вы получаете [Финальный результат]. Все процессы автоматизированы.
• CTA: [Начать шаг 1]

Вариант 6: Audience-Specific (Нишевание под аудиторию)

Максимальная персонализация. Когда человек видит свою профессию или статус, его внимание мгновенно фокусируется.

• H1: [Категория продукта] специально для [Узкая аудитория].
• H2: Мы знаем, что [Аудитория] страдает от [Специфическая проблема]. Поэтому мы создали решение, которое [Решает проблему].
• CTA: [Решение для Аудитории]

Вариант 7: The “Aspirational” (Трансформационный подход)

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

• H1: Станьте [Кем-то/Идеальное состояние] с помощью [Продукт/Метод].
• H2: Откройте для себя путь к [Глобальная цель]. Присоединяйтесь к сообществу тех, кто уже [Достиг результата].
• CTA: [Начать трансформацию]

Вариант 8: The Question (Вопрос, бьющий в цель)

Риторический вопрос вызывает внутреннее согласие (“Да, это про меня”). Это паттерн прерывания внимания.

• H1: Вы все еще [Делаете что-то устаревшим/плохим способом]?
• H2: Пора переходить на новый уровень. [Продукт] делает это в [X] раз быстрее и дешевле.
• CTA: [Узнать как это работает]

Вариант 9: Social Proof-Lead (Упор на авторитет)

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

• H1: Более [Число] [Тип клиентов] доверяют нам [Ключевая задача].
• H2: Присоединяйтесь к [Известный бренд 1], [Известный бренд 2] и тысячам других компаний, которые уже работают с нами.
• CTA: [Присоединиться к лидерам]

Вариант 10: “The Enemy” (Общий враг)

Вы объединяетесь с клиентом против того, что его бесит. Это может быть бюрократия, конкурент-монополист или старые привычки.

• H1: Хватит переплачивать за [Враг/Старая услуга]. Выбирайте [Продукт].
• H2: Забудьте о [Боль 1] и [Боль 2]. Наша платформа предлагает честный и прозрачный подход к [Процесс].
• CTA: [Попробовать новое]

5. Пример заполнения

Чтобы было понятно, как эти формулы ложатся на реальный бизнес, разберем примеры для двух разных продуктов: B2B: SaaS-сервис сквозной аналитики. B2C: Онлайн-курс английского языка для IT-специалистов.

1. Problem-Solution

B2B:

• H1: Сливаете бюджет в трубу, не зная, какие рекламные каналы приносят продажи?
• H2: Настройте сквозную аналитику за 15 минут. Объедините данные из CRM и сайта в одном окне, чтобы видеть стоимость каждого клиента.
• CTA: Найти убыточные каналы

B2C:

• H1: Учите английский годами, но до сих пор впадаете в ступор на собеседованиях?
• H2: Заговорите уверенно за 3 месяца. Наша методика основана на практике речи и разборе реальных рабочих ситуаций.
• CTA: Записаться на пробный урок

2. Benefit-Driven

B2B:

• H1: Увеличьте окупаемость рекламы (ROI) на 30% уже в первый месяц.
• H2: Платформа автоматически отключает неэффективные объявления и перераспределяет бюджет на прибыльные связки.
• CTA: Рассчитать прибыль

B2C:

• H1: Пройдите техническое собеседование на английском в зарубежную компанию.
• H2: Освойте ИТ-лексику, научитесь презентовать свой опыт и уверенно отвечать на вопросы рекрутеров.
• CTA: Получить план подготовки

3. Offer-Lead

B2B:

• H1: Месяц сквозной аналитики в подарок при оплате за год до конца недели.
• H2: Зафиксируйте старые цены на весь год и получите бесплатную настройку интеграции от наших инженеров.
• CTA: Забрать месяц в подарок

B2C:

• H1: Скидка 50% на курс “Английский для разработчиков” в честь Черной Пятницы.
• H2: Только 48 часов. Начните обучение сейчас и получите доступ к закрытому разговорному клубу навсегда.
• CTA: Зафиксировать скидку

4. Objection-Killing

B2B:

• H1: Внедрите сквозную аналитику без помощи программистов и сложных настроек.
• H2: Готовые интеграции с 50+ популярными сервисами. Настройка через визуальный интерфейс в два клика.
• CTA: Настроить без кода

B2C:

• H1: Выучите английский, даже если у вас есть всего 20 минут свободного времени в день.
• H2: Никаких долгих домашних заданий. Микро-уроки в приложении, которые можно проходить в метро или за кофе.
• CTA: Начать в своем темпе

5. How-It-Works

B2B:

• H1: Полный контроль над маркетингом всего за 3 простых шага.
• H2: 1. Подключите кабинеты. 2. Интегрируйте CRM. 3. Получайте автоматические отчеты. Начните принимать решения на основе данных.
• CTA: Начать интеграцию

B2C:

• H1: Ваш путь к свободному английскому за 4 шага.
• H2: 1. Пройдите тест. 2. Получите программу. 3. Занимайтесь с native-спикером. 4. Успешно пройдите собеседование.
• CTA: Пройти тест на уровень

6. Audience-Specific

B2B:

• H1: Сквозная аналитика, созданная специально для E-commerce проектов.
• H2: Мы понимаем специфику интернет-магазинов. Учитываем брошенные корзины, LTV и когортный анализ.
• CTA: Демо для E-commerce

B2C:

• H1: Разговорный английский для Frontend и Backend разработчиков.
• H2: Разберем чтение документации, проведение дейли-митингов, код-ревью и общение с заказчиком на английском.
• CTA: Программа для разработчиков

7. The “Aspirational”

B2B:

• H1: Станьте лидером рынка с маркетингом, основанным на точных данных.
• H2: Превратите ваш отдел маркетинга в машину по генерации прибыли. Опережайте конкурентов, зная каждую цифру.
• CTA: Трансформировать маркетинг

B2C:

• H1: Станьте востребованным Senior-разработчиком на международном рынке.
• H2: Откройте двери в топовые IT-компании Европы и США, прокачав свой технический английский до продвинутого уровня.
• CTA: Начать путь к офферу

8. The Question

B2B:

• H1: Вы все еще сводите отчеты по рекламе в таблицах Excel?
• H2: Пора переходить на новый уровень. Автоматическая аналитика обновляется в реальном времени и экономит 15 часов в неделю.
• CTA: Забыть про ручные отчеты

B2C:

• H1: Все еще переводите фразы в голове перед тем, как ответить на митинге?
• H2: Пора начать думать на английском. Курс с упором на нейролингвистические методики поможет преодолеть языковой барьер.
• CTA: Начать думать на английском

9. Social Proof-Lead

B2B:

• H1: Более 5000 интернет-магазинов уже управляют маркетингом с нашей аналитикой.
• H2: Присоединяйтесь к лидерам e-commerce, которые оптимизировали свои бюджеты и увеличили продажи в 2 раза.
• CTA: Присоединиться к лидерам

B2C:

• H1: 1500+ разработчиков из Яндекса и Сбера прокачали английский с нами.
• H2: Присоединяйтесь к комьюнити амбициозных IT-специалистов, которые уже работают в зарубежных компаниях.
• CTA: Стать частью комьюнити

10. “The Enemy”

B2B:

• H1: Хватит кормить рекламные агентства, которые приносят клики вместо продаж.
• H2: Возьмите маркетинг под свой контроль. Сквозная аналитика покажет, кто работает эффективно, а кто сливает бюджет.
• CTA: Получить прозрачность

B2C:

• H1: Хватит зубрить скучную грамматику по учебникам 20-летней давности.
• H2: Забудьте о правилах, которые никогда не пригодятся в реальном разговоре. Учите только то, что нужно для работы и жизни.
• CTA: Учить современный язык

6. Ошибки

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

1. “Проклятие креативности” (Умный, но непонятный заголовок).

   • Как не надо: “Мы создаем синергию цифровых смыслов для вашего бизнеса”.
   • Как надо: “Разрабатываем сайты, которые приносят от 50 заявок в месяц”.
   • Почему: Люди не хотят разгадывать ребусы. Понятность всегда бьет оригинальность.

2. Слабый визуальный контраст.

   • Ошибка: Белый текст поверх пестрой фотографии. Текст сливается с фоном, прочитать его невозможно.
   • Решение: Используйте темную подложку (overlay) или размещайте контент на однородном фоне.

3. Слабый или неочевидный CTA (Call to Action).

   • Как не надо: Кнопка с текстом “Узнать больше” или “Отправить”.
   • Как надо: “Рассчитать стоимость”, “Получить чек-лист”. Кнопка должна обещать ценность.

4. Перегруз информацией.

   • Ошибка: Попытка впихнуть в первый экран историю компании, 15 буллитов и 3 разные кнопки.
   • Решение: Одна мысль = один экран. Первый экран должен продать только одну вещь: скролл дальше или клик по кнопке.

5. Отсутствие социального доказательства.

   • Если вы продаете B2B-продукт, логотипы известных клиентов под кнопкой CTA способны поднять конверсию на 15%. Их отсутствие снижает уровень доверия.

6. Дублирование смыслов в H1 и H2.

   • Как не надо: H1: “Быстрая доставка еды”. H2: “Мы доставим вашу еду очень быстро”.
   • Как надо: H1: “Горячая пицца за 40 минут”. H2: “Или следующая за наш счет”.

7. Игнорирование мобильного опыта.

   • Ошибка: Заголовок в 6 строк на смартфоне, который вытесняет кнопку CTA за пределы экрана.
   • Решение: Пишите плотнее. На смартфоне пользователь должен видеть H1, H2 и CTA без скролла.

7. Скачать

Данный шаблон является текстовым фреймворком. Вам не нужно скачивать отдельные файлы. Просто выделите подходящую структуру, скопируйте ее в свой рабочий документ (Notion, Google Docs, Miro или Figma) и начните заполнять.

8. Связанные материалы

• Шаблон: Структура Landing Page с высокой конверсией
• Как писать заголовки по методу 4U
• Формула AIDA в копирайтинге
• Анализ целевой аудитории: Job To Be Done
• Что такое показатель отказов (Bounce Rate) и как его снизить