Откройте сайт с телефона и пока не прокручивайте страницу. Понятно, что здесь предлагают? Кому это подходит? Что можно сделать дальше?
Это и есть первый экран — видимая часть страницы до прокрутки. На разных устройствах в неё помещается разное количество текста, поэтому проверять только большой монитор недостаточно.
Первый экран не обязан рассказывать о компании всё. Его задача скромнее: помочь человеку понять, туда ли он попал, и дать ориентир для следующего шага. Вот пять проверок, с которых удобно начать.
1. Понятно ли, кто вы
Название компании может ничего не говорить новому посетителю. Если из заголовка и окружения непонятен род занятий, добавьте короткое пояснение: «Студия дизайна интерьеров», «Ремонт городских велосипедов».
Размещать его обязательно возле логотипа не нужно. Посмотрите на экран целиком: может быть, всё уже ясно из главного заголовка. Дублировать одно и то же в трёх местах тоже незачем.
2. Названо ли предложение
«Инновационные решения для вашего бизнеса» звучит как заголовок, но подойдёт и банку, и поставщику касс, и разработчику сайта. Читателю придётся искать расшифровку.
Для условной бухгалтерской компании конкретнее: «Бухгалтерское сопровождение для ИП на УСН». Теперь понятно, что предлагают и кому. Если есть важные условия, их можно объяснить рядом. Разумеется, формулировка должна соответствовать реальной услуге.
Попробуйте пересказать предложение одной фразой без слов «качество», «надёжность» и «решения». Если не получается, возможно, уточнять нужно само предложение, а не только заголовок.
3. Видно ли, кому это подходит
Представьте, что компания продаёт только оптом. Если это становится ясно лишь при оформлении заказа, розничный покупатель зря потратит время. Лучше сразу обозначить «оптовые поставки» и существенные условия заказа.
То же касается географии, типа клиентов и ограничений услуги. Не нужно выкладывать на первый экран весь договор. Вынесите то, без чего человек может неверно понять предложение.
4. Есть ли основания доверять
Фраза «нам доверяют лучшие» просит поверить на слово. Полезнее показать то, что можно рассмотреть или проверить: пример работы, реальный продукт, ссылку на подробный кейс, понятные условия услуги.
Стаж, результаты и отзывы уместны, когда они подтверждены и относятся к задаче читателя. Логотип клиента используют с учётом прав и договорённостей. Гарантию можно назвать, только если она действительно действует и её условия доступны. Нельзя придумывать доказательство ради заполнения красивого блока.
И не всё обязано помещаться сверху. Если подробный кейс находится ниже, первому экрану достаточно помочь его найти.
5. Понятно ли, что будет после нажатия
Посмотрите на главную кнопку вместе с текстом рядом. «Получить каталог» предполагает каталог. «Рассчитать стоимость» — понятный путь к расчёту. Если после нажатия человек получает только звонок менеджера, это лучше объяснить до отправки контактов.
Слово «Отправить» не запрещено: под небольшой понятной формой оно может работать нормально. Проблема возникает, когда непонятно, что отправляется, кому и зачем.
Проверьте кнопку на телефоне. Не перекрывает ли её баннер? Удобно ли попасть пальцем? Открывается ли форма и можно ли её заполнить? Эта проверка предполагает, что вы действительно пройдёте путь посетителя, а не только посмотрите на макет.
Покажите экран человеку со стороны
Попросите коллегу или знакомого, который не работал над сайтом, посмотреть на страницу и рассказать:
- Что здесь предлагают?
- Кому это подходит?
- Какой следующий шаг он видит?
Не объясняйте замысел заранее и не поправляйте ответы по ходу. Если человек понял другое, запишите, какой элемент его направил не туда.
Это быстрая проверка ясности, а не доказательство, что страница будет продавать. Для оценки результата понадобятся реальные посетители и данные. Если предложение понятно, но заявок нет, стоит пройти остальные проверки перед переписыванием текста.
Начать можно с одного места, где пришлось дать устное пояснение. Скорее всего, именно этого пояснения сейчас не хватает на странице.