Содержание

Что такое лендинг простыми словами

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

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

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

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

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

Рита Васина

Главред Mailfit

Распространенные виды landing page

Товарная посадочная страница

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

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

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

Лендинг по услугам

Лендинг, продвигающий услуги, аналогичен товарному. Целевое действие такой страницы — записаться на прием, позвонить консультанту, вызвать мастера.

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

Подписная страница

Целевое действие подписной страницы — подписка на тематическую рассылку. С её помощью вы быстро соберете базу потенциальных клиентов, заинтересованных в продукте.

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

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

Пример подписной страницы на рассылку «Честно»

Брендовая посадочная страница

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

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

Обычный сайт vs лендинг: в чем разница

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

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

Преимущества лендинга

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

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

Гибкость. Возможность создавать неограниченное число страниц одновременно, проводить А/В-тестирования для выявления слабых и сильных мест лендинга, оперативно вносить изменения.

Ограничения посадочных страниц

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

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

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

Таким образом, лендинг не подходит для:

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

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

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

Определите целевое действие. Решите, для чего нужен лендинг, что должен сделать потенциальный клиент. Варианты целевых действий: подписаться, купить, зарегистрироваться, записаться на консультацию, тест-драйв, скачать PDF (купон, книгу, сертификат).

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

Смысловые блоки создаются по одной из маркетинговых моделей: AIDA (внимание, интерес, желание, действие) или PMPHS (боль, больше боли, надежда, решение).

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

Ошибки: нарушение логики повествования, запутанная иерархия смысловых блоков.

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

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

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

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

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

Хороший отзыв отражает пользовательский опыт, раскрывает сильные и слабые стороны продукта

Ошибки: однообразные отзывы в стиле: «Отличный товар, рекомендую!»

Пример плохого отзыва

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

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

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

Ошибки: неактуальное целевое действие, нет выгоды.

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

Клиент получает сразу две выгоды: бесплатное занятие и программу тренировок. Решиться на пробное занятие в новом фитнес-клубе легче, чем на покупку абонемента

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

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

Ошибки: длинная форма заявки, незаметная кнопка.

Форма заявки с 4 полями отпугнет посетителя, такую форму долго заполнять. Кнопка «Получить» не привлекает внимание, сливается с фоном по цвету

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

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

Ошибки: нечитаемый текст, отталкивающие изображения.

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

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

Подключите к посадочной странице сервисы Яндекс.Метрика или Google Аналитика. Конструкторы сайтов также предоставляют клиентам инструменты анализа.

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

Запустите рекламу. Основные источники трафика для лендингов: контекстная и таргетированная реклама, публикации в социальных сетях и блогах, email рассылки.

Ошибки: целевая аудитория рекламы не соответствует целевой аудитории посадочной страницы.

Главные мысли

Что такое лендинг пейдж и какие виды и типы landing page существуют

Что такое лендинг пейдж?

Термин «лендинг» произошёл от английского слова «Landing», которое обозначает «приземление». В этом термине отражён основной смысл – лендинг это приземляющая (посадочная) страница.

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

Существует 4 основных возможности, где размещается лендинг:

  1. На отдельном домене: domain.ru.
  2. На вашем поддомене: landing.domain.ru.
  3. Страница сайта: domain.ru/landing.html.
  4. На стороннем сервисе: service.ru/yourlanding или yourlanding.service.ru.

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

Разновидности продающих страниц

Все лендинги разделяются на три большие группы:

  • микросайты;
  • отдельные страницы сайта в виде лендингов;
  • полноценные лендинги;

Также лендинги разделяются на несколько категорий по задачам:

  1. продающие;
  2. подписные;
  3. информационные;
  4. вирусные;
  5. дифференциальные;
  6. другие.

Микросайты

Микросайты, или по другому «сайты-визитки» – это сайты с небольшим количеством страниц (обычно до 10), где главная страница является своего-рода лендингом, а вспомогательные страницы созданы для того, чтобы пользователь смог лучше разобраться в товаре или услуге.

Рассмотрим такой микросайт на примере сайта отеля – https://expo-hotel.ru/.

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

Помимо главной на сайте есть и другие страницы:

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

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

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

Отдельные страницы сайтов

Лендингом может выступать и отдельная страница на вашем сайте, например, – https://nethouse.ru/internet-magazin или https://moi-biser.nethouse.ru/czechbiser.

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

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

Полноценные лендинги

Полноценные лендинги – это одностраничные сайты, построенные по принципу: «действуй или уходи».

Чаще всего посетители попадают на такие лендинги из рекламы (контекстной, таргетированной, медийной, аудиорекламы ВКонтакте, email-рассылок и т. д.). Как правило, лендинг-сайты обладают более высокой конверсией, чем страницы внутри сайта в классическом оформлении.

Высокая конверсионность – это ключевое преимущество лендингов. Почему так получается? Дело в психологии. Правильные лендинги захватывают внимание посетителя (четкая структура, красивая графика), убеждают его в правильности выбора (акцент на преимуществах продукта) и в результате приводят к блоку призыва к действию (Call To Action) – всё это буквально заставляет человека совершить то действие, которое нужно вам.

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

Типы лендингов и их предназначение

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

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

Продающий лендинг

Целью такого лендинга, как следует из названия, является продажа товара или услуги. Часто для привлечения трафика используются платные методы – контекстная реклама, тизеры и т. д. Вы могли видеть такие лендинги, когда была мода на продажу игрушки «говорящий хомяк». Пример продающего лендинга — http://www.maxitrip.ru/.

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

Подписной лендинг

Если ваши продажи в оффлайне, или ваш тип бизнеса не предполагает импульсивной покупки, то продающий лендинг вам не подойдет. В этом случае лучше работают лендинги для рассылок, которые часто называют подписными продающими страницами. Пример подписного лендинга с высокой конверсией: https://www.unisender.com/ru.

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

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

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

д.

Информационный лендинг

Информационный landing page создается для подогрева интереса к новому продукту компании или к особому событию, которое случится в обозримом будущем. Целью информационного лендинга является последующий переход посетителя на основной сайт, или добавление определенной даты в календарь пользователя. Хороший пример информационного лендинга: https://www.coca-cola.ru/brands/coca-cola-zero-sugar.

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

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

Вирусный лендинг

Вирусный лендинг предполагает наличие развлекательного или познавательного контента, которым посетители будут с радостью делиться в социальных сетях и благодаря этому увеличивать рекламный охват бренда. Пример вирусной landing page с высокой конверсией — лендинг с тестом и розыгрышем авиабилетов от Авиасейлс и Aperol: https://aperol.aviasales.ru/locations.

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

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

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

Дифференциальные лендинги

В большинстве случаев, такой тип посадочной страницы используется интернет-магазинами и включает в себя сочетание почти всех вышеперечисленных типов лендингов.  Пример такого лендинга – https://www.mvideo.ru/promo/noutbuki-apple-macbook-pro-14-i-16?from=hub.

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

На дифференциальной посадочной странице, как правило, есть формы сбора контактов, как и на посадочной для сбора email-адресов.

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

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

Какой тип лендинга лучший?

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

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

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

Зачем изучать? Примеры лендингов нужно просматривать периодически, если вы желаете идти в ногу со временем. Эти одностраничные сайты как никакие другие меняются согласно новым веяниями и трендам в диджитал-индустрии. Может быть, и вам пришло время что-то «допилить»?

Что почерпнуть для себя? Мода моде рознь, а вот структура лендинга из года в год одна и та же. Не лишним, кстати, ее будет вспомнить. Ну а далее – полет фантазии. Кто-то ставит на главный экран брутального мужчину, кто-то миску с хлопьями, а кто-то вообще обходится лишь одними словами. И самое интересное, что все это работает!

В статье рассказывается:

  1. Что такое лендинг и как он работает
  2. Отличия лендинга от обычного сайта
  3. Виды лендингов с примерами
  4. Структура лендинга + примеры
  5. Топ-10 крутых примеров лендингов
  6. Советы по оформлению лендинга
  7. Когда лендинг не нужен
  8. Пройди тест и узнай, какая сфера тебе подходит:
    айти, дизайн или маркетинг.

    Бесплатно от Geekbrains

Что такое лендинг и как он работает

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

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

Цель любого лендинга состоит в том, чтобы человек выполнил призыв к действию, или CTA. Приведем несколько примеров действий, к которым лендинги подталкивают пользователей:

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

Отличия лендинга от обычного сайта

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

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

Виды лендингов с примерами

Продающие

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

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

Продающий лендинг

Подписные

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

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

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

Подписной лендинг

Лендинги-портфолио

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

Лендинг-портфолио

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

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

Информационные

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

Информационный лендинг

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

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

Лендинг-спецпроект

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

Лендинг-спецпроект

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

Структура лендинга + примеры

Для лендинга схемы, которая всегда бы давала 100 % результат, нет. Структура подбирается в соответствии с продуктом, тематикой, целевой аудиторией.

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

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

Обложка, в которую входят иллюстрация и заголовок

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

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

Продавцу продуктов питания, допустим, стоит продемонстрировать свой товар, как это сделано в примере лендинга «Волшебная ложка»:

Структура лендинга

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

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

Рассказ о предложении

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

  • Проект или товар

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

Рассказ о предложении

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

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

Топ-30 самых востребованных и высокооплачиваемых профессий 2023

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

Подборка 50+ ресурсов об IT-сфере

Только лучшие телеграм-каналы, каналы Youtube, подкасты, форумы и многое другое для того, чтобы узнавать новое про IT

ТОП 50+ сервисов и приложений от Geekbrains

Безопасные и надежные программы для работы в наши дни

pdf 3,7mb

doc 1,7mb

Уже скачали 19870

  • Потенциальных потребителей

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

Рассказ о предложении

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

  • Фото, видеоматериалы

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

Рассказ о предложении

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

Выгода, которая ждет потребителя

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

  • Преимущества продукта

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

Преимущества продукта

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

  • Способы использования продукта/этапы работы

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

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

Способы использования продукта

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

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

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

  • Результат покупки

Покажите потребителю, что его ждет после оплаты. Обычно в этом блоке размещают фото и видео до/после.

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

Результат покупки
  • Стоимость предложения

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

Стоимость предложения

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

Призыв к выполнению целевого действия

Именно ради этой части создается лендинг. От грамотного призыва к действию зависит конверсия в заявки, заказы, сделки.

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

Призыв к выполнению целевого действия

В качестве примера стоит привести лендинг производства брендированной косметики под ключ в России, Европе и Китае.

Социальные доказательства результата

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

  • Отзывы других пользователей

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

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

Отзывы других пользователей
  • Портфолио: примеры работ или кейсы

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

Точный инструмент «Колесо компетенций»

Для детального самоанализа по выбору IT-профессии

Список грубых ошибок в IT, из-за которых сразу увольняют

Об этом мало кто рассказывает, но это должен знать каждый

Мини-тест из 11 вопросов от нашего личного психолога

Вы сразу поймете, что в данный момент тормозит ваш успех

Регистрируйтесь на бесплатный интенсив, чтобы за 3 часа начать разбираться в IT лучше 90% новичков.

Только до 6 марта

Осталось 17 мест

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

Портфолио
  • Сертификаты, лицензии

Данные документы – еще один способ обеспечить высокое доверие к бренду.

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

  • Команда специалистов

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

  • Партнеры фирмы

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

Сопутствующие сведения

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

  • FAQ

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

  • Контактная информация

Чаще всего ее располагают в «подвале» или футере. Контактные данные – это телефон, e-mail, ссылки на профили в соцсетях, адрес, карта проезда. Кроме того, в этом разделе могут быть форма для вопросов, предложение перезвонить.

Контактная информация

Топ-10 крутых примеров лендингов

ЭЛТА

ЭЛТА

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

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

«Окна людям»

«Окна людям»

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

Уже во втором окне посетитель видит кнопку обратной связи, обозначенную как «Рассчитать стоимость».

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

Lingualeo

Lingualeo

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

На всей странице присутствует львенок – символ Lingualeo.

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

«Тинькофф Страхование»

«Тинькофф Страхование»

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

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

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

«Лайка»

«Лайка»

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

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

«Техно-ремонт»

«Техно-ремонт»

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

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

«Блондинка.Ру»

«Блондинка.Ру»

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

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

«Анкетолог»

«Анкетолог»

Лендинг из этого примера удобен тем, что сразу предлагает создать опрос и рассказывает о компаниях, которые пользовались услугами «Анкетолога». Цепляет внимание интересная инфографика, она же упрощает восприятие информации. Предлагаемые услуги и процесс работы подробно описаны, есть отзывы клиентов с фото, что тоже немаловажно.

«GeekBrains»

«GeekBrains»

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

Samsung

Samsung

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

Советы по оформлению лендинга

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

Когда лендинг не нужен

Не стоит воспринимать лендинг как универсальный инструмент. Он бесполезен, если у компании:

  • Большой ассортимент. Сайты такого типа подталкивают аудиторию к импульсивным покупкам, тогда как широкий выбор заставляет задуматься. Человек может покинуть страницу, потому что ему нужно время, чтобы принять решение. Есть риск, что он забудет о вас либо передумает покупать, а вы не сможете напомнить ему о себе.
  • Товар относится к сложным. Подобные предложения никто не станет спешно оплачивать, так как нужно подробно изучить вопрос. Лендинг не дает подобной возможности, ведь собрать информацию о преимуществах сложного продукта можно только в процессе продолжительных консультаций с представителем компании.
  • Цель состоит в улучшении репутации. Здесь более выигрышным вариантом станет ведение блога: расскажите в нем, как растет компания, к чему стремится и пр.

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

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

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

Рейтинг: 5

( голосов 2 )

Поделиться статьей

Что включает хороший продуктовый лендинг

Отправить статью или инфоповод

6 декабря 2021