Как создать лендинг пейдж

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

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

Бизнес-логика посадочной страницы

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

То есть лендинг пейдж следует рассматривать как эффективный инструмент онлайн маркетинга. А вся логика построения успешного лендинга базируется на маркетинговой модели AIDA.

Модель AIDA(s)

Классическая модель AIDA (Attention, Interest, Desire, Action – внимание, интерес, желание, действие) работает всегда. Любые другие успешные модели, чаще всего, являются производными или дополняющими ее.

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

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

Реализация модели AIDA(s) при построении лендинга такова:

• Attention – внимание привлекают качественный дизайн и заголовки интригующего характера
• Interest – интерес вызывает контент: текст, картинки и видеоролики. Контент лендинга должен вовлечь посетителя, чтобы он начал размышлять над нашим УТП.
• Desire – желание с одной стороны зависит от актуальности предложения для ЦА, а с другой – от правильной подачи УТП (дефицитность товара, срочность предложения и т.д.)
• Action – действие стимулируется с помощью призыва к действию (call to action). Обычно его повторяют несколько раз.
• Satisfaction – удовлетворенность клиента. Если вы дорожите репутацией, то важно быть уверенным в качестве продукта, он не должен быть заведомо плохим.

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

Хороший пример реализации модели AIDA в лендинг пейдж:

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

Хороший лендинг должен быть удобным не только для посетителей, но и для менеджеров. То есть в «админке» должен быть доступ к функциям CRM (Customer Relationship Management): трекинг заказов, группы клиентов, подписчиков и т.д. Разным группам клиентов можно предложить различные условия, делать рассылки (триггерные письма), звонки, предлагать скидки и так далее.

Эффективность и структура

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

Наиболее эффективны такие элементы:

1. Качественный адаптивный дизайн с чувством вкуса и соответствующим стилем. Должен правильно отображаться для мобильных устройств.
2. Шапка посадочной страницы обычно делается в легком и ненавязчивом стиле для размещения логотипа и контактов.
3. «Продающий», интригующий заголовок. Поскольку он задает тон всему лендингу, то должен выделяться, быть понятным, привлекать внимание.
4. Торговое предложение в наглядном виде. Если уместно, используйте графику и видео. Разбивайте текст на удобные для восприятия блоки: короткие абзацы, нумерованные и маркированные списки, подзаголовки и т.д. Практически весь контент лендинга раскрывает суть УТП и его можно усилить, выделяя такие продающие блоки:
   • Преимущества УТП перед предложениями конкурентов
   • Срочность и дефицит (обратный счетчик доступных товаров или времени акции)
   • Ссылка на авторитетных клиентов (фото-видео известных людей или фирм, логотипы партнеров)
   • Ответы на типичные вопросы о товаре (что получит клиент)
   • Отзывы реальных клиентов (желательно без накрутки)
   • Пробная версия продукта или тестовый период сервиса
   • Гарантии (срок и условия замены товара или возврата денег, безопасность транзакций)
5. Призыв к действию (call to action) – лучше всего оформлять в виде яркой кнопки с мотивирующим текстом «Подисаться», «Купить», «Заказать» но не абстрактным «Отправить», «ОК», «Готово». По мере знакомства с УТП у посетителя созревает решение о покупке или действии. Но мы не знаем точно, насколько он готов принять наше предложение, поэтому после каждого продающего блока лендинга нужно повторить призыв к действию.
6. Футер может содержать дублирование контактных данных из шапки, сертификаты, документы, ссылки на успешные бизнес-кейсы, социальные профиля и группы.

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

Инструменты

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

Наибольшие возможности дает разработка оригинального дизайна и его верстка (обычно используют связку 3-D графики, Photoshop, Dreamweaver и т.п.).

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

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

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

Программы для создания лендингов

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

Adobe Muse

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

WYSIWYG Web Builder

Этот визуальный редактор по своим возможностям практически не уступает предыдущему. Предусмотрена работа со скриптами из библиотеки программы или пользовательскими (JS).

WebSite X5

Мощная программа для разработки сайта любой сложности – универсальный инструмент, полезный как новичкам так и опытным вебмастерам. В Youtube можно найти множество видео-уроков к этому визуальному редактору.

Axure RP Pro

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

Microsoft Expression Studio

Expression Studio содержит несколько программ для создания сайтов, графики и видео: Expression Web, Expression Design и, соответственно, Expression Encoder.

Expression Web пришел на смену старому визуальному HTML-редактору Microsoft FrontPage. Есть интеграция с Microsoft Visual Studio.

Serif WebPlus

Serif WebPlus простой веб-конструктор, все операции может выполнять путем управления мышкой.

Сервисы

Сервис с богатым функционалом lpgenerator.ru предоставляет нам много специальных инструментов, необходимых для работы с лендингом:

• Шаблоны и визуальный конструктор (в том числе и для мобильных устройств)
• Аналитика – позволяет отслеживать все необходимые метрики для лендинга (CPC, CPL, ROI)
• Центр оптимизации конверсии – примечателен функцией сплит-теста с большим числом вариантов
• Яндекс.Директ – инструменты для автоматизации настройки рекламных кампаний
• Интеграция с разными сервисами E-mail рассылок, CRM и Robokassa.
• CRM и LP телефония – заслуживает отдельного внимания, поскольку предоставляет все необходимые возможности для колл-центра или отдела продаж (трекинг лидов/заявок, статистика, E-mail и SMS оповещения)

У сервиса Lpgenerator есть бесплатный пробный период.

Сервис  unbouncepages.com предосталяет нам удобную интеграцию с поезными для лендинга сервисами, широкие возможности CRM и 30 дней пробного периода.

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

Если же вам нужно создать мобильный лендинг, то вам отлично подойдет этот сервис mobileconvrrt.com, так как он заточен под мобильные устройства и позволяет создавать многостраничные сайты. Есть подробный мануал в wiki разделе.

Еще один сервис с готовыми шаблонами для смартфонов и планшетов — mobify.com

Platformalp.ru – предлагает 14 дней бесплатного сервиса, предоставляет простой визуальный редактор, понятный даже новичкам без знания html.

Leadkit.ru дает своим пользователям возможности:

• загружать свой шаблон
• воспользоваться встроенным html или визуальным редактором
• пользоваться аналитикой
• работать с CRM
• управлять рекламой
• воспользоваться тестовым периодом

Сервис estismail.com помимо конструктора посадочных страниц предоставляет бесплатные рассылки вашим подписчикам.

А этот широко рекламируемый сервис wix.com разочаровал отсутствием гибкости и многих необходимых возможностей (не поддерживается ретаргетинг Facebook).

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

CMS и плагины

Лендинг можно сделать на большинстве CMS интернет-магазинов или популярных систем управления контентом (Bitrix, Drupal, Typo3, WordPress). Хотя есть такие системы, которые позиционируются как CMS для создания лендинг пейдж, например cportfolio.ru.

Плагины CMS WordPress

WordPress Landing Pages – один из самых популярных плагинов для создания посадочных страниц, предоставляет инструменты для А/Б тестирования разных вариантов лендингов, собирает статистику.

Скачать с официального сайта: http://wordpress.org/plugins/landing-pages/

Responsive Admin Maintenance Pro – этот плагин предоставляет нам 6 различных шаблонов. Поддерживает опции CSS3 анимации, Youtube бекграунда и т.д.

Скачать его можно тут: https://wordpress.org/plugins/responsive-admin-maintenance-pro/

Для минимального набора функций можно использовать плагин Easy coming Soon. Его прямое назначение для страницы открытия сайта в разработке (анонса) но он-то, позволяет собирать E-mail и базу пользователей в соцсетях. У нас эта страница превращается в простейшую форму для создания подписной базы.

Адрес загрузки: https://wordpress.org/plugins/easy-coming-soon/

Метрики

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

• Лидогенерация – получение контактов от посетителя
• Конверсия – процент посетителей, сделавших нужное действие
•  CPS – стоимость за продажу или то, сколько денег заработает лендинг от одного заказа.
• CPC и EPC (Cost Per Click и Earn Per Click) – первая метрика показывает стоимость за клик по контекстной рекламе, вторая – средний заработок за этот клик. Если EPC больше чем CPC, то лендинг можно считать успешным.
• LTV (customer lifetime value) – количество прибыли, которую принес нам клиент за все время работы с ним. Помните модель AIDAS? Довольный клиент может покупать у нас еще и еще (если есть подходящий ассортимент). То есть повторные продажи становятся гораздо проще, а серия продуктов –эффективнее. Высокую стоимость привлечения клиента можно перекрыть высоким значением LTV.

Есть и другие метрики, однако в конечном итоге все сводится к ROI – возврату инвестиций от всех средств, затраченных на весь цикл, связанный с лендингом.

Трафик

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

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

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

Источники трафика для лендинга

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

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

• Контекстная реклама: Google Adwords и Яндекс.Директ,
• Таргетированная реклама из социальных сетей (Facebook, Vkontakte, Одноклассники),
• Реклама в тизерных сетях,
• Дорвейный трафик,
• SEO — поисковое продвижение,
• Прочие источники трафика.

Если рекламная сеть предоставляет возможности ретаргетинга посетителей (Наша статья: Как настроить ретаргетинг Vk.com), то его настройка поможет увеличить эффективность рекламной кампании.

Ошибки

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

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

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

Типичные ошибки:

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

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

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

Итог

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

А какие приемы работы с посадочными страницами используете вы?