Разработка лендинга (Landing Page | LP)

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

 

Landing Page

Сразу дадим определение Landing Page:

  • Технически — это веб-страница, практически ни чем не отличающаяся от обычной страницы любого сайта. В ней присутствуют CSS, код HTML, тексты, фото, медиа и аудио файлы.
  • В плане бизнеса – страница, основная задача которой, подталкивать пользователя к совершению определенных действий, нужных для оформления подписки или покупки товара.
  • Глазами пользователя – это обычная, красочная страница, на которую он попал, кликнув по баннеру или ссылке на каком-то сайте или в соц. сети.

Цели, преследуемые при создании Landing Page:

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

 

Как это работает

Давайте рассмотрим, какие факторы и компоненты должна содержать хорошая Landing Page.

Активный призыв к выполнению определенных действий (Call to action)

Главная задача Call to action заставить пользователя выполнить конкретное действие, необходимое для владельца сайта. Самые распространенные виды: «Подпишитесь на нашу рассылку», «Заполните форму», «Нажмите на ссылку (картинку, кнопку)» и т.п.

Советы:

  • Выражайте свое требование предельно точно, чтобы пользователь точно понял, какие действия он должен выполнить и что за это ему полагается.
  • Не стоит использовать Call to action слишком много на одной продающей странице (в идеале одна страница – один товар). Это поможет сфокусировать пользователя на выполнении нужного действия. Внимание не распылится.
  • Обязательное наличие кнопок. Практически все пользователи знают, что кнопки кликабельны, они делали это неоднократно, почему не нажать на кнопку и здесь? Для привлечения внимания нужно тщательно проработать дизайн кнопки – она должна привлекать внимание.
  • Должна быть доступна дополнительная информация. Ее задача – убедить посетителя выполнить требуемое действие.

Прекрасный пример оптимального применения call to action, можно увидеть на посадочной странице предлагаемой компанией Square. Это призыв открыть аккаунт на сайте, что позволит получить считыватель карт от компании Square.

Landing page компании Square

Заголовок

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

Советы:

  • Заголовок должен быть броским, простым и коротким. Решение пользователь принимает в первые несколько секунд – успейте за это время, донести, что он может получить на Вашем сайте.
  • Разработайте уникальный и привлекательный дизайн заголовка. С помощью выгодного размещения (обычно – вверху страницы) и крупного шрифта привлеките внимание пользователя.
  • В тексте заголовка необходимо применение релевантных слов с максимальной плотностью. Фразы и слова в заголовке, используемые посетителем в поисковиках обязательно должны присутствовать. Все заголовки должны быть заключены в тэги h1 и h2. Не забывайте — h1 на странице, может быть только один.

Хорошим примером заголовка Landing Page является страничка компании Shopify. Несмотря на краткость, полностью определяет род занятие сервиса, расположение на видном месте и крупный шрифт сразу акцентирует на нем внимание пользователя. Содержит ключевой запрос «ecommercestore», задав который в поисковике, можно найти Shopify.

landing page компании Shopify

Простота

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

Советы:

  • Задача каждого элемента страницы – совершение нужного Вам действия. Чтобы сократить лишний текст и другие элементы, применяйте принципы редукционизма.
  • Landing Page должен содержать только один основной call to action. Цели страницы должны быть максимально понятны и подталкивать посетителя выполнить одно действие. Все другие действия направлены на выполнение главного.
  • Не перегружайте Landing Page дополнительными элементами – это может отпугнуть пользователя. Свободного пространства должно быть много.

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

лендинг Dropbox

Траектория взгляда

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

Советы:

  • При размещении элементов Landing Page используйте логическую визуальную последовательность. Первым делом нужно определить порядок просмотра элементов, и в дальнейшем, твердо его придерживайтесь. Больше информации об этом здесь: «Using Power Structure and Gestalt for Visual Hierarchy», «CreatingFocal Points in Your Web Design», «Working with Visual Weight in Your Designs».
  • Обратите внимание на использование графических элементов: стрелок, иконок, ярких картинок. Они могут перенаправить взгляд посетителя на требуемую часть страницы.
  • Для оформления определенных элементов страницы нужно использовать контрастные цвета. Не забывайте, для выделения и привлечения внимания к определенным компонентам использовать более яркие цвета.

Здесь, отличным примером, как работают яркие элементы, может стать сайт LetDoThis!

Его задача – сбор пожертвований, в рамках благотворительного фонда. Буквально с первого взгляда, пользователь видит call to action – всевозможные стрелки указывают только на одну кнопку «Пожертвовать». Все кнопки и стрелки сразу привлекают внимание, благодаря контрастному оформлению относительно темно-серого фона.

одностраничный сайт LetDoThis!

Релевантность

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

Советы:

  • Каждая маркетинговая кампания должна иметь собственную отдельную Landing Page.
  • Если работаете с Facebook, это должно отражаться на Вашей продающей странице. Она должна точно соответствовать источнику, для этого нужно добавлять промо-коды, контент, call to action-ы.

 

Никакого риска для пользователя

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

Советы:

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

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

посадочная страница Squarespace

Дефицит

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

Советы:

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

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

посадочная страница Mighty Deals

Элементы доверия

Для убеждения пользователей в безопасности и надежности использования сайтом есть масса способов.

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

Большую пользу принесет размещение на сайте полученных наград и сертификатов.

Советы:

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

Пример сайта FreshBooks, показывает, как используются три элемента доверия:

  1. Количество людей зарегистрированных на сайте.
  2. Публикации о сайте на авторитетных и известных источниках (например: Нью-Йорк Таймс).
  3. Сертификаты безопасности.

конверсионная страница лендинг FreshBooks

Заключение

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

Разработка лендинга (Landing Page | LP)
Разработка посадочный страниц для привлечения лидов. Условия создания эффективный лендингов в Челябинске.
Brand: d`Sant
Manufacturer: d`Sant
Model: landing page
4.8 based on 11 reviews
$389.00 New