Заказать создание посадочной страницы. Пример разработки посадочной страницы и ее цена

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

Первая, и, пожалуй, наиболее важная, задача - найти четкое УТП (уникальное торговое предложение) товара или услуги, а затем использовать дизайн посадочной страницы, чтобы сосредоточить все на одном основном призыву к действию (С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 в отличие от сайта более универсальная для привлечения потенциальных клиентов. Она не такая громоздкая, простая для восприятия аудиторией, быстрее приносит прибыль владельцу. Разработка посадочной страницы требует меньших капиталовложений, а отдачу дает на высоком уровне.

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

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

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

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

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

Конверсия посадочной страницы

Компания Mnogoland представляет примеры посадочных страниц с высокой конверсией в разделе «Наше портфолио». Это одностраничники «Пепси», «Мобильные аксессуары», «1 C Bitrix», «ФК Мерабелья», «Мида». На этих лэндингах, благодаря работе нашей команды, конверсия составляет от 20 до 50%. А число заявок в день приближается к полусотне.

Есть компании, которые обещают клиенту нереально большую конверсию за первую же неделю существования ресурса чуть ли не + 1000. Задумайтесь, конверсия посадочной страницы зависит от многих факторов. Если вам пообещали невероятно высокую прибыль, но при этом не дали никаких гарантий, сразу отворачивайтесь от предложения. В компании Mnogoland дают гарантию на минимальную конверсию до 10%. При этом, после сдачи проекта наши специалисты «не бросают» клиента наедине со своими проблемами. Постоянно проводят анализ работы, продолжают продвижение посадочной страницы, Проводят постоянное тестирование эффективности, разбираются в причинах низкой конверсии и постоянно проводят мероприятия по повышению уровня продаж.

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

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

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

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

Посадочные страницы. Стоимость успешного проекта

«Сколько стоит посадочная страница» - один из самых часто задаваемых вопросов. Предлагаем не тратить время в поиске реальных цифр, перерывая многочисленные сайты, выданные поисковой системой. Чаще всего вы найдете размытую формулировку, а конкретики никакой. Наша служба поможет вам выяснить конкретную стоимость посадочных страниц проекта. Запросы у бизнесменов разные, каждый занимается и понимает все тонкости своего дела, а значит и требования у человека будут сугубо индивидуальные к макету и готовому лэндингу. Это может быть представление эксклюзивного, дорого продукта. В портфолио можно посмотреть, как пример, посадочную страницу магазина женской одежды «Comodik». А может быть вы представитель заводского бизнеса или производитель товара, тогда и цена посадочной страницы, объявленная вам менеджером, составит другую сумму и будет разрабатываться в стиле вашего требования и предложения.

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

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

Создание посадочных страниц landing page в компании Mnogoland

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

Как сделать лучшие посадочные страницы или этапы сотрудничества:

• Сотрудничество с нашей компанией начинается с составления заявки.
• Менеджер не будет вас долго задерживать или вести посторонние беседы. Четко, конкретно по работе задаст вопросы и определит план разработки проекта .
• Посадочные страницы с высокой конверсией невозможно создать без аналитического исследования ситуации на рынке по вашему профилю. Проводится тщательное исследование специалистами.
• За создание посадочных страниц будет отвечать команда опытных дизайнеров, IT-программистов, копирайтеров, верстальщиков. На выходе должен быть только продающий продукт, оправдывающий ожидания клиента от работы.
• Большое значение имеет текст для посадочной страницы. Он будет составлен с максимумом информативности и минимумом ненужной информации.
• Размещение страницы на хостинге, тестирование, выявление проблемных мест, устранение проблем.
• Окончательный рабочий запуск.

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

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

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

1. Сделайте призыв к действию понятным

Кнопка СТА (Call To Action) должна мотивировать посетителя к определенному действию на вашей целевой странице, поэтому особое внимание стоит уделить оптимизации этого элемента. Рекомендуем следовать следующим правилам:

1.1 Заголовок и надпись на кнопке ясно дают посетителю понять, что он получит

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

Обобщенный призыв к действию не сообщает пользователю, что произойдет дальше, и вряд ли приведет к конверсии.

Консультант по оптимизации конверсии Михаэль Аагард (Michael Aagaard) следовал данному правилу и увеличил конверсию целевой страницы Betting Expert на 31,54%.

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

1.2 Расположите кнопку призыва к действию в верхней части страницы

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

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

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

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

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

1.3 Используйте пустое пространство

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

1.4 Используйте контрастные цвета для привлечения внимания

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

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

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

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

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

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

Так, на лендинге компании Human Touch, которая продает массажные кресла и кровати, размещена вот такая фотография:

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

Не экономьте на качестве изображений. Инвестируя в профессиональные и уникальные фотографии и картинки, вы зарабатываете доверие клиентов. Как пишет эксперт по оптимизации конверсии Пип Лая (Peep Laja): «Первое впечатление о целевой странице посетитель получает, просматривая визуальные элементы дизайна. Ресурсы, которые выглядят как любительские, не вызывают доверие».

3. Размещайте отзывы реальных клиентов

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

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

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

Гипотеза подтвердилась: публикация реальных отзывов повысила конверсию на 22%.

4. Пользователь должен легко скользить взглядом по странице

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

Специалист по юзабилити Якоб Нильсен (Jakob Nielson) считает, что это «распространенная модель поведения в интернете — охота за информацией и безжалостное игнорирование деталей. Но как только нужный контент найден, человек, как правило, погружается в него. Таким образом, содержание целевой страницы должно соответствовать двум требованиям: текст должен легко сканироваться и, в то же время, отвечать на вопросы пользователей».

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

Звучит довольно противоречиво, однако вы можете использовать некоторые хитрости: например, создать список преимуществ, выделив крупным жирным шрифтом заголовок опции, а под ним меньшим шрифтом — ее детальное описание:

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

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

5. Не позволяйте отделу продаж препятствовать конверсии

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

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

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

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

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

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

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

Для чего нужны посадочные страницы?

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

Что это значит?

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

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

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

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

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

Как работают посадочные страницы?

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

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

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

Оптимизируйте контент посадочной страницы так, чтобы поисковики могли их найти в органическом (бесплатном) поиске.

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

Создание посадочной страницы в конструкторе Wix

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

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

Дизайнера Педро Кортеса.

В закладки

Аудио

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

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

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

Хороший заголовок

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

Каковы особенности хорошего заголовка?

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

CrazyEgg

Заголовок: «Сделайте свой сайт лучше. Мгновенно»

Мне нравится в этом заголовке, что он не объясняет, что такое CrazyEgg, но вместо этого фокусируется на проблеме, которую решает продукт.

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

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

Lobe.ai

Заголовок: «Научите своё приложение видеть эмоции»

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

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

Lobe.ai - исключение из этого правила, это лучшее объяснение продукта на базе ИИ, которое я когда-либо видел.

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

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

Plutio

Заголовок: «Одно приложение для управления всем вашим бизнесом»

Заголовок простой, он не предоставляет много контекста.

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

Perspective funnels

Заголовок: «Революция лидогенерации. Мобильные воронки конверсии»

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

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

Элементы авторизации, которые помогают увеличить конверсию

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

Starred

Слева указаны условия:

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

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

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

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

Lobe.ai

У Lobe.ai полезные CTA в конце, нажав на которые, можно больше узнать о продукте

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

Хотя проект в итоге так и не смог в полной мере использовать это.

Вот как можно сделать воронку конверсии при помощи таких примеров в конце:

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

Золотая жила бы получилась.

Roadmap

СТА: «Узнайте, как Roadmap поможет вашей команде наслаждаться последними 20% работы над задачей»

У Roadmap удивительная стратегия размещения CTA в конце каждой страницы. Это позволяет контролировать путешествие по сайту.

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

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

Helpscout

Создание доверия и конверсия посетителей в долгосрочной перспективе при помощи контента

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

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

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

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

Примеры того, как использовать социальное доказательство

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

Вот несколько характеристик отзыва, в который люди готовы поверить:

• В нём легко узнать себя. Люди хотят видеть социальное доказательство от тех, кто кажется похожим. Иначе у них не выходит поверить, что они могут достичь таких же результатов с помощью продукта, как тот, кто оставил отзыв.
• Посетитель должен быть уверен, что отзыв оставил реальный человек. Иногда даже лучше использовать любительские видео или интервью, поскольку они выглядят более правдоподобно, чем текст на странице (к тому же его легко не заметить при прокрутке страницы).
• Сразу виден результат . Нужно публиковать отзывы, которые говорят о достигнутых результатах и подчёркивают преимущества продукта. Пример: «Это принесло мне на 340% больше лидов за два месяца».

Helpscout

«Нам доверяют более 8000 компаний в 140 странах»

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

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

Lattice

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

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

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

EmbedSocial

Заголовок: «TrovaTrip достигла 12% роста показателя конверсии и в 62 раза увеличила ROI»

Вот как нужно подавать кейсы. Это правильный пример, основанный на результатах.

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

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

Gusto

Истории клиентов Gusto на сайте

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

Рассказ о продукте

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

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

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

CrazyEgg

Заголовки: «Создайте веб-страницу с помощью A/B-тестирования», «Быстро вносите изменения с помощью Crazy Egg Editor»

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

Perspective funnels

У Perspective funnels всё объясняют GIF-анимации

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

Сам инструмент настолько прост, а контекст, который предоставили в заголовке, был настолько проработан, что компания может объяснить 80% своего продукта через 10-секундное видео.

Roadmap

Такое вертикальное расположение контента устраняет все отвлекающие факторы

Это одна из самых интересных идей, которые я видел за последнее время.

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

Airtame

Airtame разделяют аудиторию, чтобы лучше объяснить преимущества для каждого сегмента

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

Airtame разделяет своих посетителей по сферам, в которых они планируют использовать продукт, как вы можете видеть выше (Business и Education).

Контент-маркетинг

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

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

Вот несколько примеров того, правильно это сделать.

Helpscout

Helpscout привлекает лиды с помощью PDF-инструкций

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

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

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

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

Компания сама контролирует, какие статьи читают посетители (в то же время предоставляя ценную информацию), таким образом может обучать их, пока те не захотят стать покупателями.

Заголовок: «Проектирование баз данных». Ниже расположены две кнопки: «Начать чтение» (start reading) и «Подписаться» (subscribe).

Список для чтения от Helpscout.

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

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

На каждой странице блога Close.io поместила форму авторизации, которая побуждает получить бесплатную пробную версию её CRM.

AdEspresso

Текст, на который указывает стрелка: «Твои шесть простых шагов к тому, чтобы стать профи в Facebook Ads». Четвёртый шаг: «Узнать, как сэкономить время и деньги с помощью Adexpresso»

Если вы обратите внимание на цифры сбоку, то увидите, что эта статья относится к большему руководству. Adexpresso не только контролирует то, что люди читают, но и информирует их о Facebook Ads. Если пользователи достаточно хорошо разбираются в рекламе, они с большой долей вероятности дадут AdEspresso шанс.