Создание лендинг пейдж: примеры + коды готовых страниц

Как заработать на лэндингах — советы начинающим вебмастерам

На лэндингах глобально можно заработать тремя способами:

1. Создавая лэндинги под заказ, то есть являясь веб-студией, дизайнером или менеджером всего проекта, найдя подходящую команду.
2. Используя одностраничные сайты по назначению, то есть продавать через них товары и услуги.
3. Заниматья лидогенерацией. Лиды — контакты потенциальных клиентов. Это «теплые» заявки, которые можно продать целевым компаниям. Например, вы можете создать лэндинг «Шкафы-купе в Самаре» гнать на него трафик и продавать сформированные заявки фирмам, которые эти шкафы изготавливают.

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

Что такое лендинг пейдж и почему это так важно

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

Скорее всего, вы забыли продумать и подготовить приземляющие (посадочные, целевые) страницы, которые часто называют лендингами. Что это такое?

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

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

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

Что такое лендинг пейдж — обзор для новичков

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

Landing page дословно переводится с английского: «целевая» или «посадочная страница».

Такие одностраничники вы наверняка видели в Интернете.

Примеры лэндингов:

Почему делают лэндинги:

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

Лэндинги создают для:

1. Продажи продукта. Для этого используют призывы: «купить», «оставить заявку», «позвонить».
2. Сбора информации. Тут посетителям предлагают: «подписаться», «узнать больше».
3. Распространения софта — продажа программного обеспечения.

Лендинг и воронка продаж

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

Из сотни – две продажи. Отдача – 2%. Это неплохой вариант. Не совершенный, но и не проигрышный.

Воронка продаж выглядит как перевернутая кухонная воронка: широкое основание и узкое горлышко.

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

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

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

Когда анализируют лендинг, рассчитывают еще один показатель – EPC.

Чем выше показатель доходности, тем выше эффективность вашей рекламной кампании.

Случай 1. Низкая конверсия (продажи) основного сайта компании

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

Пример расчета: за 24 часа на сайте побывало 300 человек. Подписались на рассылку – 12 пользователей. Конверсия составит: 12 / 300 * 100% = 4%.

Средняя конверсия сайтов в зоне .РУ – 0,5%. Конверсия лэндингов 5–10%. В этих цифрах скрывается вся правда о том, почему предприниматели так любят продавать свои товары и услуги через одностраничники.

Случай 2. Запуск нового продукта

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

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

Случай 3. Решение конкретной задачи

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

Создание landing page без в большинстве случаев поможет увеличит продажи.

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

Чтобы страница заработала – нужно ее «включить».

Для этого можно предпринять следующие ходы:

1. Запустить контекстную рекламу на ваш одностраничный сайт.
2. Запустить e-mail рассылку по заранее собранной базе подписчиков. В письме кратко расписать свойства продукта и добавить ссылку на лэндинг.
3. Прорекламировать продукт на форумах, сайтах-партнерах, досках объявлений. Везде добавлять ссылку на страницу.

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

Что такое landing page?

Говоря простыми словами, лендинг — это очень простой одностраничный сайт, посвященный, как правило, одному продукту.

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

Цели у посадочных страниц (еще одно альтернативное название лендинг пейджа) могут быть самыми разными.

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

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

К нам landing page пришли немного позже, но они также прекрасно подошли под реалии Рунета.

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

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

Структура Landing page

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

• Заголовок.

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

• Видео или изображение (ряд картинок в слайдере).

  Это основной элемент для привлечения внимания пользователя.

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

• Информация о продукте.

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

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

  Ведь каждый из нас знает, что идеальных товаров не бывает.

• Отзывы.

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

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

  Здесь уместно размещать не только отзывы в текстовом формате — видео и аудио отзывы станут прекрасными инструментами для привлечения внимания потенциальных клиентов.

• Форма обратной связи.

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

• Призыв к действию или Call to action.

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

  Текст на кнопке может быть следующим: “Купить”, “Узнать”, “Заказать”, “Подписаться” и т.д.

• Футер и кнопки социальных сетей.

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

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

Виды лендингов

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

На сегодняшний день известно как минимум четыре типа landing:

• long page (длинный одностраничник);
• short page (короткий лендинг пейдж);
• one step (одношаговая страница);
• two step (двух шаговая страница, где на первой странице формируется интерес к продукту, а на второй — осуществляется призыв к действию).

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

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

С чего начать создание продающего лендинга?

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

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

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

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

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

Лендинги приносят реальную отдачу и клиентов, поэтому пробуйте, внедряйте, тестируйте!

Красивые лендинги: примеры

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

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

Минимальное содержание текста, удачное сочетание цветов и полю для клиента отведена лишь одна кнопка – что в данном случае удобно, так как речь идёт только о подключении, то есть если кликнуть по кнопке «подключить», вероятно, покажется форма заполнения.

Такое решение подойдёт если для создания сайта Вы будете использовать конструктор сайта Tilda: что это такое мы уже описывали в отдельной статье.

Рассмотрим ещё один макет лендинга, который на наш взгляд, тоже заслуживает внимания. Нежные, неброские оттенки и красивое и, самое главное, качественное фото-фон ненавязчиво предлагают свои услуги. Форма заполнения так же пребывает в контрасте с основной страничкой, что так же является удачным дизайнерским решением.

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

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

Лендинг или полноценный сайт

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

Одностраничники выгодно использовать для:

• Продажи одного вида товара;
• Оптовых продаж;
• Продвижения инфобизнеса;
• Продаже уникального товара;
• Платного обучения;
• Туристических фирм;
• Фитнес-тренеров и салонов.

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

А еще, лендинги гораздо легче закрываются на совершение уникального действия, нежели обычные сайты. Увеличение будет порядка 10-20%, от общей массы клиентов, что довольно неплохо для относительно небольших вложений.

Продающая страница автомобильной компании

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

Шаблон одностраничника автосервиса включает:

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

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

Приветствуется сдержанный лаконичный дизайн в деловом стиле без излишеств.

Как провести анализ лендинга?

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

1. Лендинг быстро загружается.

2. Шрифт хорошо читается, не слишком мелкий (не менее 12 кегля).

3. Фон – белый, шрифт – черный.

4. Заголовок содержит УТП.

5. Сделан акцент на одном продукте.

6. На лендинге есть качественные фотографии, иллюстрации.

7. Описание продукта / услуги четко доносит выгоды клиента от заказа или покупки.

8. Текст разделен на логические блоки.

9. В тексте имеются подзаголовки.

10. Важная информация визуально выделена (жирным или контрастным шрифтом, врезками, рамками и др.)

11. Если на странице есть видео, оно качественное.

12. На странице есть отзывы клиентов или кейсы. Если сайт многостраничный, отзывы могут быть вынесены в отдельный раздел. В этом случае дублировать их на лендинге не обязательно.

13. Есть информация о гарантии (если гарантия предоставляется).

14. Есть призыв к действию (позвонить, оформить заказ, заполнить форму и т.д.) Четко обозначено, что получит пользователь, выполнив целевое действие.

15. Кнопка «купить» заметная.

16. Номера телефонов прописаны текстом (не картинкой).

Пользуйтесь и получайте высокие результаты от контекстной рекламы!

Рекомендуем

Что такое РСЯ в Яндекс.Директ? Как настроить рекламу в РСЯ?

РСЯ (Рекламная Сеть Яндекса) – это сайты, приложения и видео, на которых показывается реклама Яндекс.Директ. Вы наверняка замечали: стоит поискать …

Больше ключей! Ищем неочевидные запросы для Яндекс.Директ

Если вы не используете сервисы подбора слов (парсеры) или готовые базы, а собираете запросы вручную, описанный в статье алгоритм поможет вам найти …

Причины появления лендинга?

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

Все началось с того, что на заре появления Интернет возникли различные сервисы сбора статистики. Например —  Google Analytics и Яндекс Метрика. Эти сервисы отвечают на такие вопросы, как: что искал посетитель, по какому ключевому запросу он пришел на страницу, и даже то, как посетитель смотрел страницу и на что кликал, где останавливался, а где быстрее проматывал скроллером.

Собирая такую статистику, крупные (и не только крупные) компании работали над тем, чтобы повысить конверсию. Что такое конверсия? Это соотношение тех людей, кто сделал целевое действие к общему количеству людей, которые посетили лендинг:

Можно сказать, что так измеряется эффективность лендинга. В процентном соотношении. Какие же показатели средней эффективности лендинга? Очень хорошей считается конверсия в пределах 20-30%. Но сама конверсия — относительное понятие, которое зависит от многих факторов. Например ниша, под которую сделана страница. В “агрессивных” нишах конверсия в 1-2% считается очень хорошей.

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

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

Такое глубокое изучение поведенческого фактора и привело к появлению лендингов — страниц, где у пользователя только два действия:

1. Уйти со страницы не сделав целевого действия
2. Сделать целевое действие, которое было прогнозируемо.

Поэтому еще одно определение того, что такое лендинг, простыми словами можно сформулировать так:

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

Три главных составляющих дизайна продающих страниц

Примеры дизайна хороших продающих страниц включают три общих черты:

Универсальность и оригинальность.

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

Сайт, который оформлен в классическом стиле, останется актуальным во все времена: простые геометрические формы, приглушённые оттенки, отсутствие лишней информации – в итоге он получится действительно продающим.

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

Внимание, заинтересованность, желание, действие (AIDA). Уникальность дизайна – большой плюс

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

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

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

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

Цветовое наполнение страницы.

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

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

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

Разбор инсталендинга для прохождения теста

Последний на сегодня пример — лендинг для теста. Аккаунт: test_na_3000

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

Запустить лендинг в Инстаграм намного проще, чем сайт: достаточно создать изображение, нарезать его на квадраты и загрузить их в обратной последовательности. Запускать рекламу внутри Instagram можно где угодно, потому что вы будете вести трафик на профиль. С профиля можно уводить его на любой сайт или принимать заказы прямо внутри соцсети, через Директ. На настройку инсталендинга обычно хватает 1–3 часов, а для запуска сайта понадобится намного больше. Правда, чтобы лендинг работал эффективно, нужно сделать его привлекательным с точки зрения целевой аудитории и грамотно настроить рекламу. 

Присоединяйтесь к нам:

12 шагов по созданию идеального лендинга

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

10 ошибок при создании целевой страницы

Какие ошибки чаще всего приводят к низкой конверсию/ее отсутствию:

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

• лендинг не заточен под особенности трафика. Клиент не готов покупать, а продавец расположил коммерческие кнопки на каждом экране, вместо того, чтобы постепенно готовить человека к покупке;
• продавец не разговаривает на языке клиента — использует сухие формулировки там, где актуальны эмоциональные заголовки и наоборот;
• сайт перегружен лишней информацией. Считается, что на 1 экране не должно располагаться больше 4 буллитов – иначе читателю трудно воспринимать информацию;
• дизайнер создал более 2 анимационных экранов. Клиент пытается прочитать информацию, но блоки меняются перед глазами каждые 2 секунды.

Что точно не работает на продающих лендингах?

• длинные видеоролики (больше 2 минут);
• отсутствие стоимости;
• фотографии, взятые с бесплатных банков изображений;
• написанные на заказ отзывы и кейсы.