Франкенпейдж

Как превратить лендинг в монстра продаж

Данные + дизайн = идеальный лендинг

Это история любви. Любви между данными и дизайном. Давайте представим, что данные — невеста, а дизайн — обаятельный парень Франкенштейн, который ищет ключ к ее сердцу.

Дизайн — очень важная вещь. Мы это не только знаем, но и чувствуем на себе. Хороший дизайн исключает путаницу. О двадцати трех принципах дизайна, которые Оли использует при создании лендингов, читайте в следующей статье. Следите за нашими новостями! Рассмотрим для наглядности веб-страницу. Что ее создатели хотят сказать своим дизайном и наполнением?

«Маркетинговое программное обеспечение», «маркетинговая платформа», «зарегистрированная торговая марка», «зарядите свой бренд» и снова «зарегистрированная торговая марка». Складывается ощущение, что сайт продает торговые марки. И это очень отвлекает внимание. На самом деле, он продает программное обеспечение для маркетологов.

Заходя на ваш сайт, человек должен моментально понять, чем именно вы занимаетесь и почему ваш продукт уникален. Ясность — самый важный аспект конвертации посетителей в клиентов. Нет ясности — нет контакта. Нет контакта — нет продаж.

Что делает сайт понятным?

Первое правило: не отвлекайте внимание клиента от главной цели. Вы скажете: «Я всегда знаю точно, что мне нужно и не отвлекаюсь на мелочи». Посмотрим, как меняется внимание пользователя в зависимости от разных переменных.

Вот так люди находят (или не находят) ваш сайт: заходят в поисковик и вводят поисковое слово.

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

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

После пятисекундного просмотра этой страницы 92% пользователей предположили, что эта компания занимается организацией дайвинга. И только 8% ответили правильно: она продает программное обеспечение для вебинаров.

Он ужасно скучный, но зато, просмотрев его пять секунд, правильный ответ дали 44% опрашиваемых. Однако, как только мы уберем логотип, который говорит сам за себя, этот показатель упадет до 12%.

Идем дальше: компания с непонятным названием, но четкими картинками и стрелочками, которые привлекают внимание.

Они показывают, что что-то должно «выходить» из одного девайса и «заходить» в другой. Казалось бы, глупо. Но 44% опрашиваемых ответили правильно. Однако, если сделать название в логотипе более ясным, коэффициент понимания вырастает до 68 %.

Следующая компания предлагает нам посмотреть на ее цифры и статистику.

«Что делает нас лучшим партнером?», «Мы делаем лучший бизнес — посмотрите на цифры». Всего 8% респондентов смогли за пять секунд понять, о чем все это.

Кстати, ссылка платного объявления вела на второстепенную страницу этого сайта. А стоило сделать переадресацию на главную страницу, и 54% опрашиваемых смогли бы точно описать деятельность компании. Ничтожная ошибка — и такой процент потерянных клиентов.

Достаточно сделать малейшие изменения. Тем не менее, так много компаний этого не понимает. Можно с уверенностью сказать, что отвлечение — злейший враг перехода по вашим ссылкам. Если концентрация внимания будет 1:1, то количество переходов будет расти.

«Героические» фото: еще один эксперимент

Что мы видим? На заднем плане происходит нечто очень важное, а девушка на переднем плане смотрит прямо на нас. Визуальный контакт важен, но только не в этом случае. Никому не нравится, когда на него так пристально смотрят с экрана монитора.

Оли протестировал насколько люди понимают сайт с таким изображением: только 8% смогли определить, в какой отрасли работает компания.

Фото изменили так, чтобы девушка смотрела не в глаза пользователю, а на заглавие сайта или важную информацию. И показатель узнаваемости увеличился на 16%.

А, когда взгляд на фото направили в точку, где в одном предложении описывается суть услуги, узнаваемость выросла на 30%. Возможно, вы никогда бы не подумали, что такая глупость имеет значение. Тем не менее, это так.

Оптимальная длина онлайн-форм

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

Эффективно ли публиковать информацию в нижней части сайта?

На графике показано деление сайта на зоны, и наилучшее месторасположение для информации. Как видим, именно в третьей зоне должна размещаться вся полезная информация. Никакой мистики, но лучшее место расположения важных элементов находится в 666 пикселях от верха экрана.

Собираем Франкенштейна — эффективный лендинг

  • В начале — заглавие и подзаголовок, который может быть как под, так и над заглавием. Важно, чтобы они были предельно ясными.
  • Далее параграф с основным описанием продукта и кнопкой призыва к действию, а ниже — дополнительные ссылки на описания разных направлений деятельности.
  • В главный параграф можно также добавить небольшое экспертное видео. 540×400 px — идеальный размер. Важно, чтоб видео захватывало клиента уже с первых секунд просмотра.
  • Добавьте онлайн-формы для обратной связи.
  • Отзывы клиентов должны быть реалистичными и понятными.
  • Добавьте кнопку для быстрого получения основной информации о продукте.
  • Даже если форма будет значительно ниже уровня глаз и зоны для оптимального размещения информации, просто направьте взгляд или указатель именно в ту сторону.