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

Универсальной формулы создания лендинга нет, но есть рекомендации, которые можно применять выборочно, ориентируясь на тематику бизнеса. Их в своем материале для pcc.world сформулировал Денис Федоров в своем материале.

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

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

Подготовительный этап

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

Описание целевой аудитории

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

В будущем описание ЦА также пригодится для настройки контекстной и таргетированной рекламы.

Описание ЦА — фундамент, на котором строится не только лендинг, а весь интернет-маркетинг, без него эффективность продвижения будет существенно ниже.

Изучение конкурентов

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

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

Формулировка УТП и текст

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

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

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

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

Из чего состоит лендинг

Теперь разберемся, из каких частей состоит лендинг.

Меню

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

В качестве телефона используйте только городские номера и/или бесплатный 8 (800). Это сработает на формирование доверия к вашей компании. Рядом с телефоном можно указать время работы и кнопку «Заказать звонок» — не все хотят звонить и некоторым комфортней, когда звонят им.

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

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

Первый экран

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

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

Подзаголовок раскрывает суть вашего торгового предложения. Это короткий текст в 2-3 строки. В качестве подзаголовка можно использовать маркированные списки или списки с иконками.

Задача изображения — показать товар лицом! У изображения должна быть прямая связь с заголовком. Разместить его можно рядом с заголовком или сделать фоновым.

Какие фотографии подойдут:

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

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

О продукте

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

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

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

Какие фотографии и видео делать:

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

Как доказать качество продукта? Покажите фото сертификатов и опишите, где специалист проходил обучение и чему конкретно научился специалист. Если у вас производство — укажите, на каком оборудовании сделан товар, каким нормам, ГОСТ и требованиям соответствует продукция. Можно использовать галерею выполненных работ и фотографии «до — после» — отдельный блок результатов вашей работы, особенно подойдёт сфере услуг:

О компании

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

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

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

Формы заявки и онлайн-консультант

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

Нет универсальной формулы, сколько нужно форм на странице, часто можно встретить такое распределение:

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

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

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

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

Кросс-браузерная верстка и адаптивность

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

Настройка целей

Реклама без аналитики — деньги на ветер. Системы аналитики Яндекс.Метрика и Google Analytics должны регистрировать каждое целевое действие на вашем сайте. Целевое действие — то, что приносит вам контакты клиента:

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

Системы аналитики передают достижения целей в рекламные кабинеты Яндекс.Директа и Google Ads. Благодаря этому можно оптимизировать рекламные кампании: специалист по контекстной рекламе будет видеть, какие ключевые слова приносят конверсии, а какие — нет.

Что в итоге

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

Больше материалов об оформлении лендингов — на ppc.world.

Советы

Структура лендинга. Из чего состоят посадочные страницы

Поделиться

СВЕЖИЕ СТАТЬИ

Другие материалы из этой рубрики

Не пропускайте новые статьи

Подписывайтесь на соцсети

Делимся новостями и свежими статьями, рассказываем о новинках сервиса

«Честно» — авторская рассылка от редакции Unisender

Искренние письма о работе и жизни. Свежие статьи из блога. Эксклюзивные кейсы
и интервью с экспертами диджитала.

Первый экран лендинга

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

Пример длинного лендинга для продажи франшизы

А могут быть и совсем небольшими:

Небольшой лендинг онлайн-школы английского языка

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

Далее расскажем о том, какие элементы должны и могут присутствовать на первом экране.

Заголовок и подзаголовок

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

Пример размещения заголовка и подзаголовка

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

Подзаголовок должен пояснять заголовок или отвечать на вопрос пользователя «Что я получу?»

Элементы

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

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

Пример оформления первого экрана лендинга

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

Логотип

Логотип на лендинге необходим, если он известен и прочно ассоциируется с брендом:

Логотип на лендинге

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

Форма заказа

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

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

Такой же кнопки достаточно в том случае, если вы продаете всем известный товар.

Оформление первого экрана лендинга магазина, продающего популярный товар

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

Изображение товара

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

Пример удачно подобранного изображения для лендинга компании по продаже и монтажу окон

Оффер

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

Пример оффера

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

• Качество: крепкий итальянский стол из красного дерева.
• Скорость: доставка мебели в течение суток.
• Стоимость: скидка 30 % на второй товар.

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

Слайдер

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

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

Пример слайдера с фотографиями щенков

Не стоит использовать слайдер для перечисления преимуществ. На большинстве лендингов это плохо работает.

Список выгод

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

Пример оформления списка выгод

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

Стикеры

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

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

В данном примере на стикере размещена убеждающая фраза «Прекрасный подарок на любой повод!».

Дизайн первого экрана

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

Пример дизайна лендинга

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

Типичные для первого экрана ошибки

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

На первом экране отсутствует форма заявки

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

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

Нагромождение офферов

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

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

Пример неудачного дизайна лендинга

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

Тело лендинга

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

Блок о проекте

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

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

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

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

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

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

Однако не ставьте иконки ради иконок. Каждый элемент на сайте нужно тщательно продумать, даже такие мелочи.

Сценарии использования / Ход работ

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

Пример блока со сценарием пользования

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

Описание целевой аудитории

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

Пример блока с описанием целевой аудитории

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

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

Тарифы и цены

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

Блок с ценами

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

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

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

Пример призыва к действию на лендинге

Согласитесь, фраза «Получить деньги» привлекает куда больше, чем «Связаться с нами»?

Форма заявки

Форму заявки расположите в 3-4 местах: на первом экране (об этом говорили выше), в середине и в конце страницы. Целевое действие, которое пользователь совершит, заполнив форму, зависит от конечной цели лендинга. Если вы продвигаете вебинар, вам нужно, чтобы пользователи регистрировались на него. Если же вы продаете какой-то товар, то ваша цель — получить контактные данные.

Пример формы регистрации

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

Отзывы

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

Отзывы на лендинге

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

Партнеры

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

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

Видео

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

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

FAQ

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

Оформление блока FAQ на лендинге

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

Контактные данные

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

Помимо номера телефона и email-адреса, в контактную информацию можно добавить адрес, карту и данные о ИП / юридическом лице.

Команда

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

Фото команды на лендинге

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

Факты в цифрах

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

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

К формулированию подобного текста нужно подходить с особой внимательностью. К примеру, как вам такое предложение: «Поставили 150 тыс. тонн щебенки для 3 тыс. км дорожного полотна за 10 лет»? Вызывает ли оно у вас какие-то эмоции? Вряд ли, ведь из него ничего не понятно. Цифры в этом примере слишком большие, осознать их довольно трудно. Исправить ситуацию можно так: «Поставим до 10 тыс. тонн щебенки всего за 24 часа». У пользователя уже есть представление о необходимом ему количестве материала. Теперь он знает ваши условия, сравнивает их с предложениями конкурентов и делает выбор. Помните: цифры на лендинге — не для красоты, а для удобства клиента.

Сертификаты

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

Портфолио

Если у вас есть успешные кейсы, покажите их на лендинге. Достаточно будет 3-4 карточек с фото и текстом в формате карусели. Также обратите внимание на такой любопытный вариант:

Оформление портфолио на лендинге юридической компании 

Счетчик

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

Счетчик на лендинге

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

Всплывающие окна

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

Пример всплывающего окна на лендинге

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

Виджет обратной связи

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

Если хотите создать виджет самостоятельно можно воспользоваться сервисом от Envybox.

Виджет обратной связи

Футер лендинга

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

Футер лендинга

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

Кнопки соцсетей на футере

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

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

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

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

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

Что такое продающий лендинг

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

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

1. Изучить потребности целевой аудитории.
2. Создать качественный и востребованный продукт.
3. Сверстать лендинг, который убедит выбранную целевую аудиторию на покупку.
4. Наладить постоянный поток целевого трафика на готовый лендинг.

Структура продающего лендинга

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

Оффер

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

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

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

Подробно о строении лендинга с примерами и антипримерами мы рассказываем в статье «Структура лендинга: из чего она состоит и как выстроить правильно».

Подробности

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

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

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

Если это обучение, то стоит подробно расписать навыки, которые получат ваши студенты.

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

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

FAQ

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

Для этих целей используют раздел FAQ — Frequently Asked Questions. Он стандартно выглядит как раскрывающийся список. Кликаешь на вопрос — выезжает ответ.

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

Статья по теме: «FAQ — это важно: гайд по налаживанию отношений с клиентами».

Отзывы

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

Статьи по теме:

• Как составить письмо с просьбой об отзыве — самые эффективные приемы
• Как использовать социальное доказательство в email маркетинге

Цены и CTA

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

Здесь же располагается самый крупный и главный CTA элемент — кнопка «Купить», «Заказать» и так далее.

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

Обратный звонок

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

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

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

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

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

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

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

Готовый сайт можно будет использовать как полноценный самостоятельный ресурс: подключить к системам аналитики, поставить на него пиксели соцсетей для дальнейшего ретаргетинга. Если кроме сайта вам нужны еще и рассылки, то в SendPulse можно объединить сайт, email и чат-боты — настроить сбор контактов и автоматические рассылки, которые будут запускаться после действий клиентов на лендинге.

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

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

Анализ конкурентов

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

• На какой сегмент аудитории, по ощущениям, ориентируется лендинг.
• Какие проблемы этой аудитории предлагает решить.
• Какие особенности есть в оффере, как он сформулирован.
• Какие элементы есть на странице.
• Цена товара или услуги, есть ли скидка или бонус.

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

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

Понимание ЦА

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

Статья по теме: «Как составить портрет клиента и где брать данные».

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

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

Все это — разные ситуации, проблемы и аргументы.

Статья по теме: «Работа с возражениями: как развеять сомнения клиентов. Пошаговый алгоритм и лучшие техники»

Самый надежный вариант изучить ЦА — провести discovery исследование. Найдите 5-8 человек, которые могут быть заинтересованы в продукте, и поговорите с ними. Вот основные правила такого исследования:

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

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

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

Убеждение фактами

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

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

Статья по теме: «Как написать текст для лендинга».

Если вы хорошо изучили свою ЦА, то знаете, что для нее важнее всего при покупке вашего продукта. Иллюстрируйте решение найденных проблем, показывайте продукт в деле — это сработает лучше, чем текст.

Ошибки в создании продающего лендинга

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

Для всех = для никого

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

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

Перед созданием лендинга проработайте основные портреты целевой аудитории. Полную инструкцию для этого найдете в статье «Как составить портрет клиента и где брать данные».

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

Хороший лендинг не спасет плохой процесс

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

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

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

Шаблоны в тексте и дизайне

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

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

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

Примеры продающих лендингов

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

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

Следующий лендинг посвящен сервису доставки готовой еды по подписке. Классно, как показан товар — реальные блюда и их фотографии с расчетом КБЖУ. Сразу видно, что получает покупатель.

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

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

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

Статья по теме: «Создаем форму подписки, как у известных брендов».

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

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

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

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

Контекстная и медийная реклама

Контекстная и медийная реклама — это рекламные объявления и баннеры, которые вы видите на поиске, среди контента на других сайтах и в приложениях. Основные инструменты, с помощью которых настраивается такая реклама — «Google Реклама» и «Яндекс.Директ».

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

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

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

Статья по теме: «SEO или контекстная реклама — какой тип продвижения выбрать».

Ретаргетинг

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

Ретаргетинг настраивается в рекламных системах «Яндекса» и Google, а также с помощью пикселей соцсетей. Благодаря ему вы можете находить одного человека в разных каналах: например, после захода на сайт показать ему рекламу с просмотренными товарами в ленте Instagram.

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

SEO

SEO — способ органического, то есть условно бесплатного продвижения. Он завязан на спросе, как и контекстная реклама: человек ищет что-то в поисковике, а тот в ответ выдает самые релевантные и качественные результаты.

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

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

Статья по теме: «Как поднять сайт в поиске и получать лиды почти бесплатно».

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

Статья по теме: «Как определить конкурентность тематики в SEO».

Реклама в соцсетях

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

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

Статьи по теме:

• Настройка таргетированной рекламы в Facebook для новичков
• Продвижение бизнеса в Instagram для магазинов: подробная инструкция
• Продвижение ВКонтакте для бизнеса

Продающий лендинг: что стоит запомнить

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

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

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

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

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

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

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

Зачем создавать правильную структуру лендинга

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

А научиться разрабатывать подробный портрет ЦА вам поможет эта статья.

Методы создания структуры лендинга: что выбрать?

С пониманием сегмента уже можно весь имеющийся трафик конвертировать в покупки. А как?

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

Лестница Бена Ханта

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

• Отсутствие проблемы или безразличие.
• Осведомленность.
• Сравнение методов решения проблемы.
• Выбор компании/поставщика.
• Заключение сделки.

Более подробно углубиться в изучение этой теории вам поможет наша статья.

Структура по стратегии AIDA

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

A — attention (внимание)

I — interest (интерес)

D — desire (желание)

A — action (действие)

В настоящем времени добавилась еще буква — AIDA(S), где S — satisfaction (удовлетворение). Сюда входят как и положительные отзывы и обзоры, так и всем известное сарафанное радио, которое приведет новых пользователей на сайт.

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

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

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

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

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

Первый экран

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

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

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

• Баннер, на котором располагается заголовок (чем занимается компания или что она продает?), дополнительный заголовок (с указанием УТП или региона работы), иконки с преимуществами и первая кнопка CTA с формой для заполнения. Варианты целевых действий изложены в этой статье — выбирайте.

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

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

Блок товаров или услуг

Далее наиболее важным аспектом будет показать, что же всё-таки вы предлагаете — то есть показать «товар лицом». Что это значит? Продемонстрируйте ваши специальные предложения, товары, на которые проходит акция или действует скидка. Советуем пояснить, почему стоимость снижена, так как иногда у пользователей возникает предположение, что этот товар некачественный.

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

1. Для товара/услуги с подробностями, открывающимися в поп-ап окне, подходят аккуратно расположенные плиточки от 6 до 8 штук, при нажатии на которые можно более подробно ознакомиться с информацией.
2. Для товара/услуги, о которых информация располагается сразу же, подходит вариант от 4 до 6 карточек.
3. Не стоит добавлять более 1-2 видео, рассказывающих о товаре или услуге. В идеале лучше всё уместить в один небольшой, качественно снятый видеоролик, ведь иногда проще 1 раз показать, чем 10 раз написать об этом. В случае с видео лучше всего кратко описать то, что конкретно там происходит.

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

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

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

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

Блоки призыва к действию

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

Работа с возражениями

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

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

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

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

Что ещё включить в структуру лендинга?

«Доверие!» — отвечаю я и говорю, какие блоки структуры на это влияют:

1. Блок с партнерами. Многие боятся быть первопроходцами, поэтому наличие таких компаний, выставленных на «доску почёта», очень успокаивающе действуют на нервную систему. Если компания еще маленькая, то блок с партнерами вы можете пропустить, но если вам есть, чем похвастаться, например, компаниями, с которыми вы работаете или которым оказали услуги, то такой блок следует создать и разместить на нем логотипы.
2. Отзывы. Смысл тот же: важно показать, что у вас уже есть клиентская база и она рада сотрудничеству с вами. Это может быть даже один отзыв, но красиво оформленный и интересно выделенный.
3. Краткая информация о компании: год, с которого начали работать, фотографии с места производства, фотографии сотрудников и любые другие фишечки, которые вы могли бы о себе рассказать и показать.

Вишенка на торте — форма обратной связи

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

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

Подвал

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

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

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

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

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

И напоследок — структура лендинга в виде схемы

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

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

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