Как выглядит посадочная страница. «Убойные» посадочные страницы: три примера эффективных лэндингов. Добавляем интерактивные элементы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

— звонки

— заявки

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

— покупки

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Пример посадочной страницы

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

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

Зачем нужна посадочная страница?

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

• Что предлагается
• Сколько стоит
• Преимущества
• Прочая нужная для принятия решения информация

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

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

Если же мы собираемся что-то продать, то нужно сделать страницу с конкретным предложением.

Главный элемент посадочной страницы

В настоящее время существует сотни агентств предлагающих разработку 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 - это просто, мощно и бесплатно».

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

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

Посадочные страницы: определение, критерии эффективности

Эффективные посадочные страницы соответствуют следующим критериям:

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

Посадочная страница компании Content Rules

Американский разработчик контента Content Rules создал эффективную посадочную страницу для распространения своей электронной книги.

Что компания Content Rules сделала правильно:

• Дизайн

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

• Фотография

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

• Сила бренда

Логотип Content Rules повышает уверенность посетителя в качестве продукта.

Что можно усовершенствовать:

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

Что можно усовершенствовать:

• Контент

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

• Дизайн

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

Лэндинг Windows Intune

Корпорация Microsoft использует посадочную страницу для распространения 30-дневной пробной версии облачного сервиса Windows Intune.

Что компания Microsoft сделала правильно:

• Отзыв