Для выявления самых распространенных ошибок, которые допускаются на стадии прототипирования и дизайна было изучено более пяти тысяч посадочных страниц, сделанных студентами в рамках курса «Интернет-маркетолог». В результате была составлена подборка основных ошибок, допускаемых неопытными специалистами. Она принесет существенную пользу начинающим интернет-маркетологам, которые используют в своей работе конструкторы сайтов, такие, как Tilda.

Самым посещаемым блоком лендинга является первый экран и, как правило, именно на нем встречается больше всего ошибок. И именно эти ляпы носят фатальный характер – пользователям становится неинтересно, и они уходят. Устранение ошибок первого экрана поможет удержать пользователей на сайте. Поэтому так важно знать, какие из них являются наиболее критичными и не допускать подобных ляпов в своей работе. Но нельзя упускать из поля зрения и ошибки других экранов.

Читайте также: «Создание лендинга с высоким показателем конверсии»

Ошибки первого экрана лендинга

Самые частые ошибки при разработке прототипа  и дизайна лендинга

Обязательными элементами в структуре первого экрана являются:

  • фоновое изображение;
  • шапка (лого, дескриптор, контакты);
  • заголовок и подзаголовок;
  • форма захвата с призывом к действию и кнопкой.

Рассмотрим основные ошибки при работе с первым экраном.

  1. Самая распространенная из них – отсутствие одного или нескольких из перечисленных выше элементов первого экрана.
  2. Следующий по частоте ляп – имеется заголовок, но в нем отсутствует оффер. Оффер – это основа предложения, его суть, то, от чего клиент не сможет отказаться. Он должен отражать несколько выгод (обычно 2-4), служащих основными побудительными причинами для принятия решения. Указывая на первом экране лишь бизнес-нишу без расшифровки того, чем ваше предложение отличается от конкурентных, вы тем самым рискуете потерять потенциальных клиентов, которые не заинтересуются, не запомнят вас и попросту пройдут мимо.
  3. Грубейшей ошибкой является перегруженность страницы текстовыми и графическими элементами. Визуальный шум и отсутствие иерархии создают впечатление хаоса и затрудняют восприятие, тем самым отпугивая потенциальную аудиторию. Чтобы этого не случилось, нужно придерживаться определенных правил:
  • заголовок должен состоять из четырех-пяти слов;
  • подзаголовок – из пяти-восьми слов;
  • количество пунктов в маркированных списках и буллетах не должно превышать четырех.
  1. Несоответствие текста призыва глаголу на кнопке. Такая ошибка недопустима, поскольку вызывает недоверие у пользователей. Правило здесь очень строгое: глагол в призыве обязательно должен совпадать с глаголом на кнопке.
    Пример:
    Текст СТА: «Получить скидку на установку окна».
    Надпись на кнопке: «Получить скидку».
  2. По фоновому изображению пользователь не может понять, куда он попал. Кроме этой основной ошибки, есть еще несколько, связанных с фоновыми изображениями:
  • текст перекрывает изображение человека;
  • использование цветного шрифта на пестром фоне или серого на сером ведет к отсутствию контраста и снижет читаемость текста;
  • реверсив (белый на черном) также ухудшает читаемость текста.

Ошибки прочих экранов

Самые частые ошибки при разработке прототипа  и дизайна лендинга

Они не так бросаются в глаза, но им нужно уделять не меньше внимания.

  • Отсутствуют подзаголовки блоков. Это неправильно. Каждый блок лендига должен иметь свой подзаголовок с содержащимися в нем ключевыми выгодами данного блока.
  • Выгоды, отзывы или кейсы находятся не на виду, а в слайдере. Это значит, для того, чтобы их увидеть, нужно совершить дополнительное действие, что не нравится пользователям. Рекомендуется всю важную информацию размещать на одном экране, используя слайдер лишь в крайнем случае.
  • Использование разного стиля для повторяющихся элементов (заголовков, подзаголовков, кнопок) является ошибкой. Их рекомендуется выполнять в одном стиле – применять одинаковый формат, цвет, размер и шрифт.
  • Отсутствие контраста фоновых картинок. В этом случае лендинг превращается в однообразное бесконечное полотно. Чтобы этого избежать, следует чередовать фоны от темного к светлому.
  • Разное расстояние между блоками – отступы отличаются по размеру либо полностью отсутствуют, и блоки словно сливаются друг с другом.
  • Одинаковый формат блоков ухудшает восприятие контента. Лучше всего чередовать подачу материала: абзац текста на фоновой картинке, буллеты в виде иконок, картинка плюс текст-расшифровка, таблица и т.д.
  • Слишком крупные заголовки или иконки. Рекомендуется для текста использовать размер 14, для заголовков – в два-три раза крупнее. Оптимальные пропорции следующие: при заголовке 50 пикселей подзаголовок должен быть 36 пикселей, а основной текст – 21 пиксель.
  • Цвет кнопок должен быть комплементарным, но уникальным. Чтобы на странице отсутствовали элементы того же цвета.
  • В конце лендинга нужно обязательно разместить финальную форму захвата.
  • Нельзя забывать про футер сайта. В нем можно продублировать шапку сайта и разместить ссылки на политику конфиденциальности и юридическую информацию.

Разумеется, здесь перечислены далеко не все ошибки, встречающиеся на стадии прототипирования и дизайна. Мы рассмотрели лишь самые распространенные из них. Их можно легко исправить, пользуясь нашими подсказками и советами опытных маркетологов. Проверьте свои посадочные страницы. Устранение рассмотренных ошибок позволит значительно увеличить отдачу от landing page и положительно отразится на показателях эффективности страницы.

PDF - Как создать магазин на Амазон за 7 шагов