Лендинг что это такое примеры
Лендинги: для чего нужны, структура, примеры и основные ошибки
Разбираем понятие «Лендинг», чем отличается от сайта, в каких случаях использовать, раскрываем секреты конверсионных лендингов
Что такое лендинг?
Лендинг (landing page) в переводе с английского — «посадочная страница» — одностраничный сайт, который нацелен на сбор контактных данных посетителей либо на продажу конкретного товара или услуги. Такие одностраничники называются «посадочными страницами», потому что на них, условно говоря, «сажают» трафик. То есть посетители попадают на лендинги из контекстной, таргетированной или медийной рекламы, а также из email-рассылок.
Чем лендинг отличается от сайта
Основное отличие лендингов от сайтов — это их узкая направленность. На многостраничном сайте пользователь может долго «гулять» по страницам, изучая товары и услуги, отзывы, читая блог и знакомясь с информацией о компании.
В отличие от многостраничника, лендинг сосредоточен на одном предложении (оффере) и призывает пользователя совершить максимум 1-2 действия. Принцип здесь простой: чем меньше у посетителя вариантов выбора, тем проще ему будет решиться на нужное вам действие.
Для чего и в каких случаях используется
Лендинг — это страница, на которой генерируется рекламный трафик с целью сбора заявок. Посадочные страницы могут использоваться на любом этапе воронки привлечения потенциального клиента, а не только для прямой рекламы основных товаров и услуг. Главное здесь — заинтересовать пользователя в том, чтобы он оставил вам свои контакты для дальнейшей связи. Например, лендинги можно создавать
Структура лендинга
Структура посадочной страницы может меняться в зависимости от цели. Рассмотрим пример лендинга с рекламой товара или услуги и расскажем о некоторых приемах, которые важно использовать.
Ошибки при создании лендингов
Примеры удачных решений на лендингах
Отличный первый экран
Простой и понятный оффер с включенным УТП. Эстетичный и «вкусный» визуал. Удобная навигация в меню, контактные данные и кнопки перехода для подписки на социальные сети. Шапка, кстати, зафиксированная и «ездит» за скроллом, что очень удобно с точки зрения юзабилити. Яркая и заметная кнопка, на которой уместно было бы предложить сделать более «легкий» первый шаг для первого контакта.
Наглядная отработка возражений
Хорошее наглядное решение, которое отрабатывает самый часто задаваемый вопрос целевой аудитории: как снять с замка городской самокат и начать поездку?
Еще один вариант отработки возражений
Еще один хороший способ снять возражения — размещение в конце лендинга ответы на самые частые вопросы в формате раскрывающихся блоков.
Вариант оформления социальных доказательств
Сертификаты, дипломы, награды, свидетельства об аккредитации и т.д. — одни из мощных триггеров, усиливающих доверие. Очень важно, чтобы каждый сертификат или диплом был кликабельным, увеличивался в масштабе, чтобы можно было детально прочитать его содержание.
Карта выполненных работ
Интересное решение, чтобы показать масштабность работы и международный опыт. Чтобы этот блок был идеальным, не хватает кликабельности элементов,с помощью которых можно было посмотреть, какие именно проекты представлены на карте.
Отличный призыв к действию
Заманчивое предложение, легкий первый шаг, не требующий никаких обязательств, акцент на открытости компании и ее готовности показать результаты своих работ. Лаконичный дизайн, компактная форма регистрации, в которой нет ничего лишнего.
Сегментирование целевой аудитории
Хороший пример сегментирования целевой аудитории для школы кодинга. В зависимости от сферы интересов каждого сегмента, предлагаются разные языки для изучения — каждый узнает себя и подберет себе нужную программу обучения.
Еще один пример отличного первого экрана
Простая форма регистрации, лаконичный, но убедительный призыв, визуальная гармония. При желании можно зарегистрироваться через социальные сети, что еще больше экономит время пользователей.
Примеры ошибок на лендингах
Неудачное цветовое оформление
Отличный лендинг по содержанию и копирайтингу, но визуальная составляющая пострадала. Белый шрифт на светлом фоне — сомнительное решение. Меню в данном случае совсем не видно. Здесь уместно было бы сделать либо плашку, либо подобрать изображение так, чтобы слева, где есть текст, оставалось свободное пространство, на котором бы располагался шрифт контрастного цвета.
Все хорошо, кроме невнимательности
На первом экране этой страницы все хорошо и с точки зрения визуала, и с точки зрения оффера, а также выгод и призывов к действию. Кроме одного но: бонусов обещается три, а по факту представлено два. Где третий бонус?
«Перегруженная» форма регистрации
Слишком сложная форма регистрации для запроса цены. Во-первых, есть лишние поля для заполнения. Во-вторых, нет поля для заполнения номера телефона, только email, хотя телефонный разговор — самый быстрый способ связаться, выявить потребности и конвертировать пользователя в клиента. В данном случае лучше ограничиться тремя полями: имя, номер телефон и email.
18 примеров лендингов с интересным дизайном и необычными фишками
Главная проблема большинства лендингов – все они будто сделаны под копирку. А где же креатив, огонь, где дизайнерские безумства.
В этой подборке я собрала интересные фишки и необычные эффекты. Часть из них сделали разработчики и веб-дизайнеры «Текстерры», часть нашлась на просторах рунета.
17 наивных вопросов о лендингах: что учесть, на чем делать, и как повысить продажи
Смотрите, вдохновляйтесь, применяйте понравившиеся идеи на практике, миксуйте их со своими и не забывайте проводить A/Б-тестирования – вот единственно правильный рецепт создания убойных посадочных страниц.
И, главное, помнить, что лендинг – не самодостаточный инструмент. Для конверсий, лидов и продаж нужен качественный трафик. А добыть его сложно без комплексного продвижения.
Расширенная форма
Обычно на одностраничниках используют стандартную форму заявки с несколькими полями. Чаще всего клиенту нужно указать контактные данные – имя-фамилию, почту или телефон. Но в некоторых сложных сферах лучше раскрыть тему подробнее. Вот как это сделали в «Текстерре»: в форме лендинга dellservers.ru клиент может выбрать модуль, параметры, задачи сервера. Может сбросить значения, если что-то пошло не так.
Для чего это нужно? Владелец лендинга в любом случае получит свои лиды – даже если полей в форме всего два-три. Но вот клиенту будет интересно копнуть поглубже. Не просто заказать, а самостоятельно выбрать свой вариант.
Серьезный подход к серьезным задачам
В Google и «Яндексе», соцсетях, рассылках, на видеоплатформах, у блогеров
Две кнопки СТА
На лендинге планировщика задач Wunderlist – сразу два призыва к действию, которые усиливают друг друга: «Создать бесплатную учетную запись» и «Загрузить Wunderlist». Пользователи кликают по обеим ссылкам, конверсия растет, а лендинг выполняет свою работу на отлично.
Конкретные цифры (результаты)
Это не новая, но по-прежнему работающая фишка. Покажите клиентам, чего вы добились, в цифрах: это понятнее, нежели абстрактные фразы «мы лучшие», «у нас сотни выполненных проектов» и так далее. Посмотрите на лендинг smartprogress.do: сразу видно, сколько человек уже присоединились к проекту, сколько целей поставили, сколько достижений выполнили.
Конкретика воспринимается лучше абстрактных рассуждений
Персонализация
Безликие шаблонные лендинги – бр-р, что может быть унылее! Оживите свой одностраничник, добавьте огня, заинтересуйте потенциального клиента. Например, на странице услуг «Текстерры» по созданию сайтов размещены фото сотрудников, которые непосредственно этим и занимаются. Посетитель заходит и видит: ага, моим ресурсом будут заниматься не абстрактные разработчики, а вполне живые Святослав, Денис и другие.
Удобная форма ответа
На многих лендингах и сайтах задать вопрос можно только через форму. А это значит, нужно указывать имя и фамилию, оставлять телефон и электронную почту. Иногда вообще приходится вводить капчи и коды – ужас! Понятно, что это делается для того, чтобы получить лиды. Но есть и другой вариант – как на лендинге «Церебро Таргет». Если вы зарегистрированы во «ВКонтакте», ничего заполнять не нужно – бери и пиши. И клиенту удобно, и владельцу хорошо – контакт оставлен, можно работать дальше.
Никаких обязательных полей для заполнения, никаких капч – красота!
Отзывы клиентов
Можно попросить клиентов рассказать о своих впечатлениях и опубликовать полученные тексты на лендинге. Но загвоздка в том, что посетитель никак не проверит – реальные это отзывы или фейковые. Лучше пойти дальше и убедить посетителей в этом. На лендинге, который разрабатывала «Текстерра», приводятся слова клиентов из «Инстаграма» со ссылками на их аккаунты. Все честно – зайдите и убедитесь.
Отзывы на сайте парка с хаски
Демонстрация результатов
Покажите пользователям, что они получат от вашего продукта
Параллакс-эффект
Следуй за мной – как бы говорит она нам
Анимация
Внимание, вопрос: какую функцию выполняет эта анимация? Ответить можно в комментариях к статье.
Очень залипательное зрелище!
Иллюстрации
Не будем говорить банальности: авторские иллюстрации способны оживить самый тухлый шаблонный лендинг, это все знают. Важно, чтобы рисунки отвечали тематике лендинга и ожиданиям его целевой аудитории. Смотрите: на сайте полезного детского питания marcandfisa.com картинки стилизованы под детские рисунки. Точное попадание в ЦА – мамам и папам, которые покупают продукцию, должно зайти.
Авторские иллюстрации «от руки» – находка для дизайнера
Еще один пример на лендинге satellite-express.ru. Иллюстрация идеально дополняет заголовок: «Главное при диабете – найти баланс».
Мультилендинги
Предложение на лендинге меняется в зависимости от запросов пользователя. Набрал «продать дачу» – читаешь на сайте про дачу. Набрал «гараж» – про гараж. Подробнее об этой технологии мы писали в статье о том, как сделать мультилендинг самостоятельно.
Нажми на кнопку – получишь результат… каждый раз другой
Вот пример мультилендинга для компании «Овионт», который сделали мы.
Клиент планировал сделать отдельные лендинги для трех продуктов: инструментов автоматизации делопроизводства.
После выбора продукта пользователь попадает на страницу с исчерпывающей информацией
На первом экране мультилендинга есть краткие описания продуктов. Каждый блок с описанием оформлен индивидуально. Пользователь выбирает подходящий продукт и переходит к подробному описанию.
Для каждого продукта мы сделали подробные разделы. Общий объем контента на мультилендинге – примерно 30 тыс. знаков. На каждой странице есть подробные разделы:
частые вопросы по использованию;
Раздел «Тарифы» на странице каждого продукта работает по-разному. Например, на странице тарифов «Контур.Экстерн» пользователь может прочитать описания трех тарифных планов, выбрать один из них и оформить подписку на один или два года.
Использование мультилендинга в данном случае оправдано, так как посетитель сразу оценивает три предложения и выбирает подходящее. Если представлять каждый продукт на отдельном лендинге, часть пользователей не найдет нужный сразу и не оформит заказ.
Нover-эффект
При наведении курсора картинки меняют цвет, увеличиваются, приближаются и удаляются. Это делает лендинг необычным и привлекает внимание к отдельным его элементам. Если навести курсор на строку «Фотографии и общение с хаски» – появится фотография собачки. На строку «Семейная беседка-гриль» – интерьер этой самой беседки, и так далее.
Дизайнеры «Текстерры» активно используют современные тренды
Сплит-макеты
Split screen, или разделенный экран – очень эффектный дизайнерский прием. Суть в том, чтобы привлечь внимание пользователя к каждой части экрана – чтобы информация точно не потерялась. Таким образом можно рекламировать два товара, две услуги, два важных преимущества и так далее. Вот как это делается на лендинге Baesman.
А вы на какой стороне?
Трехмерная графика и дополненная реальность
Лендинг создан для приложения Qubi. Это игра для детей 3+ лет и взрослых. Суть игры проста. На первом шаге пользователь по предложенной схеме склеивает реальный бумажный, картонный или деревянный кубик.
В реальном мире это обычный кубик из бумаги, картона или дерева
Потом он устанавливает приложение, открывает его на смартфоне и «смотрит» на кубик через камеру устройства.
Дети играют в приложение с AR
На экране смартфона или планшета кубик оживает. Пользователь играет в трехмерный вариант «Змейки», «2048», «Лабиринта». При этом управлять игрой нужно с помощью реального кубика. Чтобы управлять кубиком двумя руками, нужно использовать специальную подставку для смартфона, которую можно собрать самостоятельно.
Так выглядит кубик в приложении
Трехмерную модель кубика можно увидеть на иллюстрации (gif).
Трехмерная модель кубика
Что хотел клиент
Клиент попросил сделать лендинг, который подчеркивает особенность игры: использование трехмерной дополненной реальности. В частности, он хотел видеть эффект перемещающихся граней трехмерного кубика, активная грань которой вписана в экран устройства посетителя.
Что мы сделали
Мы реализовали трехмерность с помощью 3D-трансформаций CSS3. Переходы между гранями кубика сделаны с помощью чистого JavaScript с отслеживанием событий drag и touch. Благодаря необычным переходам между экранами у пользователя создается ощущение объемности экрана. Это особенно ярко выражено на рабочей версии посадочной страницы.
Сам лендинг как бы повторяет трехмерную идею проекта
Первый вариант лендинга
Для финальной версии лендинга мы сделали более реалистичный вариант кубика. В отличие от рабочей версии, в финальной вращение кубика происходит снаружи, а не изнутри. Ощущения трехмерности усиливаются благодаря анимации заголовков.
Лендинг полностью адаптивный
Интерактивный выбор цветов окраски интерьера и мебели
Необычность лендинга «ДСК.Color» заключается в возможности самостоятельно выбрать цвет мебели и предметов интерьера с помощью интерактивной палитры.
Компания «ДСК.Color» окрашивает любые поверхности в разные цвета. Можно заказать окраску мебели, бытовой техники, велосипедов, музыкальных инструментов и других предметов. Клиент может выбрать любой цвет.
Самая востребованная услуга – окраска мебели и предметов интерьера. На нее приходится около 80 % работ клиента.
Что хотел клиент
Клиент попросил сделать яркий и запоминающийся лендинг «с призывом окрасить все вокруг». У него были идеи сделать изображения мебели в формате 3D, чтобы посетитель «мог покрутить и рассмотреть окрашенный предмет с разных сторон».
Что мы сделали
Мы предложили клиенту идею: дать посетителю возможность самостоятельно выбрать цвет мебели и предметов интерьера.
Для этого на посадочной странице предлагалось изображение комнаты, в которой основные предметы посетитель может раскрашивать с помощью открывающейся по клику палитры. На основе выбранных цветов и предметов пользователь может рассчитать стоимость услуг. Первый прототип выглядел так.
Клиенту идея очень понравилась, поэтому мы сделали рабочий прототип лендинга. На нем основная часть выглядела уже так:
Договорились с клиентом оставить возможность окрашивания стола, стульев, двери и кухонного гарнитура. Это основные предметы, которые красит компания.
После согласования прототипа в работу включились дизайнер и верстальщик. Первый нарисовал все предметы в svg (это формат графики). Второй сверстал и добавил к областям svg палитру цветов. После этого реализовали модальное окно. С его помощью пользователь может перепроверить цвета и предметы и отправить заявку на услугу.
Необычные и обычные прелоадеры
С помощью прелоадера или спиннера можно сделать более удобным и визуально привлекательным любую посадочную страницу. В этом разделе поговорим о прелоадерах и посмотрим на примеры этих элементов, созданные специалистами «Текстерры».
Что такое прелоадер и какие задачи он решает
Прелоадер или спиннер – знак, который появляется на экране до загрузки страницы. Эти элементы вы видите ежедневно, когда пользуетесь интернетом. Ниже пример прелоадера.
Пример прелоадера или спиннера
Прелоадер решает практическую задачу: сообщает пользователю, что страница загружается, а также заменяет собой визуально непривлекательную картину загрузки. Это нужно пояснить.
Из-за технических особенностей работы браузеров страницы сайтов загружаются неравномерно. Во время загрузки верстка может «плыть». Если страница загружается несколько секунд, а не доли секунды, пользователь какое-то время наблюдает непривлекательную картину.
Элементы страницы прогружаются неравномерно
Прелоадеры реализуются с помощью стандартных инструментов фронтенд-разработки: HTML, CSS, JavaScript и дополнительных библиотек и фреймворков, например, jQuery, React.
Как мы улучшаем лендинги с помощью прелоадеров
Мы создаем уникальные прелоадеры, в том числе анимированные. Вот несколько наших работ.
Для лендинга Qubi мы сделали прелоадер, который повторяет навигационное меню. Это позволяет пользователю понять принцип управления страницей до ее загрузки.
Прелоадер на лендинге Qubi
На сайте Levellen Interiors мы использовали прелоадер в виде логотипа компании. Это дополнительный элемент брендинга сайта.
Прелоадер на лендинге Levellen
На лендинге Whalenet можно увидеть спиннер в виде бирюзового прямоугольника.
Прелоадер на лендинге Whalenet
На сайте Parielle работает классический прелоадер в форме круга.
Прелоадер на лендинге Parielle
На лендинге Projectto использовали прелоадер в форме прямоугольника.
Прелоадер на лендинге Projectto
Внешний вид прелоадера обычно обсуждается на этапе проектирования лендинга.
Интерактив
На лендинге бизнес-центра «Фидель»необычно реализована возможность посмотреть свободные офисы и подать заявку на аренду.
Как работает лендинг
На лендинге представлена информация об аренде помещений в бизнес-центре. Главный секрет посадочной страницы находится в разделе «Офисы». Здесь пользователь может посмотреть наличие свободных офисов на каждом этаже здания.
Пользователь видит наличие свободных помещений
При наведении курсора на свободный офис всплывает кнопка «Подробнее».
Пользователь видит предложение узнать подробности об офисе
Нажатие кнопки направляет пользователя на страницу с информацией об офисе и его фотографиями. С этой страницы можно оставить заявку на аренду помещения.
Страница с описанием офиса
Особенности реализации
Наш дизайнер нарисовал формы офисных помещений, рисунки сделаны в формате svg. Эти рисунки накладываются на планы этажей. Когда администратор сайта в панели управления отмечает, что офис свободный, скрипт включает отображение рисунка на плане и возможность перейти на страницу с информацией и формой заказа. Когда администратор отмечает, что офис занят, скрипт отключает изображение рисунка на плане.
Собственно дизайн
В этом примере нет сложных технических фишек и дизайнерских эффектов – весь лендинг вывозит красивая картинка: фон, цвета, аппетитные фотографии астраханской икры. Одностраничник astrahancaviar.ru – хороший пример того, как благодаря дизайнеру продукт хочется приобрести. И немедленно съесть!
Ну согласитесь, аппетитно!
Если нужна помощь в создании продающих лендингов, обращайтесь в TexTerra. Услуга включает анализ ниши, разработку грамотной структуры и качественного контента, привлекательный дизайн, интеграцию с CMS и другими системами. Срок – от 14 дней.
Лендинг — что это такое?
Лендинг (Landing page) — это страница в интернете, которая фокусирует внимание пользователя на выполнение определенного действия.
Основные признаки классического лендинга:
Современные сайты состоят из лендингов. Лендинги встраиваются на одностраничные сайты или поддомены. Создаются с нуля или конструкторах. Бывают микролендинги, одноэкранные лендинги, квиз-лендинги и даже сториз-лендинги. Количество вариантов куда «приземлять» трафик только растет, а понятие лендинг шириться. Почему бы Whatsapp чат-бот не назвать лендингом? На него же тоже приземляют трафик из рекламного объявления Яндекс.Директ. Разберемся?
Ниже мы написали большой и подробный материал о лендингах. А главное собрали более 30 примеров продающих страниц. Добавляйте в избранное, чтобы не потерялось, сохраните к себе на страничку. Вперед к оглавлению:
Виды лендингов
Микролендинг. Это лендинг, который состоит из минимальной шапки, заголовки и одной кнопки. Как правило предлагают заполнить всплывающую форму или перейти к следующему шагу.
Одноэкранный лендинг. Подходит для простого действия. Посмотреть видео, записаться на вебинар, скачать файл, подписаться на рассылку.
Многоэкранный лендинг. Или информационный. Подходит для презентации/продажи товара, услуги. Содержит в себе презентацию и преимущества продукта, призывы к действию и подобное.
Лендинг-витрина. Это тоже самое, что многоэкранный лендинг, но он содержит в себе целую категорию товаров/услуг. Каждая из которых открывается во всплывающем окне.
Лендинг-квиз. Это страница, в которым пользователю предлагают пройти тест на 5-6 вопросов и в результате чего что-то посчитать, получить.
Лендинг-сториз. В марте 2020 появился конструктор storyland.mobi. Позволяет создать сайт в виде сториз.
Мультилендинг или геолендинг. Это когда автоматом подменяется заголовок в зависимости от объявления, с которого перешел пользователь. А геолендинг — подставляются нужные города и номера телефонов от IP-местоположения.
А вот еще несколько идей, куда современные маркетологи отправляют рекламный трафик. Эти рекламные поверхности нельзя называть лендингами, но задача у них в точности такая же.
Мессенджеры. Да, можете отправить прямо на вацап страницу с кнопкой начать (главное в приветствии напишите, тоже самое, что в объявлении). С Telegram сказали сложнее, но тоже можно. Там может отвечать человек или автоматически чат-бот.
Автороворнка. Отправьте на страничку-прокладку, которая запросит разрешения авторизации отправлять вам сообщения через социальные сети или email подписку и клиента затянет в воронку авторассылок через подтверждение.
В социальную сеть или сервис. Отправьте прямо на Ютуб канал, в ВК группу, Facebook профиль, ТикТок. На любую социальную сеть или сервис. Может у вас там крутой контент, пользователям нравится эта платформы, и они подпишутся.
Форма или конструктор. В Яндекс.Директ теперь есть турбо-сайты. Создайте сайт прямо внутри Директа и собирайте заказы без сайта. В Facebook, Инстаграм, ВК можно создать формы. При клике на эти объявления пользователю открывается просто форма для заполнения заявки. Его данные автоматом уже заполнены.
Статья. Статью можно создать внутри VK, лонгридный вариант Facebook, напишите на VC или любой другой тематической площадке. Обычная статья может выступить лендингом.
Чат в социальной сети. В некоторых системах можно также создать объявление просто с кнопкой начать чат. В директе внутри объявлений есть чаты.
Комьюнити. В ВК можно создать беседу. Создайте комьюнити в Телеграм, Facebook. Отправьте рекламный трафик туда, вместо лендинга.
Облачный документ. Почему нет? Создайте Google Drive таблицу или Google Docs, мы не знаем, кто и зачем так делает, но как вариант.
И еще много идей. Например, лендинг с встроенным чатом. Он вставляет прямо в код страницы и весь диалог на странице. Или лендинг с включенной видеотрансляцией со специалистом.
Вариантов, куда отправить рекламный трафик помимо сайта масса. Тестируйте разные комбинации лендингов с разными типами рекламного трафика и прибудет с вами высокая конверсия.
Примеры лендингов
В Landing page все элементы страницы направлены на то, чтобы побудить посетителя совершить целевое действие. У пользователя всего два варианта — оставить заявку или уйти с площадки. Это главная причина, почему иногда конверсия посадочных страниц превышает 50%. Рассмотрим примеры эффективных лендигов.
Примеры необычных лендингов
В сети можно найти множество лендингов: одни из них выполнены как будто под копирку, а в других сразу читается оригинальная идея, необычный дизайн и нестандартные приемы. Рассмотрим несколько примеров необычных Landing page.
Что необычного? Параллакс-скроллинг.
Разработчики применили эффект, благодаря которому изображения на заднем плане двигаются медленнее, чем на переднем. При скроллинге страницы бутылка перемещается сверху вниз, гармонично вписываясь во все экраны.
Что необычного? Дизайн.
Данный лендинг часто включают в подборку посадочных страниц с необычным дизайном. Его создатели придумали оригинальное решение, как выделиться на фоне конкурентов и заставить клиента изучать информацию на сайте. Для любителей традиционных лендингов предложена кнопка «Перейти на основной сайт» в классическом варианте.
Что необычного? Оригинальное перелистывание страниц.
Оригинальный дизайн лендинга надолго врезается в память. Но главное — это необычные ощущения, которые возникают при перелистывании страниц во время обычного скролла вниз. Убедитесь сами.
Структура и элементы продающего лендинга
Особенность лендинга — информация представлена в доступной и привлекательной форме, в виде блоков, изображений, графических элементов. Важное условие — посетитель в любой части страницы может легко найти кнопку целевого действия — для оформления заказа, консультации, заполнения формы обратной связи, звонка, скачивания файла.
Принцип разработки Landing page — оптимальный баланс между функциональностью, дизайном и удобством. Часто изменение одного слова в заголовке или цвета кнопки серьезно влияет на конверсию.
Рассмотрим каждый элемент подробнее:
Невозможно выделить единую общую схему размещения блоков для посадочной страницы. Но большинство Landing page имеют обязательные элементы. Они размещаются в соответствии с моделью AIDA, вызывая у посетителя внимание, интерес, желание и действие.
Как создать лендинг? Список конструкторов лендингов
Платные конструкторы с готовыми шаблонами позволяют создать лендинг самостоятельно. Через несколько часов вы получите работающую посадочную страницу. Преимущества использования конструкторов:
Схема создания лендинга на конструкторе
Рассмотрим популярные конструкторы.
Тарифы: от 750 до 3 000 рублей в месяц. В эту стоимость входит один или несколько доменов в зоне RU, минимум 10 страниц, 100-1000 СМС-уведомлений, почтовый ящик.
Особенности: Бесплатная версия действует 14 дней. За это время пользователь успеет оценить удобство и меню конструктора. Функционал ограничен, создать с его помощью оригинальный лендинг невозможно.
Тарифы: 2156 рублей (максимальное число посетителей — 9900 человек), 4000 рублей (без ограничений).
Особенности: Посадочную страницу можно создать с нуля или, используя один из 300 шаблонов. Доступен широкий функционал — А/В тестирование, управление лидами, интеграция с CRM-системой.
Тарифы: базовый — 500 рублей (можно создать один LP), премиум — 2000 рублей (без ограничений).
Тарифы: Бесплатная версия действует 14 дней. Минимальный платный тариф — 750 рублей в месяц.
Особенности: Акцент сделан на красивую подачу контента. Широкий функционал — более 200 готовых шаблонов, интеграция со сторонними сервисами, встроенная CRM-система.
Узнать больше о функционале и особенностях конструкторов можно в статье «Сравнение десяти конструкторов сайта».
Получать знания быстрее?
Подпишись
Преимущества и недостатки Landing page
Главное преимущество лендинга — активное превращение потенциальных клиентов в лиды. Для этого посадочная страница должна быть составлена грамотно с точки зрения расположения блоков, контента, дизайна, юзабилити (простота взаимодействия пользователя со страницей).
Представьте, что вы собираетесь заказать звукоизолирующие пластиковые окна. В поисках компании вы находите две страницы:
В какой компании вы в итоге закажите пластиковые окна? Большинство интернет-посетителей предпочтут оформить договор с организацией, которая разместила лендинг с преимуществами и выгодами, УТП (уникальным торговым предложением) и отзывами клиентов.
Это не значит, что в лендингах компании размещают информацию, которая не соответствует действительности и направлена лишь на привлечение клиентов. Задача и цель разработчика целевой страницы — преподнести сведения о товаре и услуге так, чтобы посетитель понял, что здесь знают о его проблемах и могут их решить.
Как и любой продукт, лендинг имеет недостатки:
Крупные компании практикуют следующую схему. Они имеют основной сайт, который выполняет информационную функцию и продвигается через SEO. Во время распродаж, запуска нового продукта, акций они запускают лендинги с рекламой одного товара или услуги.
Как продает лендинг?
Вопрос «Как продает лендинг?» обычно некорректен. Задача посадочной страницы — заинтересовать посетителя, побудить его подписаться на рассылку, скачать файл или заполнить форму обратной связи. После получения контактов с потенциальным клиентом связывается представитель отдела продаж, от которого во многом зависит воспользуется ли интернет-пользователь услугой. Он должен конвертировать возникший интерес клиента в сделку.
Рассмотрим, как воздействует лендинг на представителя ЦА (целевой аудитории):
Если Landing page создан для сектора B2C, то главный экран обычно воздействует на эмоции посетителя. Задача — максимально угадать боли и желания клиента. Он должен подумать, что здесь знают его проблемы и предложат решение. После этого потенциальный клиент переходит к следующей части посадочной страницы, на которых приводятся разумные доводы, выгоды и социальные доказательства.
В бизнесе на главном экране расчет может быть как на эмоции, так и на логику. В обоих случаях закрывать возражения клиентов лучше с помощью фактов, цифр, расчетов, отзывов.
Конверсия лендинга
Конверсия лендинга — числовой показатель, характеризующий эффективность продаж посадочной страницы. Цифра показывает, какой процент посетителей совершили целевое действие. По ней можно судить, насколько грамотно составлен лендинг.
Конверсия (CTR) — главный показатель качества лендинга.
Это соотношение людей, которые совершили целевое действие (X), к общему количеству посетителей (Y). Например, если из 100 человек заявку на звонок оставили 20, то конверсия равна 20%.
Хорошей считается конверсия от 5% до 20%. Оптимальное значение зависит от рекламируемого продукта/услуги, конкурентности ниши и типа целевого действия. Конверсия лендинга с кнопкой «записаться на бесплатную консультацию» будет выше, чем у страницы, призывающей купить дорогой товар.
Например, конверсия посадочной страницы, которая предлагает бесплатно скачать онлайн-курс, может приближаться к 90-100%. В то же время конверсия лендинга с рекламой сложного дорогого инфопродукта может быть меньше 2-3%.
Как улучшить конверсию?
Тестирование каждого отдельного элемента поможет определить оптимальную структуру посадочной страницы. Не существует единой 100%-работающей схемы для Landing Page. Всегда найдется пример, который опровергнет прошлые результаты.
Применение Landing Page для бизнеса
Когда бюджет ограничен, а представительство в интернете необходимо, начинающим предпринимателям приходит идея использовать лендинг в качестве первого сайта. Он напоминает мини-интернет-магазин. На одной странице размещают весь каталог товаров, блок «О компании», контактные данные.
Такое решение целесообразно лишь на начальных этапах развития бизнеса. Основной сайт в виде лендинга не внушает пользователям доверия, создает впечатление, что с его помощью продвигают фирму-однодневку. При первой возможности лучше заказать полноценный сайт.
Состоявшиеся бизнесмены используют Landing Page по назначению. Имея основной сайт, они запускают одностраничник для:
Особая категория лендингов — страница, созданная для рекламы инфопродуктов или дорогого товара. Это могут быть курсы, тренинги, семинары. В зависимости от категории и стоимости продвигаемой услуги используется продажа «в лоб» или в несколько этапов. В первом случае на лендинге сразу размещают рекламируемый инфопродукт, закрывают возражения потенциального клиента, предлагают записаться на обучение.
Продажа в несколько этапов начинается с формирования узнаваемости бренда и повышения лояльность клиентов. Для этого создают лендинг в виде подписной страницы, на которой потенциальному покупателю в обмен на контактные данные предлагают приятный бонус:
После бесплатного продукта подписчику предлагают сначала приобрести недорогой товар. Каждая ступень продаж подогревает интерес пользователя к компании. На последнем этапе клиент получает привлекательное предложение приобрести продукт.
Как обучиться созданию лендингов?
Научиться создавать лендинги можно самостоятельно или на курсах. Принимая решение, необходимо понимать, что вы хотите получить в итоге, и с какой целью желаете научиться разработке одностраничных сайтов.
В интернете можно найти много видео и статей по созданию посадочных страниц. Многие конструкторы предлагают бесплатные базовые курсы по созданию Landing Page. На самостоятельное обучение потребуется много времени. Оно подойдет для фрилансеров, которые хотят попробовать себя в новой сфере, и для частных специалистов, желающих создать лендинг за небольшую стоимость.
Если вы точно решили зарабатывать деньги на создании лендингов, то стоит поискать серьезные платные курсы с личным наставником и проверкой домашних заданий. Длительность обучения составит минимум 2 месяца и будет зависеть от темпов и плотности обратной связи. Рассмотрим два примера, чтобы лучше понять, что из себя представляет курс по созданию лендингов.
Школа Сергея Трубадура «Умные лендинги»
Если вы точно решили зарабатывать деньги на создании лендингов, то стоит поискать серьезные платные курсы с личным наставником и проверкой домашних заданий. Длительность обучения составит минимум 2 месяца и будет зависеть от темпов и плотности обратной связи. Рассмотрим два примера, чтобы лучше понять, что из себя представляет курс по созданию лендингов.
Стоимость курса: от 25 до 50 тысяч рублей в зависимости от версии
Краткое описание: На тренинге студенты учатся проводить глубокий маркетинговый анализ целевой аудитории и конкурентов, выявлять слабые и сильные стороны компании, создавать продающий текст и прототипы лендингов в разных программах. После каждого урока участники тренинга должны выполнить домашнее задание, которое проверяет куратор. Большое внимание уделяется грамотному расположению блоков согласно модели AIDA.
Учебный центр при МГТУ им. Баумана «Создание лендингов в конструкторе «Тильда»»
Продолжительность курса: 16 академических часов, 8 модулей
Стоимость курса: от 12900 до 44400 рублей в зависимости от формата и версии
Краткое описание: На курсе студенты учатся создавать лендинги в конструкторе «Тильда», улучшать показатели конверсии, настраивать прием заявок с встроенной CRM-системы. Обучение доступно в очном формате и в онлайн-режиме. После каждого урока участники тренинга должны выполнить домашнее задание. Преподаватели дают оценку практическим работам, в конце тренинга проводят итоговую аттестацию.
Где заказать Landing Page?
У заказчика есть три основных пути, где заказать разработку Landing Page:
Заказать разработку Landing Page можно начинающему специалисту, опытному фрилансеру или агентству. Вы получите три разных результата и поймете, почему стоимость услуги отличается в несколько раз. На ценообразование влияет уровень подготовки разработчика, его возможности, тип продукта и требования клиента к готовому проекту.
Начинающий специалист
Сегодня не составит труда найти на интернет-бирже специалиста, который согласится сделать одностраничник за 500-1500 рублей. Некоторые из начинающих фрилансеров готовы работать бесплатно, для получения положительных отзывов и наработки портфолио.
В 90% случаев вы получите лендинг, собранный на основе шаблона, каких в сети бесчисленное множество. Вряд ли стоит ожидать глубокой проработки целевой аудитории и конкурентов, продающего текста, бьющего в цель. Специалисты, выставляющие подобный прайс, берут не качеством, а количеством. Они штампуют лендинги один за другим, поэтому говорить о качественном анализе и погружении в тематику не приходится.
Опытные фрилансеры
Частные специалисты могут сделать лендинг под ключ или предоставляют отдельную услугу по написанию продающего текста, прототипированию, разработке дизайна, верстке.
Из-за большой конкуренции стоимость услуг фрилансеров составляет в среднем 5-7 тысяч рублей за услугу «лендинг под ключ». Известные специалисты могут поднимать прайс до 20-50 тысяч рублей.
Фрилансеры с опытом и со средним прайсом — хороший вариант для начинающих предпринимателей, которые не готовы выделить огромные суммы на рекламу и маркетинг. Выбирайте фрилансеров для сотрудничества по рекомендациям и отзывам. Это снизит вероятность попасть на недобросовестного специалиста.
Агентства маркетинга
Сложные, крупные проекты однозначно следует заказывать в агентствах с опытными и экспертными сотрудниками. Глупо рисковать качеством посадочной страницы, вкладывая в рекламу сотни тысяч и миллионы рублей. Прайсы в серьезных студиях начинаются от 50 000 рублей и могут доходить до 500 000 рублей за лендинг. Клиент получает посадочную страницу с индивидуальным дизайном и качественно проработанным продающим текстом, который точно бьет в боли покупателя, закрывает его возражения и побуждает желание купить товар.
Специалисты агентства с нуля разработают лендинг под ключ, для получения высокой конверсии проведут весь комплекс работ — от исследования целевой аудитории до А/В тестирования. Дополнительно они могут настроить контекстную и таргетированную рекламу, которая приведет на одностраничник теплую аудиторию.
Над проектом в студии работают профессиональные специалисты в области веб-дизайна, копирайтинга, front- и back-end разработки, тестирования, веб-аналитики, маркетинга. На выходе заказчик получает лендинг, полностью готовый к работе. Гарантийные обязательства в договоре защищают его от некачественной работы и ошибок, которые могут быть выявлены после запуска одностраничника.
Официальный договор — одно из серьезных преимуществ агентств. Некоторые заказчики на себе узнали все «прелести» сотрудничества с недобросовестными фрилансерами, которые взяли предоплату и скрылись или выполнили работу, спустя рукава.
Что значит лендинг под ключ?
Заказывая в студии лендинг под ключ, клиент планирует получить полностью готовый к запуску проект. Лендинг под ключ — это:
Заказчик плохо представляет себе весь объем работ, который проводит агентство. Специалисты создают несколько версий Landing Page, проводят тестирование, анализируют показатели конверсии и вносят корректировки.
Само написание продающего текста занимает мало времени. Но ему предшествует трудоемкое маркетинговое исследование целевой аудитории и конкурентов, выявление слабых и сильных сторон продукта.
Дорогие и недорогие лендинги — в чем отличие?
Выше мы рассмотрели, из чего складывается стоимость Landing Page, и выяснили, что качество и цена неразрывно связаны. Разумеется, вы можете попасть в 1% счастливчиков, которым удалось найти талантливого и старательного начинающего фрилансера. Но стоит ли так рисковать?
Ключевые отличия дорогой посадочной страницы от недорогой:
Уникальность дизайна и текста, трудоемкость, комплекс работ и время, затраченное на разработку проекта — все это влияет на стоимость услуги. Что такое недорогой лендинг? В 80-90% случаев — это готовый шаблон, в котором изменен текст и изображения.
Чем лендинг отличается от сайта?
Задача сайта — информирование покупателей о продукции и компании, размещение объемного каталога, брендирование, создание имиджа.
Ключевая цель лендинга — заставить клиента купить товар, записаться на консультацию, оформить подписку, скачать файл, перейти на внешний сайт или совершить иное целевое действие.
Стоимость лендинга и полнофункционального сайта может отличаться в несколько раз. Но не всегда одностраничник оказывается дешевле. Прайс на разработку Landing page варьирует от 1000 до 50 000 рублей и более. Самый дешевый вариант — это самостоятельная сборка на конструкторе. За качественный сложный проект в студии придется заплатить более 50 000 рублей.
SEO продвижение лендинга
SEO — меры по внешней (ссылки на ресурс с других сайтов) и внутренней (текстовый контент, ценность, структура) оптимизации сайта для улучшения позиций ресурса в результатах поисковой выдачи. Система определяет полезность ресурса, анализируя множество данных. Кратко схема выглядит следующим образом:
Если пользователь ищет в интернете компании, занимающиеся установкой автоматических ворот, то преимущество перед конкурентами получит организация, чей сайт расположен на верхних позициях поисковой выдачи Яндекса и Гугл.
Лендинги не подходят для SEO продвижения из-за небольшого объема размещенной информации. На них никогда не будут ссылаться авторитетные интернет-ресурсы.
Структура посадочной страницы противоречит принципам SEO продвижения. Лендинг подразумевает лаконичное изложение текста. В поисковом продвижении на первое место выходят объемные сайты с множеством страниц, каждая из которых заточена на определенный поисковый запрос и несет ценность для пользователя в формате текста.
Одностраничные сайты часто создаются только на время проведения акций и распродажу товаров. SEO продвижение — долгосрочный инструмент, с помощью которого вы просто не успеете добиться нужного результата. Заметный рост позиций наблюдается только через 3-6 месяцев. SEO продвижение подойдет для Landing page, которые созданы в качестве замены полноценного сайта.
Лендинг изначально заточен на коммерческий трафик:
Это оптимальные способы продвижения, которые приводят на площадку целевой трафик и увеличивают продажи в короткий срок. Лендинг идеально подходит для горячего трафика, источником которого выступает контекстная и таргетированная реклама. Пользователи охотно переходят на целевую страницу, если нашли в электронной рассылке привлекательное предложение. E-mail-рассылка и социальные сети часто используются как способ подогрева аудитории, повышения лояльности.
Имеет смысл поработать над поведенческими факторами пользователей — время на сайте (сколько минут посетитель провел на странице) и процент отказов (сколько человек находились на лендинге менее 15 секунд).
Заключение
Лендинг — эффективный инструмент для превращения просмотров в реальные действия. Это инструмент, который мотивирует пользователя сделать первый шаг. Первый шаг к тому, чтобы стать клиентом.