Пример посадочной страницы. Что такое посадочная страница (Landing Page), кому она нужна, кто за нее платит и сколько. Посадочная страница: призыв

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

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

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

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

Таинственная «капля» нарушает большинство правил обычного дизайна посадочной страницы

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

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

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

Каждая панель - это искушение

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

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

Лендинг, который рассказывает о силе типографики

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

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

LS Productions заманивает в кавалькаду шикарных мест Шотландии

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

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

O"Neill – страница идеально продающая мечту о снеге и серфинге

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

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

Вы просто не можете пропустить призыв к действию на посадочной странице Bear CSS

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

Основной призыв к действию «загрузи HTML» - это большая кнопка оранжевого цвета на бледно-сером фоне, под тремя маркированными пунктами, объясняющими весь процесс. И только в случае, если вы пропустите ее, талисман Bear CSS указывает лапой прямо на нее с другой стороны экрана.

Squarespace знают своих основных заказчиков и создали свою страницу в соответствии с ними

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

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

Выделяющийся золотой призыв GiftRocket к действию привлекает внимание мгновенно

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

И завершающий штрих, выделяющаяся золотая кнопка «Отправить GiftRocket» на светло-бежевом фоне, которая привлекает внимание как единственная входная точка.

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

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

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

Не нужны безделушки - теперь Square имеет свое программное обеспечение POS

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

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

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

Что такое посадочная страница?

Посадочная страница или landing page - это целевая страница, на которую будут приходить пользователи не только из поисковой выдачи, но и из Email-рассылки, контекстного объявления и так далее. То есть посадочная страница - это та страница, которую Вы продвигаете.

Как выглядит идеальная посадочная страница?

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

10 элементов посадочной страницы, которые привлекают внимание посетителя:

  1. Правильный заголовок . Заголовок страницы приземления и рекламный слоган должны дополнять друг друга.
  2. Подзаголовок . Надписи крупным шрифтом - это первое, что бросается в глаза посетителю. Они не должны приводить его в замешательство или заставлять скучать. Заголовки должны вызвать желание внимательно изучить содержимое страницы.
  3. Безукоризненная грамматика . Доверие к интернет-магазину, который просит посетителей что-то приобрести, оставить личную информацию и номер кредитной карты, и в то же время пишет безграмотно и допускает кучу ошибок, может серьезно пошатнуться.
  4. Отзывы . Покажите, что вам можно доверять.
  5. Призыв к действию . После того, как посетитель прочитал заголовок страницы, крайне важно, чтобы он знал, что делать дальше. Когда браузер Mozilla Firefox заменил призыв «Попробуйте Firefox 3» на «Скачай сейчас бесплатно!», количество скачиваний, во время тестирования выросло на 99%.
  6. Выделяйте кнопки . Выберите слова, которые будут пробуждать к действию ваших посетителей, например, бесплатно, новый, купите или скачайте прямо сейчас. Кнопка должна выделять и располагаться сразу же под призывом. Она должна быть большой, яркой и располагаться в первом экране монитора (т.е. без прокрутки колесом мыши).
  7. Меньше ссылок . Упростите блок с ссылками. Большое количество ссылок на другие страницы сайта или другие ресурсы будут отвлекать посетителей, что негативно отразится на ваших конверсиях. Размещать много ссылок имеет смысл только на главной или информационной странице. В случае со страницей приземления все наоборот - чем проще, тем лучше.
  8. Изображение + Видео . Рассказы, картинки и видео отзывы на странице приземления положительно скажутся на лояльности посетителей. Мотивируйте их внимательно изучить предлагаемый товар или услугу.
  9. Высота страницы . Не заставляйте скроллить! Самые важные части страницы должны помещать в видимую часть экрана. Размещайте кнопку призыва к действию в видимой части страницы, в том месте, где посетитель ожидает ее увидеть. Никогда не замещайте ее в том месте, которое нужно искать.
  10. Экспериментируйте ! Мало следовать за чужими советами. Нужно искать идеальный вариант для себя и своего сайта. Меняйте тексты, изображения и видео, тестируйте, посмотрите, какой вариант является самым оптимальным с точки зрения конверсии.
06.11.2015 в 15:20

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

Для чего нужен landing page?

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

За счет чего лендинг так успешно работает? В первую очередь, это расстановка акцентов и отсеивание ненужной информации. Все структурные элементы посадочной страницы призваны дать ответы на самые популярные вопросы человека, собирающегося приобрести тот или иной товар или услугу, и закрыть так называемые возражения целевой аудитории. Например, человек хочет построить дом для летнего проживания. Введя в поисковике «построить летний домик» он находит ссылку, перейдя по которой попадает на посадочную страницу, которая сразу, посредством заголовка, сообщает ему, что такая-то строительная компания готова ему построить дом в краткие сроки, да еще и по доступной цене в связи со специальной акцией. Здесь же человеку предлагается оставить свои контактные данные в обмен на бесплатную консультацию специалиста с десятилетним стажем, что к покупке его совершенно не обязывает. Если человеку информации на первом экране недостаточно, то он листает страницу вниз (заметьте, не перескакивает с раздела на раздел, где немудрено заблудиться, а именно пролистывает), где видит, что дома не только дешевые, но еще и прочные, благодаря современным технологиям не дают усадки и служат до 80 лет. Это то, что его интересовало в первую очередь. В дополнение – несколько реальных отзывов, а также фотографии десятка самых популярных проектов с разными видами отделки. И еще одна форма заявки, призывающая оставить свой телефон прямо сейчас. Всё. Человек нашел то, что искал, при этом его не загрузили ненужными сведениями о сечении балок перекрытия, стране происхождения кровельных материалов и еще тоннами «мусорной» информации.

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

Впрочем, и один элемент способен оказать ощутимое влияние. Приведу простой и классический пример : акция и ограничение предложения. Один из наших клиентов занимается продажей Apple iPhone . Товар достаточно стандартизированный, поэтому нет необъятного поля для экспериментов с выгодами. Чем можно заманить покупателя – это, в первую очередь, цена, а такие факторы, как гарантийные условия, доставка и подарок при покупке, играют второстепенную роль. Опустим стандартный и избитый, но по-прежнему работающий приём, когда старая, более высокая, цена зачеркивается, а действующая преподносится, как акционное предложение. Но этот вариант можно усилить: например, сделать ограничение по времени не всем надоевшим счётчиком, а заданной датой завершения продажи. При этом, чтобы не менять дату вручную, следует настроить автоматический вывод даты относительно сегодняшней, но следует учесть, что малый срок действия акции подходит только для импульсивных покупок, для товаров и услуг с большим циклом сделки лучше использовать другой приём. Кроме того, всего лишь одна надпись шрифтом, отличным от основного шрифта лендинга (для повышения доверия и создания ощущения, что информацию о наличии оперативно добавляет на сайт сам продавец), гораздо сильнее мотивирует совершить покупку. Это и есть тот самый триггер , который добавил нашему клиенту порядка полутора-двух десятков заявок в неделю. Повторюсь, пример самый простой, более внимательное рассмотрение триггеров, мотивирующих совершить покупку, это тема отдельного большого разговора.

Подведем промежуточный итог. Landing page (посадочная страница) – что это? Это одностраничный сайт, имеющий конкретную цель и стимулирующий посетителя произвести определенное действие. Почему рекомендуется использовать лендинг для рекламы своих товаров и услуг? Потому что он дает большую конверсию за счет используемых на нем приемов, а именно:

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

Еще одно преимущество лендингов – это гибкость для A/B-тестирования. Учитывая, что, как правило, значительная доля заслуги преобразования посетителя в лида лежит на оффере, вам будет гораздо проще поставить энное количество экспериментов над своей целевой аудиторией, всего лишь меняя текст в заголовке. Только исходя из этих результатов уже можно будет понять, что для посетителей вашего сайта важнее при выборе предлагаемого товара. Попробуйте перебрать несколько вариантов оффера, где в каждом будет делаться акцент на определенном преимуществе вашего товара или услуги, и вы убедитесь, как одна мелочь способна увеличить конверсию вашего сайта, а следовательно, и прибыль.

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

1. Форма заявки с несколькими полями; в оффере предлагается бесплатный аудит сайта на пригодность к поисковому продвижению.

2. Два поля в форме заявке; предлагается узнать стоимость продвижения.

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

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

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

Что такое посадочная страница на сайте?

Разобравшись с тем, что такое landing page и зачем они нужны, стоит сделать небольшое, но важное замечание. Мы говорили, что у лендингов отсутствует меню в его классическом понимании, дабы не сбивать посетителя и не заставлять его делать лишние движения. Это так, но существуют ситуации, когда этим правилом можно пренебречь. Речь идет о тех случаях, когда лендинг является составной частью большого сайта . Предположим, существует фирма, занимающаяся внутренней отделкой помещений. Спектр работ у неё широкий, и в каждом она способна сделать потенциальному клиенту супервыгодное предложение. В таком случае, на её сайте могут быть стандартные разделы а-ля «Главная», «О нас» и «Контакты» , а также раздел «Услуги» , где на каждый вид работ (малярные работы, штукатурка, монтаж подвесных потолков и т.д.) по всем правилам успешно работающего лендинга создана небольшая страничка. Она быстро раскрывает все выгоды сотрудничества с фирмой, заставляет посетителя оставить свои данные и не отвлекает на ненужные ему моменты (в нашем случае – на другие услуги). Преимущества такого структурного решения сайта очевидны. На посадочную страницу человек попадает, например, благодаря контекстной рекламе, рекламе в соцсетях или почтовой рассылке, и находясь на сайте, предлагающем услуги сверх его необходимости, все равно видит только то, что искал. Посещение других разделов сайта ему не навязывается (при желании он в них, конечно же, заглянет), поэтому они не могут повысить процента отказов. Следовательно, целевой траффик на посадочные страницы будет работать не только на увеличение продаж, но и на благо сайта в целом.

Здесь необходимо сделать пояснение. Поскольку лендинг представляет собой сайт, состоящий только из одной страницы, то вывести в ТОП естественной выдачи поисковых систем его можно по весьма ограниченному количеству запросов (как правило, 5-15 запросов – это максимум для одностраничного лендинга в не самой конкурентной тематике). Понятно, что трафик в таком случае SEO будет давать очень скромный. А если уж говорить о конкурентной тематике и регионе, то у лендинга и вовсе не остаётся никаких шансов перед многостраничными сайтами. Траст не тот, страница в индексе одна, контента мало. Следовательно, для SEO-продвижения наилучшим, а зачастую и единственным возможным вариантом является разработка многостраничного сайта . В то же время, очевидное преимущество посадочной страницы – это возможность привести «быстрых» клиентов, и контекстная реклама в большинстве случаев является лучшим средством достижения поставленной цели. Если вы в ладах с арифметикой, то уже сложили один и один, и поняли, что для максимального охвата целевой аудитории стоит наступать со всех фронтов. А именно: многостраничный сайт использовать для СЕО, лендинг – для рекламы. И как частный, но, в последнее время, довольно распространенный случай такой схемы – многостраничник в виде нескольких связанных между собой лендингов. Во-первых, у вас есть возможность продвигать его в поиске, во-вторых, посетители попадают на нужные страницы, где мы их мотивируем совершить определенное действие, в-третьих, если ваши лендинги способны достаточно заинтересовать посетителя, чтобы он сразу с них не ушел, и поисковая система не зафиксировала отказ, то это также окажет влияние на успех в выдаче. Рекомендую присмотреться.

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

Не пропустите:


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

Это страница, на которую мы попадаем и приземляемся, когда что-то ищем, и переходим на сайт.

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

Виды посадочных страниц

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

Давайте рассмотрим основные виды посадочных страниц:

— Продающая посадочная страница

Они встречаются на сайтах таких типов как:

— одностраничные сайты (цель подписать на email, или продать товар)

— сайты, продающие услуги

— интернет магазины (страница описания товара)

— Информационная посадочная страница

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

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

— звонки

— заявки

— регистрации

— покупки

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

Почему нужно постоянно работать над посадочной страницей

Давайте приведу небольшой пример. Сайт продает услуги под регион США. Стоимость привлечения целевых посетителей с помощью и велика. И важней всего выжимать по максимум на каждый приведенный посетитель на сайте.

Допустим на этом сайте хороший процент конверсии, а именно 5%, то есть на каждые 100 посетителей 5 реальных продаж. Допустим стоимость 100 посетителей = 100 долларов. Чистая прибыль из 5 продаж = 500 долларов.

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

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

Примеров существует множество, как вариант можно зайти в или , ввести в строку поиска: примеры посадочных страниц, или на английском best landing page examples, и найти сотни примеров.

Что важно в посадочной странице

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

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

— структура дизайна

— продающий текст (в нем призывы к действию)

— покупка, регистрация, заявка в 1 клик

— контент (картинки, видео)

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

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

И еще важный момент

Посадочные страницы стоит постоянно тестировать на отдачу, замерять их эффективность с помощью разных инструментов, как минимум , и периодически тестировать новые варианты и смотреть эффективность.

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

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

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

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

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

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

Красивые посадочные страницы, которые мы изучим сегодня

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

«3 шага, которые я использовал, чтобы построить 4 мультимиллионных бизнеса»

Нил Пател (Neil Patel) — известный предприниматель, венчурный частный инвестор и аналитический эксперт — постоянно изменяет внешний вид своего блога и лендинга, чтобы повысить конверсию или предоставить читателям доступ к разноплановым офферам.

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

«Получи моментальный бесплатный доступ к обучающей платформе»

Совсем недавно Крис Дакер (Chris Ducker) — успешный серийный предприниматель, спикер и блогер — перешел на другую платформу и вместе с этим реализовал блестящий новый дизайн. Его целевая страница конвертирует очень хорошо, и во многом таких показателей удалось достичь благодаря фотографии, где Крис смотрит (в буквальном смысле) на заголовок своей opt-in формы. Позже мы остановимся на этом примере более подробно.

«Эксклюзив: Мультимиллиардное будущее онлайн-маркетига»

Этот сторонний проект бизнес-менеджера и предпринимателя Глена Оллсопа (Glen Allsop) — именно тот случай, когда улучшение внешнего вида лендинга приводит к падению результатов. Глен утверждает, что конверсия его лендинга колеблется в диапазоне 45-64% в зависимости от того, как он структурирован.

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

«Стань лучшим собой. Бесплатные фитнес-планы для любого уровня подготовки»

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

Компания очень часто проводит сплит-тесты и постоянно меняет офферы.

«Мы здесь, чтобы заставить вас выглядеть лучше»

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

«Все, что нужно, чтобы отправлять правильные email’ы»

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

10 уроков, которым нас учат эти целевые страницы

1. Внятный призыв к действию

Одним из самых важных выводов их представленных выше примеров является то, что на вашей лендинг пейдж должен размещаться очень четкий призыв к действию. Если вы можете сделать его вашим единственным CTA-элементом, так даже лучше. Главное, чтобы посетитель переходил на сайт и сразу же понимал, что от него требуется. Не сбивайте людей с толку лишними предложениями. Берите пример с посадочных страниц Marketing Inc и AWeber, которые ожидают от пользователей одного действия.

2. Фотографии (зрительный контакт)

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

3. Мобильная респонсивная дифференциация

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

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

4. Хорошо спланированный брендинг

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

5. Выгоды (не просто особенности)

Одна из классических маркетинговых поговорок гласит, что вы должны концентрироваться на выгодах, а не на свойствах оффера. Не перечисляйте людям все нюансы вашего предложения — лучше попытайтесь сказать им, как они будут себя чувствовать и чего они достигнут в итоге. Обратите внимание, как заголовок на сайте Bodybuilding.com говорит о «трансформации себя», вместо того чтобы показывать выбранный план упражнений. Это чрезвычайно стимулирующий призыв.

6. Качественные приманки

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

7. Ощущение времени

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

8. Дефицит

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

9. Социальное доказательство

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

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

10. Знаки доверия

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

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

Как мне создать красивую landing page?

У вас есть три варианта развития событий:

1. Проведите самостоятельный редизайн целевой страницы

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

2. Наймите профессионального дизайнера

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

3. Купите готовый шаблон

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

  • Сергей Савенков

    какой то “куцый” обзор… как будто спешили куда то