На первом экране посетителю нужно понять услугу, её применимость к своей задаче и следующий шаг. Заголовок, короткое пояснение и кнопка должны работать вместе. Фон и иллюстрация помогают узнать предмет работы, но не заменяют эти сведения.
Запишите предложение обычными словами
Начните с предложения, которое менеджер мог бы произнести клиенту. Например: «Делаем сайт для компании с каталогом услуг и формой заявки». Это учебный пример формулировки, а не обещание конкретного тарифа. В нём понятны услуга и результат, поэтому дальше можно уточнять аудиторию и состав проекта.
Проверьте каждое уточнение. «Под ключ» требует объяснения, что входит в запуск. «Быстро» требует согласованного срока. «Увеличим продажи» требует доказательства причинной связи. Если подтверждения нет, точнее назвать выполненную работу: подключим заявки к CRM или подготовим страницы услуг.
Соедините заголовок с пояснением
Заголовок обозначает предложение, пояснение снимает важное ограничение или раскрывает состав. Не повторяйте одну фразу дважды.
| Элемент | Его задача |
|---|---|
| Заголовок | Назвать услугу и основную задачу |
| Пояснение | Уточнить состав, аудиторию или порядок работы |
| Основная кнопка | Обозначить действие посетителя |
| Подпись рядом | Объяснить результат обращения |
| Изображение | Показать предмет услуги или реальный проект |
Если вариантов услуги несколько, покажите выбор с понятными названиями. При переключении должны меняться пояснение и целевая ссылка, чтобы человек понимал последствия выбора.
Назовите действие по результату обращения
«Отправить» описывает техническую операцию, но не объясняет пользу. Подпись «Обсудить задачу» подходит, если следующим шагом действительно будет обсуждение. «Получить расчёт» подходит, когда команда сможет оценить работу по оставленным сведениям. Обещание «Получить цену сразу» не подходит для формы, после которой менеджеру ещё предстоит задать вопросы.
Рядом с кнопкой можно коротко объяснить, что будет дальше: свяжемся, уточним материалы, предложим состав работ. Указывайте срок ответа только тогда, когда он подтверждён рабочим процессом. Время ответа не равно сроку подготовки полной сметы.
Сверьте первый экран с рекламой
Возьмите несколько реальных объявлений и откройте страницу по каждой ссылке. Проверьте услугу, аудиторию и условия. Если реклама обещает интернет-магазин, а первый экран посвящён всем направлениям студии, человеку придётся заново искать нужное предложение.
Для разных задач могут понадобиться разные посадочные. Разделение оправдано составом услуги и вопросами покупателей. Одной замены названия города или отрасли в одинаковом тексте недостаточно для полезной отдельной страницы.
Проверьте экран на телефоне
Посмотрите на ширину около 360–390 пикселей. Заголовок должен сохранять смысл при переносах, кнопка — оставаться доступной, а текст — читаться на фоне изображения. Проверьте страницу с медленным соединением: смысл должен появляться раньше декоративных эффектов.
Увеличьте текст в браузере и попробуйте пройти экран с клавиатуры. Видимый фокус, понятная подпись действия и рабочая ссылка помогают людям и автоматизированным инструментам одинаково понимать интерфейс.
Согласовывать первый экран удобнее вместе с прототипом и рекламной задачей. Состав работ по разработке лендинга можно использовать как основу такого обсуждения.
