Блоки лендинга – функциональные блоки // Создание Landing Page

Содержание

Универсальная структура лендинга для повышения конверсии

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

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


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

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


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

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

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

Шапка лендинга

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

Например, «Пчелка. Высокий уровень сервиса доставки» – плохой дескриптор, по нему сложно понять, что продают с сайта. А «Пчелка. Служба экспресс-доставки посылок» – хороший и ясный.


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

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

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


Дескриптор: «Кинетический песок оптом и в розницу от производителя»

В шапке лендинга клиники логично добавить форму записи на прием

В качестве дескриптора может быть преимущество компании

Дескриптор, поясняющий, чем занимается клиника

Торговое предложение или оффер

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

Как правило, я составляю оффер так:

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

На пересечении этих трех моментов и находится удачный оффер.


Возьмем простой пример: компания предлагает доставку черепицы за 2 дня, скидку в 15 % и бесплатный выезд замерщика. Покупателей интересуют скидки и быстрая доставка. Однако скидки предлагают все. Значит, в оффере должно быть упоминание быстрой доставки. Но и про скидки тоже надо сказать, чтобы не казалось, будто у конкурентов выгоднее: «Итальянская черепица со скидкой 15 %. Доставка за 2 дня». А про выезд замерщика расскажем ниже.


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

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

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


В оффере указан конкретный срок решения проблемы

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

Здесь на первый экран вынесены главные выгоды в виде списка

Подтверждение и усиление оффера подзаголовком

Конкретный оффер, усиленный преимуществами

Средняя часть страницы: рассказываем о продукте

Блок о продукте, курсе, проекте или услуге

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

Я использую его в четырех случаях:

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

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

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

Блок о продукте может быть дополнен блоком с комплектацией товара или услуги:

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

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

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

Блок, рассказывающий о продукте, его свойствах и отличиях от аналогов

Блок рассказывает о возможностях компании по перфорации листов и самых распространенных товарах

Блок с услугами, который показывает, какие направления есть в клинике

Блок с выгодами покупателя, преимуществами товара, услуги, компании

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


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


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

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

Выгоды клиентов после заключения договора с клиникой

Некоторые выгоды вынесены в конец текста в виде причин для покупки – завершающий толчок

Преимущества покупки перфорированных листов у компании-производителя

Блок с преимуществами товара

Преимущества клиники в конкретных цифрах

Блок «Кому нужен»: целевая аудитория, сценарии или ситуации использования

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

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

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


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

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



На лендинге тренера указано, когда нужны ее услуги

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

При каких болезнях и как используют шампунь

Для каких производств пригодятся перфорированные листы

При каких грыжах поможет лечение в клинике

Блок-сравнение

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

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

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

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

Например, компания продает сервис для предпринимателей. И для малого бизнеса есть один пакет с двумя опциями и подключением до 50 человек, а для среднего – другой пакет с тремя опциями и подключением до 200 человек.


Сравнение игр в обычной песочнице и игр с кинетическим песком

Сравнение с ценами конкурентов

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

Сравнение с косметическими средствами из рекламы

Блок о компании или производителе

Блок с рассказом о компании/производителе/предпринимателе используют, если о компании есть что рассказать, или это непосредственный производитель товара / поставщик услуг.

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

Блок стоит проиллюстрировать фотографиями (например, с производства) или видеороликами. Под ним можно разместить ключевые преимущества компании в виде иконок или плитки.


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


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

Рассказ о производителе с цифрами-преимуществами под ним

Рассказ о сервисе медицинских услуг

Блок о клинике с видеороликом на главной посадочной странице

Блок о тренере с достижениями в цифрах

Блок с оборудованием дает дополнительную информацию о клинике

Блок о клинике дополнен фотографиями кабинетов

Блок «Что вы получите в результате»

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


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


Что вы получите в результате лечения в клинике

Результат операции в виде фотографий до и после

Блок «Как мы работаем» или «Как это работает»

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

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


Процесс заказа перфорированных листов

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

Этапы сотрудничества с клиникой

Блок о команде

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

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


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

Общая информация о специалистах и фотографии врачей

Информативный блок о команде врачей

Блок стоимости услуг

В этом блоке указана стоимость услуг. Часто ее разбивают на пакеты, например: «Эконом», «Оптимум» и «Вип». Это нужно, чтобы увеличить продажи – при наличии выбора покупатели чаще оплачивают, при этом обычно выбирают средний оптимальный пакет. Блок с ценой можно усилить скидками или акциями с ограничением времени.

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

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


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

Здесь нет блока с ценами, они указаны в преимуществах клиники, можно перейти по ссылке и посмотреть прайс-лист

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

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

Призываем к действию

Основной призыв к действию

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

Призыв к действию бывает двойным, например: записаться на тренинг и заказать обратный звонок. Я обычно строю призывы к действию по схеме «сам призыв плюс выгода».


Например: «Запишитесь на бесплатную консультацию». Иногда призыв дополняют ограничением по времени. Например, «Запишитесь на курс, чтобы усилить свой бизнес. Первым 10 клиентам скидка 15 %».


Если товар недорогой и его покупают сразу, призывы к действию чаще делают с упором на немедленное действие: «Купи», «Закажи», «Позвони/напиши сейчас».

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



Здесь упор на расчет стоимости заказа, так как сегмент В2В

Оформление призыва к действию-звонку в виде прямой речи врача

Бесплатная консультация и экспресс-оценка бизнеса

Оформить заявку можно в письме или по телефону

Один из призывов к действию дополнен скидкой в 10 %

Альтернативный призыв к действию

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

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


Альтернативный призыв получить список игр, основной – заказать товар

Консультация по телефону, основной призыв – запись на прием

Вызываем доверие

Блок с кейсами и примерами работ

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

Кейсы бывают двух видов:


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

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


Кейсы диджитал-агентства: описание задач и результата

Кейсы клиники пластической хирургии: фотографии до и после

Кейсы в виде фотогалереи и отзывов от клиентов, каждый можно раскрыть и посмотреть подробнее

Кейс с описанием ситуации пациента

Блок с клиентами и партнерами

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

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

Кроме одного – если эта информация важна для покупателей. Например, у партнеров можно купить товар компании или получить скидки на продукцию.



Логотипы клиентов оформляют в едином стиле

Блок с сертификатами и лицензиями

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

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


Сертификаты на кинетический песок

Лицензии Департамента здравоохранения города Москвы на сайте клиники

Блок с вопросами и ответами

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

В конце можно разместить форму «Остались вопросы?», с помощью нее клиент задаст вопрос, если не нашел ответа.


Так оформлен блок с вопросами на сайте производителя кинетического песка

Блок с частыми вопросами пациентов на сайте клиники

Блок с вопросами на сайте клиники, сбоку дополнительная форма заявки

Блок с отзывами

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

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


Блок с отзывами на сайте производителя перфорированных листов

Интересно оформили блок с отзывами производители шампуня, указав оценки на популярных ресурсах

Видеоотзывы пациентов говорят лучше любого текста

Завершаем лендинг

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


Контакты и адрес клиники, кнопки социальных сетей

В конце лендинга можно оставить заявку на экскурсию по производству

В конце лендинга призыв к покупке, контакты, подписка на рассылку

Как составить продающую структуру лендинга

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

struktura-lendingov-osnovnye-bloki-dlya-povysheniya-konversii-posadochnykh-stranits

texterra.ru

Продающая структура лендинга из 9 блоков с примерами

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

В этой статье мы рассмотрим разные варианты одностраничников — от «классики» до «модерна». Самое интересное, что элементы везде будут почти одинаковые.

Содержание:

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

Короткий или длинный лендинг?

Принято считать, что лендинг — это такая длиннющая «портянка» на 20-30 экранов. Мол, она специально делается такой для того, чтобы человек, сумев-таки долистать её до конца, был бы уже совершенно вымотанным и не смог бы сопротивляться нашему предложению что-то купить. Даже если это «что-то» ему совершенно не нужно.

На самом деле, лендинги могут быть разными. И неоспоримый факт — каждый скролл (прокрутка) лендинга снижает конверсию примерно на 15%. Именно поэтому короткие лендинги часто работают лучше, чем длинные.

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

Но есть и теория, которая поможет вам сделать правильный выбор заранее. Конверсия вашего лендинга будет во многом зависеть от «температуры» трафика, который на него придет. То есть будет ли этот трафик теплым или холодным — именно от этого на 80% зависеть результат, а вовсе не от того, что вы напишите на своем одностраничнике.

Чтобы понять, какой тип трафика имеет какую температура — посмотрите статью «Реклама в интернете — виды и стоимость» (откроется в новой вкладке).

Что такое «температура трафика»?

Если коротко, то теплый трафик — это когда люди сами целенаправленно ищут то, что вы предлагаете. Либо если вас им рекомендует кто-то, кому они доверяют. Если эти два варианта совмещаются вместе, то тогда трафик становится просто «огненным».

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

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

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

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

Если вы сделаете длинный лендинг для теплой аудитории, то рискуете потерять больше половины клиентов. Люди будут листать и отваливаться, листать и отваливаться. А чтобы этого не произошло — надо сразу давать тот минимум информации, который необходим для оформления заказа, и ограничиваться 1-2 экранами.

Что это за «минимум, необходимый для оформления заказа»? Вот об этом мы сейчас и поговорим.

Четыре обязательных блока главного экрана

Главный экран вашего лендинга — это то, что сразу видят посетители, как только страница загрузится. Если отвлечься от разговоров про температуру трафика, то конверсия вашего лендинга на 80% зависит именно от того, как сделан главный экран. Кстати, у короткого лендинга он будет практически единственным.

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

Что нужно человеку для того, чтобы оформить заказ?

  • Уверенность в том, что ему предлагают именно то, что он искал
  • Что-то, что поставит вас выше других конкурентов, которых он рассматривал
  • Контакты для связи

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

Если вашим посетителям нужен ремонт Айфона — так и пишите «Ремонт Айфонов в Москве». Если они ищут суши с доставкой на дом — то тоже не надо вставлять в самое видное место логотип и название вашей компании.

Я понимаю, что вы потратили на этот логотип много денег и времени. Что вы любовно вынашивали идею логотипа и клевали мозг дизайнеру, чтобы он сделал так, как вам надо. Что название вашей фирмы по доставке суши «Светлый путь» тоже выбрано не просто так. Что оно символизирует с одной стороны свет, а с другой стороны путь.

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

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

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

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

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

Вот пример немного получше предыдущего.

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

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

А вот еще один пример, который мне понравился больше остальных:

Тут есть четкое описание того, что мы предлагаем, есть изображение (пусть и на заднем фоне). Есть контакт для связи, и есть оффер — скидка. О последнем немного подробнее.

Напоминаю, что у нас есть 4 обязательных элемента для главной страницы. Первые три мы уже разобрали: 1. Четкое описание, что мы предлагаем; 2. Изображение нашего товара/услуги; 3. Контакт для связи.

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

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

Чтобы резюмировать все сказанное про главный экран — посмотрите еще вот на этот пример.

Тут автор лендинга тоже явно не очень понимает, что он делает. Вроде бы все на месте — есть конкретное описание, что предлагается. Есть визуальное изображение услуги (какое-никакое). Есть даже оффер. Даже два оффера. Нет, даже три… Вот в этом и заключается ошибка. Тут сразу три оффера/отстройки:

  1. На 40-60% дешевле дилерского
  2. Сохранение гарантии Renault
  3. Чиним быстро/Работаем качественно/С нами выгодно

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

Уверен, что если просто убрать это «быстро/качественно», и вместо этого вставить номер телефона и «Звоните прямо сейчас» — конверсий получится намного больше.

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

Три блока на доверие

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

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

  • Регалии
  • Отзывы
  • «Как мы работаем»

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

Самый слабый вариант создания доверия — это «как мы работаем». Это когда мы схематично изображаем — «Шаг 1 — Вы нам звоните; Шаг 2 — Вы переводите нам деньги; Шаг 3 — Мы исчезаем в неизвестном направлении…» и так далее.

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

Так вот, сразу после главного экране вставьте самый сильный блок на доверие — ваши регалии. Именно тут пришло время ответить на вопрос «КТО нам это предлагает?» И официальные регалии быстро создают максимальный уровень доверия.

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

В результате получаем следующее:

Там где кружочки с рисунками внутри — вот там должны по идее располагаться регалии. Но то, что мы видим на примере выше — это не регалии. Это все офферы. «Скидка 30%» и «с нуля до Upper-Intermediate за 8 месяцев» — это не официальные достижения. Эта информация отлично смотрелась бы на главном экране.

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

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

Вот еще один неплохой пример:

Здесь только подкачал «100% результат». Это тоже не регалия, а оффер — «Гарантируем 100% результат или вернем деньги». Но первые две регалии делают свое дело.

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

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

Блок создания потребности

Данный элемент в продающей структуре лендинга призван «разогреть» аудиторию, если она не сильно хочет покупать то, что вы предлагаете. И давайте сразу рассмотрим на примерах.

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

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

Кроме того, само описание выгод сделано неправильно. Вот что мы имеем:

  • Выступление сильных и успешных российских предпринимателей
  • Уникальные кейсы и практики и только из практики российских компаний, которыми мы можем гордиться
  • Живые истории взлетов и падений
  • 2 дня в кругу единомышленников, людей с широко открытыми глазами

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

Это все равно, что написать «холодильник с двумя морозильными камерами объемом 150 литров», и на этом остановиться. Но нам после каждой технической характеристики надо дать объяснение — «А это значит, что хватит места на все продукты, и не придется их упихивать ногами».

То же самое и с характеристиками из примера выше.

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

Ну или примерно так. Главное — давайте объяснение, зачем нужна та или иная характеристика. Ну и в идеале оформите это все графически. Например вот так:

Здесь правда даны пункты для разных продуктов. А вам надо будет сделать 5-7 кружочков с рисунками + технической характеристикой + объяснением выгоды для одного вашего продукта. Тогда блок создания потребности можно считать завершенным. А завершим мы наш лендинг «дожимом» тех, кто еще сомневается — заказывать или нет.

Блок «дожима»

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

Информация в виде вопрос/ответ легко читается, потому что создает ощущение диалога. Вспомните, в книгах диалоги всегда читать легче и приятнее, чем описания.

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

Вот вам пример. Как вам?

Формально это FAQ. Есть вопросы — и есть ответы. Но большинство вопросов здесь — организационные. Хороший вопрос только под номером 3. Это самое настоящее возражение — «Зачем мне выбирать ваши курсы, если я могу заниматься с репетитором?»

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

Подготовьте список из 9-10 основных возражений ваших потенциальных клиентов и разместите ответ на них в форме FAQа. Тогда блок «дожима» можно считать завершенным.

Резюме

Давайте теперь резюмируем все 9 блоков продающей структуры лендинга.

  • Блок 1 — Объясняем ЧТО конкретно мы предлагаем (на самом видном месте главного экрана)
  • Блок 2 — Визуальное изображение товара/услуги (тоже работает на объяснение, ЧТО мы предлагаем)
  • Блок 3 — Оффер/отстройка от конкурентов
  • Блок 4 — Контакт для быстрой связи и призыв к действию («Звоните прямо сейчас»)
  • Блок 5 — Список регалий, оформленный горизонтальным списком с иконками
  • Блок 6 — Создание потребности (технические характеристики + выгоды)
  • Блок 7 — Отзывы (создание вторичного уровня доверия)
  • Блок 8 — Как мы работаем (создание вторичного уровня доверия)
  • Блок 9 — Дожим (ответы на основные возражения клиентов, упакованные в FAQ).

Если мы собираемся работать с теплым трафиком, то делаем короткий лендинг (блоки 1-4, блок 5). Если аудитория у нас холодная, то используем все девять блоков. Обязательно почитайте подробнее о видах и стоимости рекламы в интернете.

Сохраните эту статью себе в закладки, чтобы использовать, когда придет время делать очередной лендинг. Не забудьте скачать мою книгу «Автостопом к миллиону». Там я показываю вам самый быстрый путь с нуля до первого миллиона в интернете (выжимка из личного опыта за 10 лет = )

До скорого!

Facebook

Twitter

Вконтакте

Google+

novoseloff.tv

​12 классических блоков лендинга. Структура и функционал

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

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

Мы описали блоки по функциональным возможностям, а не по контенту. В других обзорах вы можете встретить деление блоков на “отзывы”, “снятие возражений”, “УТП”. Давайте условимся, что нужно разделять содержимое (контент) и форму, в которую его можно упаковать. Мы говорим именно о форме.

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

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

Лендинг https://www.happn.com/

Лендинг https://deliveroo.co.uk/

Call-to-Action — призыв к действию может появляться на странице несколько раз, а может быть выделен в отдельный полноценный блок, как в данных случаях:

Лендинг https://www.crowdyhouse.com/

Лендинг https://www.treatwell.com/

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

Лендинг https://www.hellofresh.co.uk/

Лендинг https://www.outfittery.de/

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

Лендинг http://www.acast.com/

Лендинг https://developer.similarweb.com/

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

Лендинг http://www.deliveryhero.com/

Лендинг http://www.smadex.com/

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

Лендинг https://www.algolia.com/

Лендинг https://www.sinch.com/

Возможность сравнить разные версии продукта и показать преимущества разной цены.

Лендинг https://openclassrooms.com/

Лендинг http://mailtrack.io/

В качестве буллитов как правило выступают схематичные картинки. Способ быстро и кратко подать информацию и подчеркнуть детали.

Лендинг https://www.marfeel.com/

Лендинг http://8fit.com/

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

Лендинг http://www.bboxx.co.uk/

Может занимать всю ширину страницы или только ее часть.

Лендинг http://www.quiver.net/

Лендинг http://kantox.com/

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

Лендинг https://maptia.com/

Лендинг https://www.3dhubs.com/

Лендинг https://laruchequiditoui.fr

Важный функциональный элемент без которого лендинг не завершен. Место для Last-Minute-Chance CTA.

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

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

Лендинг http://goocreate.com/

Лендинг https://www.volumental.com/

spark.ru

Продающий Landing Page из 8 блоков: структура, схема, примеры













  • Новости
  • Интернет-маркетинг
  • PPC
    • Блог Google Adwords
    • Обновления Google Adwords
    • Блог Яндекс Директ
    • Обновления Яндекс Директ
  • SEO
    • SEO кейсы
  • SMM
    • YouTube
    • Блог о ВКонтакте
    • Обновление ВК
    • Блог про Facebook
    • Обновления Facebook
    • Блог про Twitter
    • Блог про Инстаграм
    • Обновления в Instagram
    • Блог про Одноклассники
    • Обновления в Одноклассниках
    • Таргетированная реклама
    • Яндекс.Дзен
  • Ещё
    • Брендинг
    • Веб-аналитика
      • Блог Google Analytics
      • Блог про Гугл Вебмастер
      • Обновления в Гугл Вебмастер
      • Блог про Яндекс Вебмастер
      • Обновления Яндекс Вебмастер
      • Блог Яндекс Метрики
      • Обновления Яндекс Метрики
    • Дизайн
    • Контент-маркетинг
    • Мессенджеры
    • Продажи
    • WordPress
  • Услуги
    • SEO & MARKETING
    • Продвижение на рынке B2B
  • Блоги
  • Спецпроекты
    • Click.ru
    • PromoPult
    • ukit
  • Реклама
  • ⚡ Сервисы




Поиск


IM

  • Новости
  • Интернет-маркетинг
    • Что такое автоматические воронки продаж и как они работают

      Скрипты продаж – что это такое? Виды, примеры и этапы

      Лучшие системы управления проектами: бесплатные и платные программы

      Этапы продаж: 5 основных этапов для менеджера по продажам

      Как делать эффективные видео? Три правила + лайфхак

  • PPC
    • ВсеБлог Google AdwordsОбновления Google AdwordsБлог Яндекс ДиректОбновления Яндекс Директ

      Директ обновил своё мобильное приложение

      Призыв к действию в рекламе, в Инстаграм и в продажах. 35…

      В Директе станет доступен Автотаргетинг в РСЯ и внешних сетях

      Воронка продаж, или Как грамотно построить рекламную стратегию

  • SEO
    • ВсеSEO кейсы

      Как делать эффективные видео? Три правила + лайфхак

      Как правильно выбрать домен для сайта

      10 лучших SEO-модулей для OpenCart: бесплатные и платные

      Идеальная SEO оптимизация страниц сайта: пошаговая инструкция

  • SMM

internet-marketings.ru

Схема структуры макета идеального Landing Page


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


Содержание

Заголовок
Логотип, название компании, контакты
Демонстрация продукта/услуги
Преимущества бренда
Описание оффера
Взаимная коммуникация

  Лид-форма

  CTA

  Акция
Социальные доказательства
Завершающий маркетинг
Вместо заключения


Заголовок


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


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


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


  • основной заголовок — лаконичный, привлекательный, продающий;

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


Простой пример от LPgenerator:


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


Логотип, название компании, контакты


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


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


Разобравшись, куда он попал, и увидев ваше предложение, пользователь задастся вопросом, как приобрести ваш товар или услугу. Именно поэтому главная страница должна проектироваться с блоком контактов, и чаще всего здесь же ставят CTA-кнопку «Заказать звонок».


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

Демонстрация продукта/услуги


Цель лендинга — продемонстрировать товар/услугу, а также создать у посетителя сайта ощущение, будто он лично тестирует продукт. Существует несколько способов достижения этой цели:


  • фотография — используйте большое изображение для фона хедера, а после раскройте подробности другими тематическими иллюстрациями;

  • видео — традиционно пользователи больше доверяют такому контенту.


Вот удачный макет, сочетающий обе эти техники:


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


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


Сначала мы использовали лаконичный коммерческий заголовок, призванный «схватить» клиента сразу после входа. Теперь нужно опередить вопрос посетителя «Зачем мне это нужно?». Тут важно найти баланс между информативностью/объемом, а не «растекаться мыслью по древу», так как специфика landing page не позволяет подобного.


Подходящие примеры находим в магазине целевых страниц:

Описание оффера


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


Вот пример еще одного шаблона из нашей Галереи:


Взаимная коммуникация

Лид-форма


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


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


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


Теперь о том, где же оптимальное место лид-формы: на первом экране или после «линии сгиба». Ответ нашелся у эксперта Майкла Огарда (Michael Aagaard) из компании ContentVerve. Он провел занимательное сплит-тестирование: сравнил две версии расположения поля. Первый вариант — выше «линии сгиба», второй — ниже.


В результате выяснилось, что второй вариант повысил уровень конверсии на целых 304%.


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


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

CTAA


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


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


Проверяли два варианта, где были кнопки «Получите 30-дневную версию»/«Получить мою 30-дневную версию».


Удивительно, но во втором случае коэффициент кликабельности вырос на 90%.


Резюмируя сказанное:


  • текст нужно формулировать как утверждение, произносимое гостем страницы, можно начинать словом «Хочу»;

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


Вот еще один пример от LPgenerator:

Акция


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


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


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


Ниже представлен блок социальных доказательств на довольно креативном лендинге:


Большое значение имеют отзывы. Без комментариев реальных покупателей пользователь видит в продавце угрозу своим деньгам. Очень многие разработчики landing page пренебрегают этим или размещают недостоверную информацию. Рекомендуем следовать правилам:


  • использовать минимум 3 отзыва;

  • размещать настоящее фото клиентов;

  • добавлять ссылки на профиль автора из социальных сетей;

  • делать текст максимально «человечным»;

  • при необходимости использовать поля «Профессия», «Возраст».


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


 

Читайте также: 5 типов социальных доказательств, которые можно использовать прямо сейчас

Завершающий этап


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


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

  • «Ответ на вопрос». Предложите клиенту оставить свою электронную почту, так есть шанс продолжить коммуникацию. Только ненавязчиво, спама никто не любит.

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


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


Вместо заключения


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


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


Высоких вам конверсий!

31-08-2015

lpgenerator.ru

11 базовых принципов эффективного лендинга / AstoundCommerce corporate blog / Habr

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

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

1. Посылайте пользователя на релевантную, таргетированную страницу

Каким типом рекламных сообщений вы привлекаете пользователя?

Как SEO-трафик, так и контекстная, баннерная реклама имеют общую цель — привести таргетированный трафик на конкретную страницу. Используйте простую формулу: одна цель — одно сообщение — одно действие — одна страница.

Вы уже просегментровали своих посетителей и имеете несколько сегментов? Тогда проложите отдельный маршрут для каждого типа аудитории на конкретную лендинг-страницу. Пусть рекламное сообщение соответствует типу аудитории и ожидаемому от посетителя действию. При настройке целей в аналитике также действует правило: одна цель — один лендинг.

2. Без неожиданностей

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

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

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

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

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

3. Сфокусируйтесь на заголовке и подзаголовках

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

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

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

— Руководство, демонстрирующее положительное следствие, преимущество

— Обращение, апеллирующее к страху потери (или упущенной выгоде)

— Вопрос

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

9 признаков хорошего заголовка:

— называет преимущества, а не характеристики

— простой, понятный, целенаправленный

— использует общественное мнение и отзывы

— обещает получение преимуществ в конкретный срок

— правдоподобный и осуществимый результат

— преподносит потенциальное облегчение и удобство пользователю

— апеллирует к “авторитетному мнению”

— создает ощущение ограниченности товара, времени и т.д.

— содержит ключевые слова, оптимизирован под поисковые системы

4. Избавляйтесь от лишнего

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

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

5. Меньше текста?

Мир захватила тенденция к сокращению длины текста повсеместно. Журналисты отказываются от длинных материалов, сайты дробят текстовый контент как могут, сокращать советуют и лендинг пейдж. Якобы посетитель — кретин, не готов обрабатывать больше 500 символов, да и вообще читает с трудом, поэтому нужно сокращать, чтоб было как в Твиттере… Аргумент убедительный, но.

Есть негласное правило — чем ближе к покупке, тем длиннее текст. Если вам нужны подписчики, контакты, то короткого текста будет достаточно. Если же целью конверсии является покупка, к тому же не самая дешевая (и речь не идет о вещах первой необходимости вроде iPhone 6+), то лучше подумать о более длинном и убедительном тексте. Для раскрытия ценности предложения нужно время, которое в данном случае эквивалентно длине лендинга.

Пример того, как “В 6 раз длиннее, на 52% эффективнее” от Рэнда Фишкина

6. The fold — скролл, прокрутка

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

Вопреки популярности “портянок” — бесконечно длинных лендингов на 5-8 экранов — исследование тепловых карт показывает, что гораздо больше внимания сосредоточено на первом экране.

Убедительный текстовый контент, заинтересованность в товаре или услуге, эмоциональное вовлечение заставят посетителя прокрутить вниз и найти заветную кнопку в глубине нескольких экранов. Но… На длинных лендингах лучше оставлять фиксированную или повторяющуюся на каждом экране кнопку CTA (Call to action). Не всегда можно предугадать, в какой момент посетитель “готов”. Поэтому призыв к действию должен быть на виду.

Несколько слов о восприятии

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

Eye tracking center, Institute for Software ergonomics and usability AG

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

Данные исследований nngroup.com по айтрекингу говорят о том, что внимание распределяется следующим образом:

— Левая часть экрана — 69% пользовательского времени

— Правая часть экрана — 30% времени пользователя

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

— До скролла 80,3%

— Ниже скролла 19,7%

7. Последовательность и эмоциональность

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

Лого — это лицо вашего лендинга.

Посетитель должен как минимум вспомнить его при следующей встрече.

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

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

Изображения

Доносят ли изображения на сайте и стоковые картинки идею вашего бизнеса? На сайте желательно использовать картинки, совпадающие с идеей бизнеса. Как мы уже писали ранее, в тренде e-commerce дизайна — крупные изображения. Вокруг этого крупного изображения и стоит выстраивать свой лендинг пейдж. Крупная графика, крупный текст основного сообщения — вот все, что нужно, чтобы донести свой бизнес-месседж до посетителя. Но не ограничивайтесь только картинками.

8. Экспериментируйте с типами контента (данных, информации)

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

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

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

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

9. Возможность распространения

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

10. Не делайте умозаключений — тестируйте!

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

A/B тестинг и другие метрики помогают точно определить, что именно влияет на ваш лендинг. Если вам кажется, что изображение розового слона принесет больше конверсий вашему сайту, чем слона серого — протестируйте это предположение.

Исследование dynamicwebsolutions

Интернет-маркетологи, дизайнеры, психологи ищут философский камень, который превратит в золото все вокруг… Но, увы, нет рецепта волшебной большой оранжевой кнопки в правом нижнем углу, c CTR 100%. Большая или маленькая? Зеленая или красная? А текст какого цвета? Со стрелкой или без? Есть только один способ узнать что будет работать — тестирование!

Call to action

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

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

11. Дайте что-то взамен или поблагодарите

Для того, чтобы что-то получить, нужно что-то отдать, не так ли? Если вы собираете контактные данные, подарите пользователю бесплатный white paper — последний отчет лидера отрасли или ваше исследование, любой ценный контент. Или просто поблагодарите за совершение действия. В общем, оставьте после себя положительные эмоции.

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

habr.com

11 основных блоков лендинга | medoed1.ru

Разработка сайтов

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

Главные блоки лендинга

Первый экран

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

Преимущества и инфографика

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

Призыв к действию

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

Читайте также: Советы по оформлению элементов призыва к действию

Галерея

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

Тексты

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

Видеоблок

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

Блок «Как мы работаем»

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

Читайте также: Самостоятельный юзабилити-анализ сайта

Блок с отзывами

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

Таймеры

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

Цены и тарифы

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

Карта и контакты

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

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

medoed1.ru

Отправить ответ

avatar
  Подписаться  
Уведомление о