Как создать лендинг с высокой конверсией: технология, правила и примеры. Примеры лендингов с высокой конверсией

12.08.2019 Интернет

Мы продолжаем обзор лендингов с высокими показателями конверсии. Одни компании при разработке посадочных страниц обращаются к нестандартным решениям, в чем мы могли убедиться в предыдущей статье «Лучшие практики Landing Page с высокой конверсией. Нестандартные примеры» ( и ), другие прибегают к более традиционным методам, о которых мы и расскажем сегодня.

21. Регулярно тестируйте

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

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

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

Так что не бойтесь провалиться — берите и тестируйте снова.

Говорите на языке своей аудитории, чтобы сделать оффер более понятным и максимально доходчиво донести свое уникальное торговое предложение до клиентов. Маркетологам часто кажется, что выбранный ими заголовок говорит сам за себя, но при этом не он, а подзаголовок часто содержит больше конкретных деталей. Избегайте этого, делая хедер суперпростым, даже если это означает, что вам придется поменять местами заголовок лендинга и подзаголовок.

Дополнительный совет: для внесения большей ясности протестируйте варианты заголовков, содержащих вопрос, перечисление приобретаемых клиентом выгод, а также элементы, провоцирующие (Loss Aversion).

Вот итоги исследования, посвященного формулировке заглавия:

Вопрос (контроль): «Обожаете делать ставки на спорт? Мы тоже»
Первый контрольный вариант (выгоды): «Делайте больше денег на своих ставках — получайте бесплатные советы».
Второй контрольный вариант (страх потери): «Перестаньте терять деньги на своих ставках — получайте бесплатные советы»

Какой результат? Чем понятнее, тем лучше. Первый вариант принес рост конверсии на 41,14%, а второй — лишь на 11,03%.

23. Ничего лишнего в послании и дизайне кнопки CTA

Будьте конкретны и воздержитесь от использования общих слов в тексте кнопки, таких как «Продолжить», «Далее» и пр. Устраните любую неясность, любую потенциальную двусмысленность и ненужные опции, заставляющие пользователей задумываться.

Вот пример кнопки на сайте телевизионной компании Netflix, где они предупредительно ответили на любые вызывающие тревогу вопросы о том, что случится дальше, как отменить действие и насколько сильно вас обязывает принятие предложения. CTA даже включает временные рамки:

Самая важная часть вашего одностраничника должна выделяться за счет контрастных цветов, положения элементов, ясных призывов к действию и заметных кнопок. Даже если лид-форма находится в конце длинного лендинга, к ней все равно можно привлечь внимание.

Совет: выберите определенный цвет для CTA-кнопки и почти не применяйте его на остальном пространстве страницы. Если вам все-таки хочется включить данный цвет куда-то еще, возьмите для этого текст самого призыва к действию, таким образом как бы продляя «цветовое влияние» кнопки:

Единственные окрашенные в синий цвет элементы здесь — это текст CTA и фон самой кнопки

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

… и лендинг — каждая их часть совпадает до запятой.

25. Стройте доверие

Здесь вам помогут отзывы и логотипы компаний-клиентов, рекомендации, гарантии, телефонные номера и другие виды социальных доказательств. Главное — не преувеличивайте и не слишком отвлекайте внимание. В предыдущих статьях мы говорили о том, что некоторая информация может стать причиной негативного мышления.

Если ваш контент выглядит реалистичным и заслуживающим доверия, люди сочтут вас адекватной компанией, что поможет посетителям решиться наладить с вами связь.

Достойный пример того, как можно выстраивать доверительные отношения:

Здесь представлены хорошо известные бренды, и такой презентации тяжело не доверять.

Весьма неплохо работают гарантии возврата денег, как в этом примере:

100% гарантия. Довольные клиенты — это наш приоритет №1. Если вы не вполне довольны покупкой, просто верните нам носки, и мы полностью возместим их стоимость или поменяем на другой стиль/цвет. Никаких лишних вопросов, никаких хлопот

Тем самым вы не потеряете внимание посетителей и они не покинут страницу. так и не дождавшись полной загрузки.

В Walmart.com провели тест, доказывающий важность этого фактора:

Если скорость загрузки страницы увеличивается с 1 секунды до 4, происходит резкое падение конверсии. Зато на каждую секунду ускорения этого процесса приходится 2%-ный рост конверсии

Бред Смит (Brad Smith), специалист по маркетингу, постоянный автор блога Unbounce, емко описывает 11 способов ускорить загрузочное время:

  1. Почистите код.
  2. Уменьшите HTML & CSS.
  3. Используйте .
  4. Используйте меньше переадресаций.
  5. Измените местоположение скриптов.
  6. Не используйте слишком много плагинов WordPress.
  7. Обновите хостинг.
  8. Измените размер изображений.
  9. Сожмите изображения.
  10. Используйте CDN (Content Delivery Network) для изображений.
  11. Используйте внешний хостинг, где это возможно.

27. Используйте KISS

Нет, не этих ребят:)

Речь идет об широко известном маркетинговом принципе упрощения под кодовым названием «Будьте проще» («Keep-It-Simple-Stupid»), или KISS. Используйте на лендинге минимальное количество контента и делайте его максимально простым. Мы уже говорили, что нужно учитывать определенную степень инертности посетителей и сокращать объем усилий, требуемых от них при просмотре вашего лендинг пейдж. Все должно быть легко и очевидно.

28. Позаботьтесь о читабельности

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

Люди читают в определенном порядке, перемещая взгляд по странице в последовательности, напоминающей букву F, поэтому вам стоит выстроить информационную иерархию в соответствии с этой особенностью. Обратите внимание на эти тепловые карты:

29. Сделайте дизайн чистым

Помните о правилах использования белого пространства: уберите все лишнее, чтобы помочь посетителям увидеть главное — ваш оффер.

Вот пример чистого, четкого дизайна, проводящего клиента через весь потенциально предстоящий процесс:

30. Будьте избирательны, когда дело касается изображений

Идеальное (Hero Shot/Image) способно творить чудеса с коэффициентом конверсии.

  • Всегда вставляйте подпись под картинкой, поскольку текст около изображения традиционно имеет высокий показатель читаемости;
  • Используйте изображения, относящиеся к теме, не слишком перетягивающие на себя внимание;
  • Сжимайте изображения для улучшения времени загрузки;
  • Используйте фотографии реальных людей, имеющих отношение к подразумеваемому географическому региону;
  • Используйте простой дизайн — один продукт и одно УТП на страницу.

Чудесный образец от MailChimp:

Логотип был превращен в активный талисман — очень умное решение!

Все люди постоянно в поисках каких-либо фишек и ноу-хау. Они ищут интересненькие ходы, чтобы результат увеличился в десятки раз.

И как показала наша практика, всё это если и увеличивает прибыль, то только в небольших размерах. Когда по-настоящему могут изменить ситуацию только основы. И как правило, такие темы всегда остаются за кадром. И зря! Время менять приоритеты.

Сегодняшняя статья будет посвящена началу начал – что такое правильная структура лендинга с высокой конверсией.

Я знаю, что ничего не знаю

Если вы прочитали до этого момента и еще не знаете наверняка нужен вам вообще landing page или нет, то вам в помощь наша статья.

Уже ни для кого не секрет, что продающий и (он же одностраничный сайт) создается не по воле собственной фантазии, а исходя из четких данных основанных на анализе. То есть это не столько творческая работа, сколько точный расчет.

Поэтому добавлю ложку дегтя в эту бочку меда. А именно что нужно сделать еще до того, как создать новый документ под названием “Прототип сайта”:

  1. провести ;
  2. выявить ожидания, стереотипы, страхи, боли и возражения ;
  3. разделить ЦА на сегменты и определить их критерии выбора.

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

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

Правильная и продающая структура лендинга

После подготовительного этапа, следующее, на чём будет строиться наш сайт, это “теплота” трафика. Да, что уж, от этого будет зависеть все!

И наполнение, и фото, и тексты, и . На этом моменте многие допускают ошибку, но мы ведь не такие? ;-)

Настоящей находкой для тех, кто задумался о создании лендинга станет, так называемая, “ ”. Выглядит схема следующим образом:

Лестница Ханта

Согласно этой схеме, клиент должен “созреть” и пройти все 5 этапов от отсутствия потребности до готовности купить. Конкретный пример как применять Лестницу Ханта мы разобрали в этом видео:

https://youtu.be/IF5hR2MLfX0

Для того, чтобы не объяснять все “на пальцах”, далее все будет основано на реальных событиях, а именно на примере landing page одного из наших клиентов – компании по чистке ковров “Чистый квадрат”.


Конверсия компании по чистке ковров "Чистый квадрат"

К слову, средний результат всего трафика – 6% конверсии в заявку, которая в их нише можно назвать покупкой. Много это или мало? Читайте об этом в нашей статье

Ну, а мы давайте разберём более детально “уровень осознанности” трафика, после чего вы поймёте почему это так важно. Начнём с первого этапа, основываясь на нашем клиенте.

Этап 1: Нет проблемы

Клиенты не знают что такое грязный ковёр и что его нужно чистить. У них всё замечательно, как в сказке, никаких проблем.

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

Чаще всего это клиенты, которые его только-только купили. Поэтому в этом случае весь наш сайт будет пропитан структурой PMPHS.

То есть ваша задача с первой фразы накалять атмосферу и рассказывать, что ковры нужно чистить (обрабатывать после покупки).

Иначе там возникают бактерии, которые в дальнейшем оседают в вашем организме и вызывают болезни вплоть до летального исхода.

В рамках ковров звучит глупо, но в рамках других сфер вполне может быть уместно.

Этап 2: Есть проблема, нет решения

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

Используйте эту информацию на своём сайте, что есть решение этой неприятной ситуации.

А именно в первой половине сайта покажите свой вариант решения. Что оказывается можно вызвать компанию, которая приедет и всё сделает на дому, либо приедет, увезёт и привезёт.

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

Этап 3: Решение есть, сравниваем варианты

Если Ваш потенциальный клиент ещё не на этом этапе, что возможно при условии, что Вы продаёте новое или редкое решение, о котором люди не слышали, то Вам нужно вернуться на 1 и 2 этап. Но если же клиент уже находится на этой стадии, то он знает, что:

  1. Нужно чистить ковер, чтобы продлить его срок службы;
  2. Необходимо проводить профилактику для избежания скопления бактерий;
  3. Ковёр чистить нужно специальной химией и оборудованием, а не мылом и пылесосом;
  4. Можно вывести даже самые ужасные пятна.

То есть по таким запросам как “где профессионально почистить ковер” мы можем делать ленд со сравнением плюсов и минусов нашего продукта и автомойки, самостоятельной чистки, выездов работников на дом.

Так как в данном случае клиент выбирает между разными подходами для избавления от задач, которые я написал выше.


Сравнение с конкурентами

Но надо понимать, что эти люди еще не готовы купить, они довольно “холодные” и еще размышляют:

- Может, всё-таки на автомойку или самостоятельно?

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

Этап 4: Выбор продукта

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

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

А значит с первой минуты попадания на сайт, наша задача убедить что наша компания самая лучшая. Что наши преимущества всем преимуществам. Что наши условия круче варёного яйца. Можно, например, это сделать с помощью блока результата до/после (наших кейсов).


Результат до/после

Этап 5: Уверенность и намерение

Клиенты, которые приходят по таким запросам как “чистка ковров чистый квадрат” ищут конкретную компанию.

Если вы еще не слишком известны, таких запросов либо будет крайне мало, либо не будет вообще.

Такие клиенты, что называется, “горячее” некуда. Все, что им нужно предоставить – наши контакты и .

А Вы откуда?

Наверное у вас в голове сейчас полный хаос после прочитанного, по крайней мере, у меня так было в первый раз.

И я не уделяла бы столько внимания этому, если бы структура landing page не зависела от “Лестницы Ханта”.

И чтобы понять на каком уровне осознанности находится Ваш клиент, необходимо перед созданием определить источники трафика.

Когда лендинг создается с нуля, ответ получается очень размытый, в стиле “Да мы все попробуем…Хотя, наверное что-то одно, либо таргегинг, либо … Еще не решили”.

Почему это так важно?

1. . С нее придут люди, которые находятся на Этапе 1 - 2. Редко 3. И почти никогда 4.

То есть они “еле теплые” и, прежде чем купят, нужно им еще все показать-рассказать-объяснить. Поэтому не обманывайте себя ожиданиями огромной конверсии.

Поэтому очень важно уделить достаточно внимания , сделать его лучше, чем у других.

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

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

Теперь вы понимаете, что профессиональные исполнители вам предлагают создать разные лендинги на разные каналы привлечения клиентов, не потому что хотят больше заработать, а потому что это сильно поднимает эффективность?

Пример структуры

Возвращаясь к нашему примеру. Разрабатывая сайт “Чистого квадрата” мы основывались на “горячих” ключах и таких же клиентах.

Задача была выделиться среди массы конкурентов и зацепить клиента. Поэтому структура одностраничника выглядит таким образом:

  1. Заголовок;
  2. Выгоды;
  3. Преимущества перед конкурентами;
  4. Сравнение с услугами/аналогами;
  5. Пример результата;
  6. Условия работы;
  7. Этапы чистки;
  8. Почему нам доверяют;
  9. Футер (карта с адресом и контакты).

Лайфхак. Если вы будете делать лендинг самостоятельно, то я рекомендую - PlatformaLP . Там уже есть готовые шаблоны с довольно неплохими структурами. Это вам сильно упростит жизнь;)

Многие предприниматели интересуются, как сделать лендинг с высокой конверсией. Никакой тайной магии здесь нет. Убеждение интернет-пользователя строится на тех же принципах, что и оффлайн-продажи.

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

Оффер решает все

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

Чем вы отличаетесь от конкурентов? Что ценного получит ваш клиент? Ответ на эти вопросы и дает оффер. Ясно, кратко, убедительно. Помните знаменитое правило 5 секунд? По результатам многочисленных исследований столько времени требуется интернет-пользователям, чтобы решить остаться на странице или уйти.

В идеале реакция посетителя подобна словам киногероя: «Это я удачно зашел!» Задача минимум — прокрутить лендинг до конца.

На лендингах с высокой конверсией офферы схожи по 3 параметрам:

  • Конкретность
  • Уникальность
  • Ценность

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

Во-вторых, не должно складываться впечатление «здесь все как у всех». Шаблонные формулировки не продают.

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

Помните классический сюжет с дрелью? Человек покупает инструмент не ради инструмента, а чтобы просверлить отверстия. Отверстия нужны, чтобы повесить картину. Картина нужна, чтобы создать уют в доме. Проследите эту цепочку на своем продукте, и продавайте уют, а не дрели.

Неудачный пример:

Предложение конкретное, с намеком на выгоду (приведем клиентов), но при этом до боли стандартное. Сегодня тысячи агентств и умельцев-одиночек занимаются настройкой контекстной рекламы. Уникальности не видно.

Более удачный вариант:

Ценность этого предложения (4% конверсии) с условием возврата денег. Пожалуй, для данной ниши более точного оффера не придумать.

Еще один совет: не старайтесь «выпендриться» во чтобы то ни стало. Уникальный оффер отнюдь не означает безграничный креатив. В подтверждение — кейс датского маркетолога Микаэля Огарда:

Это страница сети Fitness World. Первоначальный вариант заголовка: «Вы станете успешнее с Fitness World». Огард изменил его так: «Групповые занятия фитнесом в местном тренажерном зале». В результате конверсия выросла на 38%. Простота превыше творчества!

Дайте сильную выгоду в форме захвата

В превью вы объясняете, зачем пользователю оставлять свои контакты. Что он получит, совершив целевое действие? Самые распространенные варианты целевых действий:

  • Заявка на бесплатный аудит или консультацию. Отлично подходит для IT-сферы, интернет-рекламы, любых консалтинговых услуг.
  • Бесплатная регистрация. Обычно используется программными сервисами.
  • Заявка на бесплатный каталог или прайс-лист. Применима в случае большого количества товаров.
  • Заявка на расчет стоимости. Либо сложная комплектация товара, либо услуга по индивидуальным параметрам (ремонт автомобиля).
  • Заявка на бесплатный замер. Стандартные темы: натяжные потолки, установка дверей, мебель под заказ.
  • Запись на бесплатный первый урок. Работает в образовательной сфере (иностранные языки, музыка, танцы, боевые искусства).
  • Получение доступа к информации. Применимо для подписных страниц в рамках email-маркетинга. Пользователь оставляет свой адрес, а вы ему электронную книгу, например.

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

В некоторых случаях целесообразно разместить буллеты прямо в форме захвата, под превью (этот кейс мы описали в предыдущей статье).

Кнопка СТА — это «выжимка» главной выгоды в чистом виде. Эффективный призыв к действию либо равнозначен получению желаемого конечного результата (пример 1), либо основан на любопытстве (пример 2).

Многочисленные споры идут по поводу того, в каком виде делать лид-форму: скрытую (на странице вида только кнопка СТА) или открытую. Однозначного ответа нет. Смотрите, что больше подходит вашей целевой аудитории или проведите тестирование обоих вариантов.

Следующий пример интересен объяснением, что произойдет после отправки контактных данных. Это повышает доверие пользователей.

Секретная фишка онлайн-психологии

Смысл приема в подсознательном желании людей заменить абстрактные данные на свои собственные.

В любом случае целевое действие должно быть необременительным, с минимальным количеством полей в лид-форме.

Говорите как можно больше о клиенте, а не о себе

Лендинги с высокой конверсией акцентированы не на характеристиках компании или продукта, а на выгодах клиента. Многие страницы используют блоки «О нас», «Наши преимущества», «Почему нас выбирают», «Как мы работаем». Информация в них дается в принципе по делу, но почему-то хочется повесить медаль на грудь автора текста.

Представьте себя на месте клиента. Что он хотел бы получить от вашего продукта?

Примерно таким образом:

Часто достаточно изменить заголовок «Почему нас выбирают» на «Что вы получите». Ощущение совершенно иное. Помните о том, что покупателям наплевать на ваши достижения. Они хотят решить свою потребность.

Используйте гипнотические слова

Это слова, подсознательно действующие на принятие положительного решения посетителем вашего лендинга. Краткий список:

  • Представьте
  • Потому что
  • Бесплатно
  • Подарок

Конечно, все хорошо в меру, и не стоит пихать их в каждое предложение.

Избегайте шаблонных формулировок

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

  • Быстро
  • Качественно
  • Профессионально
  • Надежно
  • Недорого

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

В тот же список «на увольнение» можно поставить любую фразу, которая не несет смысла. Например, «Комплексное решение проблем вашего бизнеса», «Простое решение сложных задач» или «Добейся успеха вместе с нами». Они применимы к сотням ниш и об уникальности предложения никак не говорят.

Секретная фишка

Замените каждое наречие и прилагательное в вашем тексте на противоположное значение. Если получается абсурд, то смело выкидывайте слова-сорняки.

Например: «Профессиональные специалисты сделают ремонт автомобиля быстро и качественно». Обратный вариант: «Необученные специалисты сделают ремонт автомобиля медленно и отвратительно». Согласитесь, абсурд.

Вот как можно написать: «Опыт каждого специалиста от 8 лет, а старший механик прошел стажировку в Формуле-1. На любой вид авторемонта даем гарантию 2 года». Факты и только факты!

Доказывайте то, что утверждаете

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

Например:

Игорь Манн бы позавидовал. Да, что там — самому Дэну Кеннеди пора бросать свои коучинги-тренинги и поступать к ребятам в ученики.

Если это возможно, вместо лишних слов сделайте фото, видео с вашим продуктом в действии. Наконец, разместите отзывы своих клиентов.

Используйте только реальные отзывы

Некоторые предприниматели относятся к отзывам в духе «сами напишем или попросим копирайтера». А вы знаете о том, что поддельные отзывы снижают конверсию сильнее ложных фактов? Иногда дело доходит до смешного: люди обнаруживают собственную физиономию на каком-нибудь лендинге под вымышленным именем.

Лендинг пейдж (от англ. landing page) — отличный способ презентовать свой бизнес аудитории в лаконичной и интересной форме. В отличие от стандартного веб-сайта, он должен брать внимание посетителя, удерживать его одним оффером, чтобы привести к итоговому целевому действию. У хорошего интернет-проекта есть свои отличительные характеристики. Из данной статьи вы узнаете, как выглядит эффективный лендинг пейдж с точки зрения специалистов LPgenerator.

Перед тем как приступить к работе, нужно обязательно определиться со структурой. Не зря лендинг называют одностраничником. Ведь в прямом смысле это одна страница, разделенная на несколько «полос», которая содержит разноплановую информацию, полностью раскрывающую оффер. Некоторые разработчики делают вверху панель навигации, таким образом расширяя возможности и одновременно упрощая взаимодействие пользователя с ресурсом. Главное — различать понятия «лендинг» и «сайт» стандартного вида (где можно сделать сколько угодно разделов).

Обязательными составляющими качественного landing page являются:

  • лаконичный, интересный хедер;
  • краткие преимущества бренда;
  • лид-форма;
  • описания услуг;
  • ценовая политика;
  • примеры работ;
  • социальные доказательства (отзывы, сертификаты).

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

Помните — одностраничник должен нести клиентам только одну идею, преследовать конкретную цель. Нельзя перегружать портал разноплановыми офферами.

Тексты

Пишите простые, понятные, лаконичные офферы. Решающим фактором для мотивации потенциального покупателя совершить конверсионное действие является именно привлекательный призыв.

Помните — посетитель веб-ресурса ждет, что вы будете персонализировать общение, поэтому рекомендуется сужать аудиторию коммерческого посыла, подразумевая конкретного клиента. Пример — ниже, где обращение «Вы» пишется с большой буквы.

Там, где уместно, используйте «эффект срочности». Доказательством послужит , который доказал — этот фактор, или эффект, увеличивает конверсию.

Специалисты тестировали два варианта хедера. Один вариант оффера сообщал «Get started now for just 1$» (Начать сейчас всего за доллар). Во второй версии использовалась фраза «Get started for just 1$» (Начать всего за доллар). Образцы хедеров представлены ниже.

Победил первый вариант, повысивший конверсию портала на 12%. Как видите, единственным отличием было слово «сейчас», это доказывает следующую гипотезу — слова, передающие безотлагательность, срочность действия, являются сильной мотивацией для пользователей.

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

Структура текста

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

Представляем образец хорошей структуризации печатных данных.

Объем данных

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

Иллюстрации

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

Собственно, что получилось. Начальная версия оказалась гораздо менее популярна двух последующих. При этом изображение сотрудников увеличило конверсию на 45,5%, а фото автомобиля на 45,05%.

Это не значит, что нужно обязательно использовать реальные фото вашей компании. Все-таки мы боремся за эстетическую привлекательность в том числе. Если решение испортит внешний вид страницы, то сыграет только в минус. Желательно находить компромиссы.

Эффективным лендинг пейдж можно считать при условии, когда дизайн «говорит» все об услуге. Он должен ассоциироваться с бизнесом, который презентуется посредством веб-ресурса. Представляем хедер очередного макета от LPg — он сделан по тому же принципу.

Делайте такую кнопку, которую хочется нажать. Посетитель сразу должен понять — по ней нужно кликнуть для немедленного получения услуги. Убедитесь, что после нажатия пользователь переходит туда, куда необходимо.

Если говорить о цвете CTA-кнопки, то лучше всего выбирать контрастные оттенки. Согласно исследованиям по нейромаркетингу, именно такой подход — лучший для привлечения пользователей, мотивации их к целевому действию. Мы можем представить примеры лендингов с высокой конверсией, соответствующих описанному принципу.

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

Посмотрите на форму связи шаблона ниже, презентующего вебинар. Только имя и email.

Во-вторых, нужно, чтобы форма была яркой, выделялась, акцентировала на себе внимание. Вот модель подобного решения.

«Плоский дизайн»/ «белое пространство»

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

  • практичность — веб-ресурсы загружаются быстрее анимационных сайтов, изобилующих дизайнерскими «фичами»;
  • легко «подгонять» формат под экраны различных устройств — сегодня адаптивная верстка крайне актуальна, так как подобный подход является признаком заботы о клиенте (который давно уже стал более «мобильным»), но также соответствует требованиям поисковых систем;
  • эстетическая привлекательность «плоского дизайна» — уже многие разработчики поняли преимущества подобного подхода, одними из них стали представители компании Apple, сделавшие новую операционную систему более «плоской».

Безусловно, посадочные страницы с высокой конверсией могут сочетать плоские и объемные составляющие. Главное — удобство для пользователя, внешняя привлекательность. Ниже пример удачного сочетания: плоский текст/формы, но объемное фоновое изображение.

Теперь о так называемых «белых пятнах». Этим термином обозначают свободное пространство между элементами ресурса (естественно, условно «белое», оно может быть какого угодно цвета). «Пятна» не используются в качестве отдельных дизайнерских составляющих, они служат дополнением общей структуры. Их преимущества — эстетическая привлекательность и улучшение удобства пользования. Вот удачный пример.

Шрифты

«Золотое» правило дизайнера — два/три шрифта на весь сайт. При этом важно выбрать хорошо сочетающиеся между собой варианты, релевантные тематике вашего проекта. LPgenerator делает свою работу профессионально, к каждому лендингу тщательно подбираются шрифты, соответствующие тематике и общему стилю.

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

Что мы видим на интернет-рынке? Большинство заказчиков и исполнителей оперируют фразами типа «Конверсия от 15 до 50%». Иногда можно встретить совсем абсурдные предложения, когда веб-студия хвастается тем, что создает лендинги с конверсией, например, 76% или другими довольно точными цифрами.

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

Заблуждения связанные с посадочными страницами

Считается, что у Landing Page должна быть особая «магическая» структура, которая сможет обеспечивать высокий уровень продаж. Но, как известно, в предпринимательской деятельности нет места магии.

Нужно понимать, что универсальных методов не существует, ведь каждый бизнес рассчитан на свою особенную целевую аудиторию. Да, есть общие тенденции и правила, но именно высокой конверсии можно достичь только в ходе тонкой и кропотливой настройки.

Заголовок, блок с преимуществами справа, изображение слева, несколько хвалебных отзывов и приторный продающий текст - все это не сможет гарантировать увеличения продаж.

Нельзя продавать в лоб

Для начала, поставьте себя на место вашей целевой аудитории. Вам нравится, когда назойливо пытаются впихнуть товар? Такой агрессивный подход к продажам имеет право на существование, но в сфере, где «горячие» продажи преобладают. К примеру, это может быть продажа мороженого, ведь никто не будет искать в интернете лучшее место для покупки такого товара.

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

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

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

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

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

6 простых способов увеличить конверсию

  1. Проанализируйте цены конкурентов. Если вы можете выгодно отличаться ценой, то не нужно стремиться к этому любыми методами, как правило, пострадает качество обслуживания или самого товара. Постарайтесь найти объективную причину, которая компенсирует необходимость платить больше. Для реальных продаж нужны реальные выгоды.
  1. Довольно часто можно видеть такую ситуацию. Заходишь на сайт, а там все, на первый взгляд симпатично, хороший заголовок, но когда начинаешь глубже взаимодействовать с сайтом, то замечаешь неприкрытое расхваливание компании, информационную кашу и огромное количество навязчивых лид-форм. Пользователи стараются игнорировать такие сайты.
  1. Нужно найти средства и время на качественные продающие тексты. Все подразделы, если они есть, должны быть заполнены. Довольно часто встречаются элементы, которые остаются от шаблона лендинга и совершенно не нужны на сайте.

  1. Всплывающие окна и меню, особенно, которые нельзя сразу закрыть, могут значительно увеличивать показатель отказов, что негативно скажется на конверсии. Люди уже насытились такими динамичными элементами. Сейчас лучше отказаться от такого подхода и делать простые комфортные сайты.
  1. Если из 1000 посетителей 800 сразу же покидают целевую страницу, то, возможно, дело не в юзабилити и , а в некорректных источниках трафика. Так, неправильно настроенная контекстная реклама может привлекать совершенно нерелевантный трафик. Кроме того, нужно проанализировать поисковые запросы, по которым к вам переходят пользователи.
  1. На лендинге обязательно должна быть информация о способах оплаты и доставки. Пользователь не должен искать такую информацию где-то в футере или по отдельной ссылке.

Эффективный дизайн или яркая обертка?

Посадочная страница должна быть понятной, лаконичной и опрятной. Для этого совсем необязательно использовать анимацию, флеш-эффекты или другу сложную графику. Главное, чтобы дизайн был неотъемлемой частью сайта, а не являться просто яркой оберткой.

Распространенной ошибкой является создание сначала дизайна, а потом уже наполнение его каким-нибудь содержимым. Так, многие веб-студии предлагают использовать готовые шаблоны. При таком подходе контент и дизайн не будут выглядеть максимально гармонично. Это косвенно влияет на конверсию, так как пользователи сразу заметят, что сайт выполнен недостаточно профессионально.