Структура продающего landing page — из чего должен состоять

Если вы зашли на эту статью, значит, перед вами стоит две цели:

1. Подробнее узнать о структуре лендинга;
2. Найти «схему» идеальной посадочной страницы.

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

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

Поэтому каждый лендинг индивидуален. Следовательно, в этом мы вам не поможем.

Но если вы хотите подробнее узнать о структуре продающего лендинга и не боитесь больших, но очень интересных статей, то для вас мы приготовили ценную информацию. Эта статья научит вас создавать продающую структуру Landing page, раскроет ее принцип, особенности и правила. Готовы? Поехали!

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

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

Правильная структура лендинга по стратегии AIDA

• AIDA — это аббревиатура с английского языка, которая заключает в себе четыре простых слова:
• А (attention) — внимание:
• I (interest) — интерес;
• D (desire) — желание;
• A (action) — действие.

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

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

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

1. Цель посещения целевой страницы захвата;
2. Цель покупки;
3. Основные и дополнительные факторы принятия решения;
4. Возможные возражения;
5. Ваши преимущества.

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

Структура лендинг пейдж на трёх реальных примерах

Перейдем от слов к действию. Для понимания структуры продающего лендинга мы взяли за основу 3 лендинга, разработанные по стратегии AIDA.

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

Целевая аудитория: мужчины и женщины возрастом 30-60 лет.

Цель: получить проект дома/построить дом премиум качества, получить помощь в выборе материалов, узнать стоимость строительства.

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

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

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

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

1. Зацепка для посетителя в качестве скидки;
2. Возможность сделать заказ клиенту, который уже готов к сотрудничеству.

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

«INTEREST»

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

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

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

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

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

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

«DESIRE»

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

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

«ACTION»

Последний шаг к быстрой конвертации- призыв к действию и форма заказа.

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

Пример 2. Структура лендинга с высокой конверсией для HR-компании

Аудитория: руководители или менеджеры по персоналу, мужчины и женщины возрастом от 25 до 65 лет, нуждающиеся в поиске сотрудников

Страхи:

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

«ATTENTION»

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

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

Далее раскрываем ряд преимуществ и закрывает первостепенные критерии клиентов. Таким образом частичном еще в первом блоке вызываем интерес.

Смотрите больше примеров оффера в статье с рекомендациями, как правильно написать оффер

«INTEREST»

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

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

«DESIRE»

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

«ACTION»

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

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

Хотите узнать как улучшить конверсию одностраничника? Читайте рекомендации по повышению конверсии лендинга

Пример 3. Продающая структура Landing page для систем отопления и кондиционирования

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

• неправильный расчет и планирование системы
• непрофессиональный подбор оборудования

«ATTENTION»

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

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

«INTEREST»

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

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

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

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

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

«DESIRE»

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

«ACTION»

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

Вторая — демонстрация дополнительных услуг компании + еще одна форма и СТА.

Несколько слов напоследок

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

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

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

Источник: https://impulse-design.com.ua/struktura-landing-page.html

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

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

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

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

Не сомневаюсь, среди вас много креативных личностей, спрашивающих: «Почему Landing page, ведь хочется выделиться, сделать по-своему?!».

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

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

Классика – то, что уже проверено проектировщиками-предшественниками и работоспособность ее доказана конкретными цифрами. Начать лучше с нее.

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

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

Определить 100% вариант помогут лишь сплит-тесты.

Теперь перейдем к сути.

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

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

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

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

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

Заголовок.

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

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

Выделение ключевых слов или цифр также играет на увеличение конверсии.

Настраивающее изображение.

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

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

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

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

Это стоит учесть, однако, при сплит-тестирования вы можете выявить, что лучше будет работать кнопка какого-либо иного цвета. Поэтому принимайте данные статистики не как 100% вариант, а как рекомендации.
Текст кнопки должен вызывать ассоциацию получения выгоды. Лучше использовать «Получить VIP-доступ» нежели «Купить абонемент».

Убеждающий блок.

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

Ниже линии сгиба

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

Почему нас выбирают.

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

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

Суть предложения.

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

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

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

Процесс получения.

Аналогично предыдущему блоку – для услуг может быть более подробным, нежели для товаров.
Блок должен объяснить клиенту, каким образом и в какие сроки он получит товар или услугу и что для этого требуется.

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

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

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

Цена вопроса.

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

1. Если услуга предполагает тарифную линейку, то предоставьте ее всю, объясняя различия в тарифах.
2. Частые вопросы клиентов.
3. Многие Лендинги содержат такой блок и это правильно.

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

Блок контактов.

Он обязателен. Дайте человеку несколько возможностей связаться с вами: по телефону, электронной почте, скайпу или заказать обратный звонок.

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

Триггеры, которые продают

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

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

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

Хедер страницы захвата.

Дескриптор.

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

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

Изображение.

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

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

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

Специальное продающее предложение.

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

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

Акция и лимит

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

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

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

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

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

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

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

Директор по развитию Lead Flow Digital.

Источник: https://www.lf-digital.com/blog/inpack/struktura-prodayushhego-lendinga/

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

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

Какой должна быть структура продающей страницы

Большинство landing page в классическом виде имеет следующие базовые элементы:

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

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

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

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

1. Запрос контактов посетителя.

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

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

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

Кроме основных, в лендинге могут быть блоки:

• Каким образом работает компания (описывается процедура покупки товара, предоставление услуги).
• Акции с обратным отсчётом, включающие контактную форму.
• Блок с контактами, реквизитами и местонахождением фирмы.
• Портфолио.
• Награды, сертификаты.

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

Из чего состоит landing page

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

• Заголовок, который должен кратко, точно и понятно отражать суть предложения.
• Картинка обеспечивает визуальный эффект, превосходящий слова. Она обязана создать позитивный образ предлагаемого продукта.
• Описание продвигаемого продукта подразумевает текст, в котором содержится информация о нём. В зависимости от преследуемых целей это может быть детальное описание или один абзац, задача которого склонить потребителя к определённым действиям.
• Отзывы повышают лимит доверия у покупателя. Если отзывов пока нет, то предоставьте такие, которые относятся к компании, содержат сведения о сервисе, компетенции или вообще не включайте их.
• Логотип компании обязателен на лендинге, но он не ведёт на главный сайт: лого должно быть изображеним, а не ссылкой.
• Иконки соцсетей это не ссылки на профили, это формы добавления в друзья к вам в социальных сетях. Таким образом, посетитель не уйдёт с веб-страницы и сосредоточит внимание на предложении компании.
• Форма для заполнения сведений о себе клиентом.
• Кнопка. Заполнив форму, посетитель нажимает на кнопку «отправить», «купить» и так далее. После нажатия кнопки вы получите сведения о клиенте из формы.
• Форма отправления заявки позволяет посетителю увидеть оповещение – ссылку на скидку или скачивание книги.

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

Первый экран одностраничника

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

Базовые элементы первого экрана одностраничника:

• Логотип или название фирмы.
• Меню навигации.
• Заголовок и подзаголовок.
• Изображение, которое привлечёт внимание и представит товар или услугу.
• УТП.
• Конверсионное действие.
• Онлайн-консультант или телефон.

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

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

Правила создания успешного лендинга

Правильный landing page даёт посетителю то зачем он пришёл, в кратчайшие сроки, за несколько секунд. Компоненты успешной продающей веб-страницы:

1. Отчётливый призыв действовать: «купи сейчас», «получи скидку» и так далее.
2. Конкретное предложение.
3. Концентрация на одном замысле.
4. Акцентирование внимания на важнейших деталях.
5. Эффектный продающий заголовок.
6. Привлекающее внимание размещение элементов.
7. Производящие впечатление визуальные составляющие.

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

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

Это напомнит посетителю, что он должен сделать.

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

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

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

Источник: https://ontask.ru/lp/struktura-lendinga.html

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

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

ЗаголовокЛоготип, название компании, контактыДемонстрация продукта/услугиПреимущества брендаОписание оффераВзаимная коммуникация   Лид-форма   CTA   АкцияСоциальные доказательстваЗавершающий маркетингВместо заключения

Заголовок

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

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

Если этот момент был упущен, то формирование УТП — ваша первостепенная задача.

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

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

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

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

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

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

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

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

Источник: https://lpgenerator.ru/blog/2015/08/31/idealnaya-struktura-landing-page-po-versii-lpgeneretor/

[Инфографика!] Структура Лендинга с высокой конверсией — прототипируем идеальный Landing Page

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

Видео-версия статьи-руководства

Для чего может создаваться идеальный Landing Page?

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

Есть различные вариации посадочных страниц:

• короткие (подписные),
• длинные.

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

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

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

Этапы, необходимые для создания схемы продающего лендинга

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

Вторым этапом — изучение целевой аудитории.

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

Как искать на форумах?

Заходите в Яндекс и вбиваете запросы “кухни на заказ форум”, “кухни на заказ как” (и далее — по поисковым подсказкам), “кухни на заказ что”, “кухни на заказ какие” и т.д.

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

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

Четвертый этап, наконец, проектирование, дизайн и верстка.

Основные правила продающего лендинга

• Простота. Вылетающие, появляющиеся, исчезающие блоки, супермодный и крутой дизайн — это, конечно, все хорошо, если это не мешает посетителю понять, что Вы хотите ему сказать. У вас есть 5 секунд, чтобы захватить внимание посетителя и дать ему понять, что он находится в правильном месте и получит, то что он ищет. Не тратьте эти 5 секунд попусту. Так же нагромождение подобных скриптов “тормозит” скорость взаимодействия со страницей и она начинает “тормозить” или “дергаться” в браузере Вашего клиента.
• Логичность. При принятии решения потенциальный покупатель движется по определенной схеме AIDA. Сначала у него появляется A(attention) — I (interest) — D(desire)-A(action). То есть сначала надо захватить его внимание, потом пробудить интерес и желание, а потом уже он будет готов принять действие. Руководствуйтесь этим принципом при создании блоков в прототипе посадочной страницы.
• Отвечать на “боли” целевой аудитории. Мы собрали все боли, возражения, вопросы на этапе изучения целевой аудитории. Теперь, когда будете делать прототип лендинга, учитывайте это в структуре, создавая отдельные блоки, отвечающие на все обнаруженные возражения.
• Один лендинг — один оффер. Не надо перебарщивать и “накачивать” лендинг  всем, чем можно. В конечном счете — это лишь собьет с пути целевого действия Вашего посетителя. Одна услуга (товар) — один лендинг.
• Соответствие рекламному сообщению. На ваш лендинг будет приходить трафик. Чаще всего это контекстная реклама или таргетированная реклама с соц.сетей. Если в рекламном сообщении написано одно, а на лендинге другое — то посетителя этовведет в заблуждение. Это серьезный нюанс, который может испортить всю цепочку и лишит Вас лидов. Проверьте соответствие основных заголовков, сообщений, офферов на лендинге и в рекламных сообщениях.
• Аналитика. Установите Яндекс.Метрику и правильно установите цели. Как это можно сделать написано в этой статье. Вам понадобится это, чтобы  анализировать и вносить изменения в Вашу посадочную страницу.

Структура посадочной страницы (блок с примерами)

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

1. Заголовок

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

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

Один из них — методика 4U: заголовок должен раскрывать пользу, ультраспецифичность, срочность и уникальность Вашего предложения.

2. Подзаголовок

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

3. Изображения/видео материалы

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

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

4. Лид форма

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

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

5. Призыв к действию (Call to Action)

Кнопки с призывом к действию должны быть максимально контрастными (то есть выделяться на фоне остальных элементов). Также внимательно отнеситесь к тексту кнопки. Банальное “Отправить” работает все хуже и хуже…

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

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

6. Элементы доверия (партнеры/клиенты, сертификаты, фото команды, офиса)

Посетитель должен быть уверен, что он сделает правильный выбор, обратившись к вам. И в этом Вам помогут такие материалы как — сертификаты, список (лого) партнеров, Ваши публикации в СМИ, количество подписчиков на youtube, фото команды,офиса.

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

7. Отзывы, кейсы

Отзывы и кейсы — это отличный способ убедить. Лучше если будут с фото, именами или в видео-формате. Не пишите отзывы сами — это видно и вредно.

8. Выгоды

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

9. Описание оффера — Объяснения продукта/услуги

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

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

• “Мне кажется, это дорого/слишком дешево.” — объясните, за что клиент платит и почему это дороже/дешевле, чем у остальных.
• “А что если я буду неудовлетворен качеством продукта?” — расскажите об условиях возврата и обмена продукции.
• “А вдруг это будет очень долго?” — расскажите об условиях  и сроках доставки.

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

10. Интерактивный калькулятор/подборщик/тест

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

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

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

Источник: https://zen.yandex.ru/media/id/5aeaf9401aa80cd30aa76d8c/5b054d5b9b403c75f6adbdb2

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

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

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

Сегодняшняя статья будет посвящена началу начал — что такое правильная структура лендинга с высокой конверсией.

Я знаю, что ничего не знаю

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

По теме:  Отличие лендинга от сайта: кто победит?

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

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

Нужен готовый Landing page?

Закажите разработкув нашем агентстве

Посмотреть стоимость

Сделайте самина конструкторе

Перейти в конструктор

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

После подготовительного этапа, следующее, на чём будет строиться наш сайт, это “теплота” трафика. Да, что уж, от этого будет зависеть все!

И наполнение, и фото, и тексты, и инфографика. На этом моменте многие допускают ошибку, но мы ведь не такие?

Источник: https://in-scale.ru/blog/struktura-lendinga