Записи

Landing page

Landing page: зачем нужен, как сделать

Landing page: зачем нужен, как сделать

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

Landing page – это, фактически, страница входа, также называемая посадочной или целевой. На нее обычно попадает клиент через ссылку на стороннем ресурсе. Она обычно входит в состав сателлитов – сайтов спутников корпоративного портала.

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

Зачем она нужна?

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

Что же отличает лэндинг от сайта-визитки или просто одностраничного сайта?

  • Во-первых, это название. Оно привлекает внимание, задает актуальный вопрос или дает ответ на интересующий пользователя вопрос. Например: «Хотите похудеть? Мы знаем как!». Название должно быть однозначным, простым и понятным. Вызывать приятные ассоциации, а также быть грамотно составленным для индексации поисковыми системами.
  • Во-вторых, это оформление. Лэндинг должен быть максимально просто оформлен. Минималистичный дизайн и динамика подачи информации призвана привлечь клиента, а не заставить его соображать, где и что тут расположено, и как себя вести. Лэндинг должен соответствовать принципам минимальной композиции с выведением важных объектов в точках максимального внимания пользователя.
  • В-третьих, это побуждение к действию. Содержание и внешний вид страницы должен подтолкнуть клиента к выполнению требуемых действий: подписка на новости, регистрация на сайте, переход на основной портал, покупка товара.
  • В-четвертых, это психология ограниченийПользователь должен видеть, что, например, до конца акции осталось пять часов, или в продаже имеется всего десять очень нужных ему экземпляров товара и т.п.
  • В-пятых, это доверие. Пользователь, который попал на посадочную страницу с другого ресурса, должен доверять ей. Его данные должны быть защищены, средства оплаты – проверены, а владелец ресурса – известен в социальных сетях и имеет множество положительных отзывов.

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

  • Заказ у опытного фрилансера или компании.
  • Самостоятельное изготовление страницы «с нуля» или при помощи известных ресурсов типа wix.com, instapage.com, landing.com

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

Если следующие 5 минут вы можете в  самообразование, то переходите по ссылке и читайте следующую нашу статью: Как подтвердить свое авторство в Гугл?


Понравилась статья? Жми «Мне Нравится«
Оставьте комментарий к этой статье ниже

лучшие лендинги

Лучшие лендинги: вдохновляемся у професионалов

Лучшие лендинги. Часть 3 — продолжаем черпать вдохновение

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

Хотите стать частью серой безликой толпы?

bannermm920

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

Webprofits

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

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

webprofits
Inbound Emotion

Этот ресурс является испанской ипостасью всё того же HubSpot – однако и здесь каждый пользователь сможет самостоятельно определить успехи в достижении конверсии. Какие две функции можно выделить как основные?

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

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

 inbound
H.BLOOM

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

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

hbloom
Velaro Live Chat

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

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

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

Плюс, оранжевые цвета в заголовках помогут акцентировать внимание на важных элементах страницы.

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

velaro

Conversion Lab

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

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

conversion lab

Если следующие 5 минут вы можете инвестировать в  самообразование, то переходите по ссылке и читайте следующую нашу статью: Идеальный лендинг: Примеры удачных лендингов. Часть 1.


Понравилась статья? Жми «Мне Нравится«
Оставьте комментарий к этой статье ниже

идеальный лендинг

Идеальный лендинг: Примеры удачных лендингов.

Идеальный лендинг: Примеры удачных лендингов. Часть 1.

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

Что вызывает неподдельный интерес публики и может вывести ваш бизнес на новый уровень? Какой он — идеальный лендинг? Именно ответам на эти вопросы и будут посвящены наши следующие материалы.

bannermm920

Wistia

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

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

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

wistia

Unbounce

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

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

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

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

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

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

unbounce
IMPACT 

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

Без ложной скромности стоит отметить, что посадочная страница Impact по праву может считаться идеалом в современной сети Интернет — это идеальный лендинг!

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

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

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

impact

Если следующие 5 минут вы можете инвестировать в  самообразование, то переходите по ссылке и читайте следующую нашу статью: Как получить от пользователей согласие на рассылку электронной почты?


Понравилась статья? Жми «Мне Нравится«
Оставьте комментарий к этой статье ниже