Идеальная структура landing page. Элемент – уникальное торговое предложение

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

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

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

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

Структура продающего landing page

1. Заголовок, который должен зацепить клиента.

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

2. Правильные контактные данные.

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

3. Понятный заголовок и расшифровка в подзаголовке.

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

4. Реальные выгоды клиента.

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

5. Главная кнопка.

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

6. Отражение товара на картинке или видео.

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

7. Призыв к действию посетителя.

В данном случае простота — залог успеха. Как бы ни было печально, но простое «нажмите на кнопку и получите бесплатно 5 уроков» работает лучше, чем красивое описание в виде: «Не знаете как? Не умеете, но хотите научиться! Пора действовать и мы в этом вам поможем!», ну или что-то подобное. Оформите призыв кратко, напишите, что человек должен делать, и все. Это будет действовать лучше, нежели красота и многословность предложения.

8. Отзывы о вас.

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

9. Гарантии!

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

10. Избавьтесь от воды

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

11. Таймер ограничения времени на акцию.

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

12. Подтверждение правдивости предложения.

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

13. Теперь мы пришли к нижней части страницы – футер.

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

14. Логотип.

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

15. Консультация.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Подходящие примеры находим в :

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

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

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

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

Лид-форма

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

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

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

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

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

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

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

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

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

Первое впечатление аудитории

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

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

1% читателей из 100 не будут сразу же оставлять свои данные на сайте. Сначала пользователи внимательно изучают лендинг и знакомятся с контентом.

Ознакомление с преимуществами услуги

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

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

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

Что вы гарантируете клиенту?

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

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

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

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

Процедура заказа. Шаги

Это те блоки Лендинг Пейдж, которые упрощают работу потенциального клиента с вашим сайтом. Конструкцию одностраничника нельзя назвать сложной, но есть пользователи, которые никогда не сталкивались с онлайн-заказами. Поэтому на вашем одностраничнике должна присутствовать схема из 3-5 шагов. Шаговое руководство нужно создавать с учетом дизайнерских решений (пояснительных изображений) и краткого текстового описания.

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

Цифровая статистика

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

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

Мнение покупателей

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

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

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

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

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

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

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

Чего не стоит делать при оформлении структуры продающего Landing Page?

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

1. Копировать контент проекта конкурента

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

• Поисковые системы понижают ваш сайт в индексе;

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

2. Использовать неэффектные дизайнерские решения

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

3. Размещать большое количество сторонних ссылок на лендинге

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

4. Большое количество контента

Посетитель пришел на сайт с целью купить, либо поинтересоваться товаром, но не читать его обзор, знакомиться с информацией о производителе, дате производства и так далее. Если ваша структура посадочной страницы напичкана огромнейшей статьей на 10-20 тысяч символов, потенциальный клиент не увидит выгоды сотрудничества с вами и просто не станет тратить время на ознакомления со всем текстовым материалом. В данном случае нужно следовать одному банальному правилу – «писать кратко и по делу».

5. Неэффективная форма оформления заказа

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

В идеале форма должна состоять из следующих граф:

• Номер мобильного телефона;
• Электронная почта.

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

6. Потеря мобильного трафика

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

7. Плохая скорость работы сайта

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

8. Отсутствие логической последовательности

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

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

• Чем интересен данный сайт?
• Какие возможности он дает пользователям?
• Что мне даст сотрудничество с ним?
• Есть ли возможность заработать на предложении компании, о каких суммах идет речь?
• Как узнать больше информации о предложении?

Итог

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

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

Здравия желаю, товарищ Читатель!

Зачем нужны посадочные страницы в 10 блоков, если важная информация есть на первом экране и можно ограничиться разделами «О нас», «Услуги», «Цены» и «Контакты»? Ответ простой: чтобы поглотить внимание покупателя и замотивировать вступить во взаимоотношения с товаром и побудить купить продукт.

Самые используемые техники вовлечения посетителя в процесс покупки товара — это AIDA (от англ. Attention-Interest-Desire-Action) и PMPHS (Pain-More Pain-Hope-Solution). Руководствуясь этими техниками, строится логическая структура посадочной страницы и определяются блоки, которые будут присутствовать на ленде.

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

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

20 блоков лендинга — выбери свои

1. Блок-составные части продукта, комплектация;
2. Блок-гарантии (тройная);
3. Блок о достижениях/преимуществах твоей компании;
4. Блок о сотрудниках компании;
5. Блок об услугах/отделах компании;
6. Блок о партнерах/клиентах;
7. СТА (Call-to-action, призыв к действию);
8. Блок-преимущества клиента от использования твоего продукта («Почему мы?»);
9. Блок о процессе предоставления услуги (доставка, способ осуществления сделки);
10. Блок-Калькулятор;
11. Блок с акцией+ограничитель по времени;
12. Блок с подарком+условия получения подарка;
13. Блок с картой расположения компании («Как проехать»);
14. Блок с контактной информацией;
15. Блок-сравнительная таблица;
16. Блок-идентификация «Для кого?»;
17. Блок-ЧАВО.

*Нумерация блоков представлена приблизительна — порядок блоков на лендинге зависит от ниши. Определить порядок блоков можно при помощи всё тех же инструментов Яндекс Метрики ( , карта скроллинга, карта кликов) поможет тебе эта статья.

Содержит ключевую информацию для посетителя лендинга, УТП твоей компании. Желательно, чтобы эта информация также была конкурентоспособной. В зависимости от ниши, такой информацией может быть: цена продукта (от 488 рублей за 1 шт.), сроки доставки (доставка за 2 дня), место производства (напрямую из Германии). более подробно можешь узнать из предыдущей статьи.

Подходит для: оптовых тематик; ниши, где покупатель недостаточно осведомлен о преимуществах продукта (в основном — товара).

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

3. Блок-составные части продукта, комплектация

Подходит для: описания комплексных услуг; ниши по организации досуга; описания комплектации товара.

Если блок про характеристики продукта демонстрирует товар всецело, то блок про составные части раскладывает продукт (товар или услугу) на слагаемые.

4. Блок-гарантии (тройная)

Подходит для: любой посадочной страницы.

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

5. Блок о достижениях/преимуществах

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

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

6. Блок о сотрудниках компании

Подходит для: ниши по предоставлению услуг

Применение целесообразно в ситуации, где важно не ЧТО получит покупатель, а КАК будет достигнут результат.

7. Блок об услугах/отделах компании

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

8. Блок-партнеры

Подходит для : любого лендинга.

Блок повышает доверие посетителя, если использовать логотипы известных клиентов.

Подходит для: инфо-бизнеса; сферы услуг; ниши, где важен процесс (КАК) получения результата.

Отличное дополнение к кейсам — визуальная демонстрация БЫЛО/СТАЛО , а также инфографика и принтскрины со статистикой.

Ниши, где важна демонстрация:

10. СТА (Call-to-action, призыв к действию)

Подходит для: любой посадочной страницы.

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

Продолжение следует…

Сегодня мы обсудили первые 10 блоков для лендинга, в ближайшее время опубликуем еще — следите за обновлениями!

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

1. Заголовок с УТП

У идеального лендинга, одноэкранного или длинного, всегда есть цепляющий заголовок, который:

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

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

От заголовка зависит показатель отказов.

Вот примеры заголовков лучших лендингов нашей компании.

2. Дескриптор

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

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

Лучшие лендинги всегда содержат оригинальный дескриптор.

3. Блок с контактными данными

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

• реальный номер телефона;
• электронную почту;
• кнопку «Обратный звонок».

Обязательно используется призыв – просьба позвонить.

4. Привлекательное изображение

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

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

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

5. Формы захвата

Одноэкранный лендинг содержит одну форму захвата, длинный – 2 или 3 формы. Первая форма соседствует с заголовком – рядом с ним или под ним.

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

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

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

6. Блок с выгодами для клиента

Этот блок идеально обходит возражения посетителей. В блоке помещают 3–8 пунктов.

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

7. Отзывы клиентов

Блок с отзывами – ключевой в лендинге.

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

Каждый отзыв:

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

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

8. Тарифы или пакеты услуг

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

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

9. Примеры Лендинг Пейдж

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

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

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

10. Реальные контактные данные в футере

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

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

Также тут размещается заключительная форма захвата.

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