Для чего нужны landing page. Лендинг Пейдж – что это такое простыми словами с примерами

Виктория Кучинова

Главная проблема большинства современных лендингов – все они будто сделаны под копирку. А где же креатив, огонь, где дизайнерские безумства?

В этой подборке я собрала интересные фишки и необычные эффекты. Часть из них сделали разработчики и веб-дизайнеры «Текстерры», часть нашлась на просторах рунета. Не обошлось и без примеров отвратительного дизайна и откровенной шизы – в конце статьи вас ждет знакомство с хомяком-убийцей и Снегурочкой с ведром.

Смотрите, вдохновляйтесь, применяйте понравившиеся идеи на практике, миксуйте их со своими и не забывайте проводить A/Б-тестирования – вот единственно правильный рецепт создания убойных посадочных страниц.

И, главное, помнить, что лендинг – не самодостаточный инструмент. Для конверсий, лидов и продаж нужен качественный трафик. А добыть его сложно без комплексного продвижения .

Расширенная форма

Обычно на одностраничниках используют стандартную форму заявки с несколькими полями. Чаще всего клиенту нужно указать контактные данные – имя-фамилию, почту или телефон. Но в некоторых сложных сферах лучше раскрыть тему подробнее. Вот как это сделали в «Текстерре»: в форме лендинга dellservers.ru клиент может выбрать модуль, параметры, задачи сервера. Может сбросить значения, если что-то пошло не так.

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


Две кнопки СТА

На лендинге планировщика задач wunderlist.com/ru – сразу два призыва к действию, которые усиливают друг друга: «Создать бесплатную учетную запись» и «Загрузить Wunderlist». Пользователи кликают по обеим ссылкам, конверсия растет, а лендинг выполняет свою работу на отлично.


Конкретные цифры (результаты)

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


Персонализация

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


Удобная форма ответа

На многих лендингах и сайтах задать вопрос можно только через форму. А это значит, нужно указывать имя и фамилию, оставлять телефон и электронную почту. Иногда вообще приходится вводить капчи и коды – ужас! Понятно, что это делается для того, чтобы получить лиды. Но есть и другой вариант – как на лендинге «Церебро Таргет». Если вы зарегистрированы во «ВКонтакте», ничего заполнять не нужно – бери и пиши. И клиенту удобно, и владельцу хорошо – контакт оставлен, можно работать дальше.


Отзывы клиентов

Можно попросить клиентов рассказать о своих впечатлениях и опубликовать полученные тексты на лендинге. Но загвоздка в том, что посетитель никак не проверит – реальные это отзывы или фейковые. Лучше пойти дальше и убедить посетителей в этом. На лендинге huskypark.info , который разрабатывала «Текстерра», приводятся слова клиентов из «Инстаграма» со ссылками на их аккаунты. Все честно – зайдите и убедитесь.


Демонстрация результатов



Трехмерная графика и дополненная реальность

Лендинг создан для приложения Qubi . Это игра для детей 3+ лет и взрослых. Суть игры проста. На первом шаге пользователь по предложенной схеме склеивает реальный бумажный, картонный или деревянный кубик.


Потом он устанавливает приложение, открывает его на смартфоне и «смотрит» на кубик через камеру устройства.


На экране смартфона или планшета кубик оживает. Пользователь играет в трехмерный вариант «Змейки», «2048», «Лабиринта». При этом управлять игрой нужно с помощью реального кубика. Чтобы управлять кубиком двумя руками, нужно использовать специальную подставку для смартфона, которую можно собрать самостоятельно.


Трехмерную модель кубика можно увидеть на иллюстрации (gif).


Что хотел клиент

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

Что мы сделали

Мы реализовали трехмерность с помощью 3D-трансформаций CSS3. Переходы между гранями кубика сделаны с помощью чистого JavaScript с отслеживанием событий drag и touch. Благодаря необычным переходам между экранами у пользователя создается ощущение объемности экрана. Это особенно ярко выражено на рабочей версии посадочной страницы.


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


Лендинг полностью адаптивный.

Интерактивный выбор цветов окраски интерьера и мебели

Необычность лендинга «ДСК.Color» заключается в возможности самостоятельно выбрать цвет мебели и предметов интерьера с помощью интерактивной палитры.

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

Самая востребованная услуга – окраска мебели и предметов интерьера. На нее приходится около 80 % работ клиента.

Что хотел клиент

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

Что мы сделали

Мы предложили клиенту идею: дать посетителю возможность самостоятельно выбрать цвет мебели и предметов интерьера.

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


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


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

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


Необычные и обычные прелоадеры

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

Что такое прелоадер и какие задачи он решает

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


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

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


Прелоадеры реализуются с помощью стандартных инструментов фронтенд-разработки: HTML, CSS, JavaScript и дополнительных библиотек и фреймворков, например, jQuery, React.

Как мы улучшаем лендинги с помощью прелоадеров

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

  • Qubi

Для лендинга Qubi мы сделали прелоадер, который повторяет навигационное меню. Это позволяет пользователю понять принцип управления страницей до ее загрузки.


  • Levellen

На сайте Levellen Interiors мы использовали прелоадер в виде логотипа компании. Это дополнительный элемент брендинга сайта.

На лендинге представлена информация об аренде помещений в бизнес-центре. Главный секрет посадочной страницы находится в разделе «Офисы». Здесь пользователь может посмотреть наличие свободных офисов на каждом этаже здания.


При наведении курсора на свободный офис всплывает кнопка «Подробнее».


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


Особенности реализации

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

Собственно дизайн

В этом примере нет сложных технических фишек и дизайнерских эффектов – весь лендинг вывозит красивая картинка: фон, цвета, аппетитные фотографии астраханской икры. Одностраничник astrahancaviar.ru – хороший пример того, как благодаря дизайнеру продукт хочется приобрести. И немедленно съесть!


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

Задача каждой компании, создающей лендинг, — провести пользователя к конверсионному действию. Согласно правилам потребительского поведения, потенциальный покупатель проходит 5 основных стадий: внимание, интерес, желание, действие, удовлетворение/неудовлетворение. Но какая именно схема лендинг пейдж и структуризация блоков обеспечит максимальную отдачу? Сегодня мы постараемся разобраться в этом вопросе.

Любая маркетинговая кампания обязана начинаться с определения уникальных характеристик бренда. Необходимо четко сформулировать, чем предлагаемый вами продукт отличается от решений конкурентов. Естественно, необязательно придумывать все заново: как правило, программа уже определена до начала проектирования веб-ресурса. Если этот момент был упущен, то — ваша первостепенная задача.

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

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

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

Простой пример от LPgenerator:

Этот и другие шаблоны вы можете взять за основу для создания своего первого лендинга в :

Логотип, название компании, контакты

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

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

Разобравшись, куда он попал, и увидев ваше предложение, пользователь задастся вопросом, как приобрести ваш товар или услугу. Именно поэтому главная страница должна проектироваться с блоком контактов, и чаще всего здесь же ставят CTA-кнопку «Заказать звонок».

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

Демонстрация продукта/услуги

Цель лендинга — продемонстрировать товар/услугу, а также создать у посетителя сайта ощущение, будто он лично тестирует продукт. Существует несколько способов достижения этой цели:

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

Вот удачный макет, сочетающий обе эти техники:

Преимущества бренда

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

Сначала мы использовали лаконичный коммерческий заголовок, призванный «схватить» клиента сразу после входа. Теперь нужно опередить вопрос посетителя «Зачем мне это нужно?». Тут важно найти баланс между информативностью/объемом, а не «растекаться мыслью по древу», так как специфика landing page не позволяет подобного.

Подходящие примеры находим в :



Описание оффера

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

Вот пример еще одного шаблона из :

Взаимная коммуникация

Лид-форма

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

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

Можете убедиться сами: подавляющее большинство макетов одностраничного сайта в фотошопе сделано по описанному выше принципу.

Теперь о том, где же оптимальное место лид-формы: на первом экране или после «линии сгиба». Ответ нашелся у эксперта Майкла Огарда (Michael Aagaard) из компании ContentVerve. Он провел занимательное сплит-тестирование: сравнил две версии расположения поля. Первый вариант — выше «линии сгиба», второй — ниже.

В результате выяснилось, что второй вариант повысил уровень конверсии на целых 304%.

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

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

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

Итак, что такое Landing Page? Лендинг это место, где посетитель как-бы «Приземляется «, после того как он нажал на объявление в Google Adwords или Яндекс-Директ. Лендинг пейдж это - простыми словами целевая страница, то есть у нее одна цель - побудить человека к действию (CTA). Простота Landing Page сделала этот инструмент невероятно популярным и лучшим вариантом для повышения конверсий от рекламы.

Задача лендинга украсть внимание посетителя на 100%, поэтому со страницы убираются все отвлекающие факторы: лишние ссылки, элементы навигации, варианты, излишние тексты и так далее.

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

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

Лендинг снижает затраты на продажу, потому что имеют одну конкретную цель.

Лендинги от 5000 руб: https://clc.to/6wQE9g

Взлом лендинга: копирайтинг для не писателей

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

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

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

Но как это сделать?

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

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

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

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

Но, во всем этом нет смысла, если у вас плохой заголовок. Заголовок вдохновляет и заставляет посетителя остаться и представить ощутимую выгоду после покупки. Посмотрите пример Apple iPad:

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

Также очень настаиваю пройти обучение у Антона Петроченкова по созданию Landing Page , в котором он делится секретными лайф-хаками, как писать убойные тексты не имея опыта в копирайтинге. Даже я думал что все знаю, оказывается нет:)

Изображение

Заголовки могут сказать не много. В двух предложениях сложно вызвать эмоциональную реакцию. Это может занять от сотен до тысяч слов.

К счастью, для этого у нас есть картинки.

Главное изображение может быть так же важно, как заголовок. Изображения — это эстетическая составляющая вашего лендинга, которая говорит людям: “да, вы находитесь в правильном месте, и вы можете доверять этой компании”, даже не осознавая этого.

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

Покажите преимущества

Если кто-то начинает прокручивать вниз, значит вы сделали что-то правильно. Возможно это текст объявления, заголовок, главное изображение или что-то еще, люди, которые читают все страницы лендинга говорят вам, “я заинтересован».

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

Но людям плевать!

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

Это облегчит мне жизнь?

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

Лайф-хак. Наверняка вы встречали где-то потрясающие лендинги и задавались вопросом как скопировать лендинг . По ссылке можно заказать копию Landing Page всего за 500 руб.

Отзывы

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

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

По мнению Reevo, отзывы покупателей увеличивают продажи на 18%.

Отличие Landing Page от других страниц

Задавая вопрос «Чем отличается лендинг от других страниц?», Вы должны понимать, что целевые страницы предназначены для платного трафика, такого как Google Adwords, а домашняя страница сайта предназначена для органического поискового трафика.

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

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

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

Типы лендингов

Существует два основных типа Landing Page.

Лендинги для лидогенерации . Иногда называются страницами захвата. Их цель сбор данных от клиентов, таких как адреса электронной почты. Это основной тип целевой страницы, используемой для маркетинга в B2B сегменте. Обычно содержит много полей ввода, используемые для сегментирования и персонализации аудитории. Может использоваться для раздачи бесплатной книги, регистрации на вебинар, подписка на новости.

Лендинги с переходом по клику . Если вы что-либо покупали в интернете, то вы скорее всего использовали Landing Page. Используются для E-commerce и имеют простую кнопку действия. Предназначены исключительно для продаж. Преобразуют теплых клиентов в горячих и повторных покупателей. Длинна лендинга зависит от цены, уровня доверия аудитории и сложностью предложения. Чем меньше барьеров возникает до покупки, тем короче лендинг.

Релевантность лендинг-пейдж

Каждые 7 из 10 посетителей будут отваливаться от вашего лендинга. Заголовок — это то, что они читают в первые секунды, поэтому он должен четко и лаконично показать ценность предложения. Иначе нетерпеливые люди покинут сайт. И кстати, их большинство.

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

Это концепция, которую я называю «выравнивание ». Чем лучше выровнены ваш источник (откуда посетитель пришел) и ваш лендинг, тем выше вероятность конверсии.

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

Звучит просто, но на деле большинство допускают это не простительную ошибку.

Пример плохого соответствия : Получите скидку 50% на iphone X. Текст лендинге: Добро пожаловать в магазин техники Apple.

Пример хорошего соответствия : Получите скидку 50% на ihpone X. Текст на лендинге: Получите скидку 50% на ihpone X в магазине техники Apple.

Когда нужно использовать целевую страницу?

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

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

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

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

Видео на Landing Page

Видео это маст-хэв, и его нужно использовать обязательно. Это самый легкий способ взаимодействия с посетителем. Результаты исследований eyeviewdigital.com говорят, что видео-ролики поднимают конверсию до 80%.

Люди приклеены к экранам телевизоров с середины 20 века. Видео изменило интернет, и теперь YouTube стал “новой поисковой системой”.

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

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

Напишите сценарий перед записью видео. Используйте внешний микрофон для качественного звука.

Повторное использование контента . Добавьте свое видео на YouTube и оптимизируйте его для SEO. Видео в 52 раза чаще появляется на первой странице Google, чем текстовая статья (скорее всего, из-за отсутствия конкуренции).

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

Как измерить эффективность лендинг-пейдж?

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

Затем вы должны разделить количество участников на количество посетителей, чтобы получить свой ‘коэффициент конверсии’. Хороший , зависит от типа вашего Landing Page. Исследования показывают, что коэффициенты конверсии лидогенерации составляют около 3-5%, а показатели электронной коммерции — 1-2%.

Эффективная посадочная страница

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

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

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

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

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

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

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

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

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

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

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

Обычно предпочитаю заявлять о позиционировании более длинной версией заголовка, обычно около 12-15 слов, чтобы дать точно знать посетителю о чем сайт.

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

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

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

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

  • Для удобства чтения сохраняйте текстовые столбцы узкими — не более 80 символов.
  • Если вы продаете физический продукт, представьте его изображение (часто называют — снимок героя). Убедитесь, что качество изображения хорошее.
  • Изображения привлекают внимание людей, поэтому поместите ключевой текст под изображениями героев продукта.

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

Секретный соус

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

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

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

Трафик случайным образом распределяется каждому варианту страницы на основе заданного веса – например, если вы выполняете тест с 2 вариантами страницы, вы можете разделить трафик 50/50 или 60/40. Посетители, как правило, направляются так, что они всегда будут видеть одну и ту же версию страницы.

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

Что нужно протестировать на лендинге?

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

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

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

Некоторые из элементов, которые вы должны рассмотреть тестирование:

  1. Основной заголовок
  2. Призыв к действию (CTA) – обычно текст на кнопке
  3. Изображение . Картинка с контекстом. Попробуйте свою фотографию (если она у вас есть)
  4. Дизайн кнопок
  5. Цвет кнопки – зеленый для действия, синий для цвета ссылки, оранжевый или красный для эмоциональной реакции
  6. Количество полей ввода на форме
  7. Длинная копия против короткой копии . Часто более короткий лучший, но для некоторых продуктов деталь важна в процессе принятия решения. Проверьте это и посмотрите.

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

Последние мысли

Теперь вы четко понимаете что это такое лендинг. У вас на уме одно — продажи. Поэтому с помощью этого руководства вы сможете сделать идеальный Landing Page. Признаюсь, что в этой статье я охватил только 10% информации, было интересно, но это только поверхностно, поэтому я рекомендую вам пройти углубленный курс, например этот!

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

    Популярные CMS для лендингов

    Самые часто используемые CMS (системы управления сайтами) для создания лендингов:

    • WordPress
    • Joomla
    • Opencart
    • Drupal
    • Битрикс
    • Adobe Muse
    • Tilda
    • Textolite
    • Без CMS

    На любой из этих систем можно сделать лендинг недорого на бирже фриланса kwork , по цене от 2500 рублей. При выборе исполнителя обращайте внимание на отзывы и статус. А также какие услуги включены в стоимость: установка на хостинг, SEO-оптимизация, форма обратной связи, подбор картинок, наполнение контентом и так далее.

    Видео-инфографика о Landing Page:

  • Целевая страница, посадочная страница, лэндинг, landing page, лэндос и даже продающая заглушка - все эти названия, серьёзные и не очень, для особого вида сайтов, которые создают для конкретной задачи.

    С очень большой вероятностью можно сказать, что для Вашей задачи. Но обо всём по порядку.

    ЗНАТЬ ВСЕХ В ЛИЦО

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

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

    1. Сайт-визитка

    Сайт-визитка по торговым автоматам

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

    И чаще всего она, как и в случае с сайтом-визиткой, используется один раз, чтобы связаться с Вами, а после чего закинуть в глубокий ящик.

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

    2. Корпоративный сайт



    Корпоративный сайт по внедрению IT-решений

    Уже более серьёзная вещь, предназначенная для полноценной презентации компании в интернете.

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

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

    Именно поэтому большие крупные компании отдают предпочтения таким площадкам вместо лендингов.

    3. Интернет-магазин


    Интернет-магазин по продаже техники

    Наиболее сложный формат сайтов, предназначенный для демонстрации посетителям ассортимента и получения заказа от клиента.

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

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

    А если ещё при этом для Вашей ниши нужно автоматизировать продажи, так это вообще то, что доктор прописал.

    4. Лендинг


    Лендинг по онлайн-занятиям йогой для беременных

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

    Какое именно – зависит от задумки маркетологов, и совсем не обязательно это будет непременно покупка товара и услуги.

    Это может быть из классического – заказать консультацию или расчёт стоимости. Это основное отличие лендинг от сайта многостраничника или интернет-магазина.

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

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

    ИЛЛЮЗИЯ ОБМАНА

    Идея создания одностраничных сайтов начала набирать популярность ещё в далеком 2010 году (примерно), и до сих пор их популярность не спадает.

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

    1. Пользователь попадает на страницу;
    2. Восхищается продающестью и упаковкой бизнеса;
    3. Оставляет номер телефона и с нетерпением ждёт звонка менеджера;
    4. Бежит нести деньги к Вам в компанию.

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

    Поэтому переходим к самому аппетитному – зачем нужен лендинг и кому он идеально подойдёт (а заодно и что продавать через лендинг)?

    На этот вопрос я отвечу пошаговыми пунктами: кому можно, а кому нельзя, причём, категорически.

    Ура! Попадание

    Начну с того, кому продающий лендинг пейдж наверняка будет на руку и принесёт не одну сотню тысяч, а может даже миллионов долларов в тёплый карман.

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

    1. Простые и недорогие продукты

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


    Отделка домов - услуга популярная и понятная пользователю

    2. Сложные и дорогие продукты

    Если клиенту важно подать всё в структурированном и последовательном формате для простоты переваривания, то лендинг также в кассу.


    Квартиру площадью 380 кв. м тоже можно продать через лендинг

    3. Важна связь с Вами

    Принять финальное решение без Вас клиент не может? Или нужно уточнить у него детали? Тогда Вам снова подходит этот инструмент.


    Понятно, что серьёзный проект нужно обсуждать не один день

    Мимо! Вы промазали

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

    Хотя если будете сомневаться (или Вы опять себя считаете исключением), то напишите в комментариях, и мы дадим Вам бесплатный совет – “делать или не делать” из нашего 6ти+ летнего опыта.

    1. Большой ассортимент

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


    100.000 наименований каталога будет тяжело продать с помощью лендинга

    2. Понятный продукт

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


    Здесь важно не продать обследование, а сформировать доверие к ветеринарной клинике

    3. Очень крупная компания (ничего не продаёте)

    Допустим, Вы РОСНЕФТЬ, и логично, что Вам не нужно ничего продавать, Вам больше сайт нужен для общения с клиентами и ещё нескольких других задач.


    Например, размещение актуальных новостей или предложения для инвесторов

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

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

    4. Исходящие продажи

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


    Еще одно видео, которое Вам точно стоит посмотреть, прежде чем делать выбор – лендинг или сайт другого вида.

    Плюс на Минус

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

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

    Плюсы лендингов

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

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

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

    Минусы лендингов

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

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

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

    • На лендинге можно разместить не больше одного-двух (ну максимум 10) предложений;
    • Проще технически – не значит Хороший лендинг стоит денег;
    • Раскрывает сугубо одно предложение и немного о компании;
    • Лендинги применимы не в каждой сфере деятельности.

    РезкиЕ продажИ. Ждать или плакать?

    Если лендинг сделан профессионалами, с чётким пониманием того, какое именно целевое действие должен совершить посетитель, то эффект несомненно будет.

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

    При этом ещё важно понимать, что для лендинга важно не только качество страницы, но количество трафика, причём, целевого трафика.

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

    Поэтому здесь нужно соблюсти баланс между качеством сайта и количеством трафика.

    Или впрочем можете просто посмотреть видео ниже и получить живую демонстрацию этой мысли:

    БУДЕТЕ ДЕЛАТЬ САМИ?! Ноу!

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

    А миф звучит так: профессиональный лендинг - это просто. И сейчас мы с ним разберемся подробнее.


    Пять, ну край десять минут, и у вас будет настоящий лендинг. Но это не точно.

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

    Действительно, зачем платить за то, что можно сделать самому? Посмотрю пару видео и вперёд. Только вот на практике почему-то всё получается по-другому.


    Они говорили, что сайт будет продавать…

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

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

    Лайфхак. Если Вы будете делать лендинг самостоятельно, то я рекомендую PlatformaLP , Tilda , Bloxy .

    Стоит Вашему потенциальному клиенту столкнуться с чем-то непонятным, как можете с ним прощаться. Он закрыл вкладку и ушёл к Вашему конкуренту.

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

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

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

    Или как уже сказал, изучите в первую очередь хорошо интернет-маркетинг, начиная с наших статей, а уже потом приступайте к делу. Кстати, в материалах ниже найдёте правила создания лендинга, узнаете о текстах для лендинга и так далее с примерами.

    Мы часто слышим слова “посадочная страница”, “одностраничник”, landing page. И вроде бы понимаем, о чем говорится, но не знаем всех особенностей и фишек.

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

    Что такое лендинг?

    Как вы уже догадались, это одностраничный сайт, который — внимание! — посвящен какой-то одной услуге или товару.

    На обычном сайте может быть много разделов меню с разной информацией (“О компании”, “Наши новости”, “Товары”, “Новинки”, “Контакты” — если сайт направлен на продажи, и “Общество”, “Экономика”, “Отношения” — если тематика информационная).

    На лендинге – никаких разделов, только информационные блоки.

    Для чего нужен лендинг?

    Лендинг не просто информирует о товаре – он его продает. Цель любого лендинга – одно конкретное действие.

    Это или продажа товара/услуги, или сбор контактных данных посетителей, или

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

    Продажа товара. Допустим, вы стали фрилансером-копирайтером и хотите продвинуть в интернете свои услуги. Услуга у вас одна – написание текстов.

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

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

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

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

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

    Но они-то еще о вас не знают! Значит, делайте лендинг, ориентированный полностью на аудиторию предпринимателей. Описываем их боли и проблемы и предлагаем решение – ваши тексты.

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

    Главное – помнить самое важное правило: каждый одностраничник создается для определенной цели, мешать в кучу их нельзя.

    Минусы лендинга

    О преимуществах рассказали, теперь поговорим о недостатках landing page. Будем честными – они присутствуют.

    Например, в отличие от сайта лендинг ограничен определенным объемом. Основное правило такое: меньше текста – больше продающих элементов.

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

    Структура лендинга

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

    Даже есть такое понятие – лестница Ханта, которая показывает, какие этапы проходит человек от неосознавания проблемы до совершения покупки.

    1 этап – безразличие. Человек пока не понимает, что ему нужен ваш товар. Он просто прошел по ссылке из группы в соцсетях и знать не знает, что вы ему предлагаете. (или, проще сказать, заголовок) привлечет его внимание и заставит задуматься.

    2 этап – осведомленность. Вот он задумался и понял – хм, действительно есть проблема! Только пока не знает, как ее решить. Помогите ему с помощью рассказа о товаре или услуге.

    3 этап – сравнение. Клиенту нужно дать на выбор несколько вариантов решения проблемы.

    4 этап – выбор. Из нескольких вариантов он выбирает одно решение – конечно, то, что предлагаете вы. Для этого нужно разъяснить все преимущества вашего товара или услуги.

    5 этап – покупка. Здесь все просто: пусть оставляет заявку в форме заказа, контактные данные – словом, делает то целевое действие, ради которого все и задумывалось.

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

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

    1. Оффер

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

    2. Данные о товаре или услуге

    Это описание того, что вы продаете: характеристики товара, обязательно – фотографии, желательно – видео. Словом, все то, что отличает ваш товар от других. Можно предложить несколько вариантов решения проблемы и отдельно остановиться на вашем продукте.

    3. Преимущества товара

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

    4. Схема работы

    Проговорите схему, по которой вы будете работать. Например, если вы копирайтер, опишите все этапы работы: заказчик присылает ТЗ, вы обговариваете все детали, получаете предоплату, пишете текст в оговоренные сроки и вносите правки, если будет нужно. Это убедит клиента в прозрачности вашей работы и обезопасит вас от недобросовестных заказчиков.

    5. Отзывы других клиентов

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

    6. Дипломы, грамоты, сертификаты

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

    7. Цены

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

    8. Формы заказа

    Их еще называют кнопками СТА — Call-to-action, или призыв к действию. Призыв и в Африке призыв: напишите свою электронную почту, подпишитесь на рассылку, оставьте заявку, пройдите по ссылке, купите товар – сделайте что-нибудь! Обычно это стандартные кнопки, которые ведут на сайт или другой ресурс или формы заказа с полями для заполнения.

    Чтобы мотивировать клиента сделать целевое действие и нажать на кнопку, есть несколько секретных приемов:

    • предложить ему приятный бонус, скидку, полезную информацию. Некоторые компании даже соревнуются, кто больше предложит клиенту;
    • выделить элемент СТА контрастным цветом, чтобы сразу бросалась в глаза;
    • повторить СТА несколько раз. Для одной посадочной страницы достаточно 2-3 кнопок и форм. Все остальное – уже перебор.

    9. Специальные элементы

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

    10. Контакты

    Этот блок можно указать и в шапке лендинга, и в самом конце. Пишите все способы, как с вами можно связаться, включая телефон, электронную почту и кликабельные (обязательно!) иконки соцсетей. Если одностраничник делает не частное лицо, а компания – все адреса, карту расположения офиса, банковские реквизиты и т.д.

    Дизайн landing page

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

    • минимализм. Стильный дизайн, простые и понятные шрифты, грамотное чередование текста и картинок — никаких длинных простыней, больше воздушного пространства!
    • соблюдение продающих правил. Если давно доказано, что кнопки СТА лучше расположить в конце первого экрана, чтобы избежать эффекта баннерной слепоты – так к чему спорить?
    • избегание стандартных шаблонов, стоковых фотографий. Это выглядит дешево: никакие текст и структура не спасут такой сайт. Используйте уникальные фотографии вашего продукта. дополните шаблон элементами индивидуального дизайна;
    • удобство для пользователя. Если на лендинге слишком много активных элементов, призывов к действию, виджетов, а форма заказа предполагает длительную регистрацию в несколько сложных шагов – это утомит пользователя и вместо желания купить вызовет лишь раздражение;
    • знание основ веб-дизайна. Правила золотого сечение и третей были придуманы еще несколько веков назад. Хороший веб-дизайнер прекрасно осведомлен об этих азах профессии и будет соблюдать их везде: хоть на сайте, хоть в интернет-магазине, хоть на landing page.

    Как создать лендинг?

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

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

    1. Сделать на конструкторе сайтов. В рунете их множество:

    • lPmotor;
    • Tilda;
    • Битрикс.24;
    • и другие.

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

    2. Заказать у фрилансера. Специалиста можно найти на бирже или в сообществах фриланса. Это будет самым дешевым вариантом, но и результат может стать непредсказуемым. Поэтому спрашивайте у фрилансера портфолио и давайте как можно более точное ТЗ. И помните, никаких гарантий вы от частника не получите.

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

    Итак, сегодня вы узнали, что такое landing page, какой должна быть его идеальная структура и дизайн, как заказать лендинг и самое главное – как сделать так, чтобы он продавал. Воспользуйтесь нашими советами – надеемся, они вам пригодятся!