Правила создания лендинга. Ucraft — бесплатный конструктор посадочных страниц
Которые создаются, чтобы продавать один товар и услугу.
Для этого важно преподнести информацию так, чтобы превратить простых посетителей сайта в покупателей. Но перед этим следует понимать, что представляют собой базовые элементы лендинг пейджа. Дизайн сайта и, собственно, статьи, направлены на привлечение внимания и конвертирования посетителей в будущих клиентов. При создании лендинга нужно учитывать, что правильно подобранная картинка и хорошо написанный текст .
|
Перед началом создавания, следует хорошо продумать концепцию сайта. Не только представление вашего продукта, но и как будет происходить его подача, почему это должно быть интересно людям.
Где сделать прототип лендинга? Можно обратиться к специалистам, которые давно занимаются подобными делами, а можно придумать всё самому. Вначале попробуйте представить всё на черновике и лишь потом переходите на создание сайта лендинг пейдж. И со временем вы сами начнёте понимать, что эффективно, а что следует изменить или убрать. Правила продающего лендинга гласят, что должно быть создано чёткое предложение товара. , чтобы посетитель хотел сам приобрести продукцию, и чтобы у него не оставалось вопросов, что конкретно ему предлагается. То есть данный оффер должен быть чётко сформулирован и предельно ясен.
Это поможет потенциальному покупателю сориентироваться на сайте, не только в плане цен, но и актуальности товара. В основном, лендинг существует за счёт смешивания копирайтинга и инфографики. Лендинг страница, можно сказать, должна заменять менеджера, чтобы в итоге при заказе или связи с сотрудником, человек уже знал нужную ему информацию и лишь уточнял незначительные детали или просто подтверждал свои действия. Такая подача сайта очень ценится. К примеру, людьми, которые предпочитают систематизацию и простоту обработки заказов общению. Создание сайта лендинг пейджЧто нужно учесть при создании лендинга ещё?
Не стоит, конечно, забывать про заголовок - одну из важных вещей при создании лендинг пейджа. От заголовка зависит, пойдёт ли человек дальше. И если название его привлекло, то он заинтересуется и продолжит просмотр вашей страницы. А там и до покупки недалеко. Так получается, что вначале привлекает фантик, и лишь потом мы узнаем начинку.
|
Например, у вас уже есть идея бизнеса, но вы ещё не предприняли попытки продвижения. Для начала просмотрите сайты конкурентов, чтобы понимать, как именно вам придётся представлять свой товар, чтобы он выглядит лучше по сравнению с ними. Сами проанализируйте их информацию и выделите для себя то, что происходит в вашем деле, черпните новых идей. Так вы поймёте, как сделать макет сайта лендинг.
Лучше воспринимается 80% того, что человек видит, и 20% того, что читает. Так что следует также правильно подбирать оформление и делать небольшие по объёму тексты. Просмотрите примеры других страниц, чтобы знать, . Очень помогают сравнительные таблицы.Как должен выглядеть лендинг с точки зрения эффективности? Какие блоки он должен содержать и как эти блоки должны выглядеть? Прочитав статью, вы получите ответы на эти вопросы и увидите, как выглядят лучшие landing page.
1. Заголовок с УТП
У идеального лендинга, одноэкранного или длинного, всегда есть цепляющий заголовок, который:
- сразу дает посетителю понять, куда он попал;
- показывает ему уникальность вашего предложения.
Размещается заголовок в верхней части лендинга, на уровне глаз пользователя. Большой, яркий, интригующий.
От заголовка зависит показатель отказов.
Вот примеры заголовков лучших лендингов нашей компании.
2. Дескриптор
Дескриптор также влияет на показатель отказов, хоть и меньше, чем заголовок. Обычно состоит из логотипа, названия компании, слогана или нескольких слов об услугах или товарах. Размещается вверху слева или в середине.
В том случае, если на посадочной странице есть заголовок с УТП, дескриптор делают скромным – лого плюс название.
Лучшие лендинги всегда содержат оригинальный дескриптор.
3. Блок с контактными данными
Как правило, размещается в верхнем правом углу. Исчерпывающий блок контактов содержит:
- реальный номер телефона;
- электронную почту;
- кнопку «Обратный звонок».
Обязательно используется призыв – просьба позвонить.
4. Привлекательное изображение
Под изображением подразумевается фон – большая картинка, поверх которой размещают заголовок, форму захвата, другие блоки.
В идеальном лендинге изображение соответствует тематике сайта, является оригинальным и интересным. Цветовая гамма фона отличается от цвета шрифта заголовка, чтобы они не сливались.
На скриншотах вы видите красивые лендинги с привлекательными изображениями.
5. Формы захвата
Одноэкранный лендинг содержит одну форму захвата, длинный – 2 или 3 формы. Первая форма соседствует с заголовком – рядом с ним или под ним.
Форма захвата содержит графы для ввода имени и телефона. Призыв к действию описывает дополнительные выгоды (подарок, скидку, дополнительную услугу), которые побуждают посетителя к немедленной отправке данных.
Если на лендинге проходит акция, форма захвата содержит таймер обратного отсчета.
Вот такими формами захвата мы оснащаем лучшие лендинг пейдж наших клиентов.
6. Блок с выгодами для клиента
Этот блок идеально обходит возражения посетителей. В блоке помещают 3–8 пунктов.
Блок имеет следующую структуру: текст с описанием выгоды и тематическая картинка для каждого пункта. Расположение пунктов – горизонтальное или вертикальное. В идеальном блоке во всех пунктах одинаковое количество текста, а ключевые предложения выделены цветом или жирным шрифтом.
7. Отзывы клиентов
Блок с отзывами – ключевой в лендинге.
На лендинге должны быть реальные отзывы по меньшей мере от трех клиентов. Идеальный вариант – окно с возможностью прокрутки, например слайдер, вмещающий 5–10 отзывов.
Каждый отзыв:
- содержит имя и реальное фото клиента;
- содержание с ключевыми подробностями, которые позитивно скажутся на конверсии лендинга.
Вот примеры блоков с отзывами на лучших лендингах нашей студии.
8. Тарифы или пакеты услуг
Покупатели любят выбирать из нескольких альтернатив. Поэтому идеальный лендинг предлагает на выбор 2–3 тарифа или пакета. Неважно, продает лендинг товары или оказывает услуги, на сайте должен присутствовать блок с тарифами.
Тарифы должны отличаться друг от друга и содержать подробную информацию о том, что в них включено. Один из тарифов помечается, как самый популярный среди клиентов.
9. Примеры Лендинг Пейдж
Это один из самых важных блоков лендинга. Именно просмотрев портфолио или кейсы, посетитель принимает решение о совершении целевого действия.
Грамотное портфолио содержит только лучшие работы, красиво оформлено, не занимает много места. Для оформления лучше использовать слайдер, с помощью которого посетители будут прокручивать изображения.
Посмотрев примеры лендингов посетитель должен убедиться в качестве продукта или услуги.
10. Реальные контактные данные в футере
Заключительный триггер доверия – блок с контактной информацией о компании или авторе в футере.
В случае с компанией обязательно должна быть карта с указанным местоположением офиса. В случае с автором всевозможные контакты.
Также тут размещается заключительная форма захвата.
В идеальном лендинге присутствуют все вышеперечисленные элементы. Однако чтобы посадочная страница действительно была эффективной, все ее блоки нужно грамотно объединить в одну композицию. А так же добавить смыслы, благодаря которым посетители совершать конверсионные действия на нашем лендинг пейдж.
Landing Page – это одностраничный сайт, продающая страница, цель которой — донести ценность вашего предложения до целевой аудитории, захватить контактные данные потенциального клиента или же добиться от посетителя выполнения целевого действия. Результат обеспечивает грамотно составленная, продающая структура лендинга.
Что такое лендинг простыми словами
Сложно? Теперь объясним по-простому. Пролистывая страницу, пользователь проходит чётко заданный вами путь (). Вы знакомите его со своим предложением, затем перечисляете выгоды, убеждаете совершить покупку и в конце призываете к действию.
На этой странице кратко и ёмко доносится, что за продукт, чем он уникален, в чём его преимущества (или в чём преимущества компании). Как итог, пользователю предлагают заполнить лид-форму, чтобы оформить заказ, скачать бесплатный пробник и т.п. Далее с полученными данными работает отдел продаж компании, в зависимости от выстроенной вами воронки продаж.
Вот лендинг как раз и является началом этой воронки. Он – это ваша первая площадка контакта с целевой аудиторией, и только от него зависит, сконвертируются посетители в лидов или нет.
Идеальная структура лендинга — это 8 основных экранов
Приступим к проработке структуры вашего идеального лендинга?
Первый экран – это блок до так называемой линии сгиба, то, что пользователь видит на экране сразу, как загрузил вашу страницу, ещё не скроля вниз. В этот момент ваша главная задача – захватить его внимание и заинтересовать, чтобы он захотел листать дальше. Обязательный элемент на первом экране – это . Емкий, короткий и мощный.
Также на первом экране может находиться подзаголовок, который поясняет основное сообщение, которое есть в заголовке.
Часто на первом экране можно увидеть первый – кнопку «Узнать больше», и даже лид-форму, если посетителям уже известна ваша услуга, или это уже не первый контакт с вашей компанией.
Яркая иллюстрация – лендинг Сбербанка, посвящённый именной стипендии. Он рассчитан на тех, кто уже знает компанию (кто её не знает?). Здесь располагается краткий призывающий заголовок, интригующий подзаголовок и кнопка CTA («Готов попробовать»), дополненная логотипом акции.
Сверху видим навигацию – кто заинтересован, без труда сможет перейти в нужный бок и узнать больше, без нужды долго листать страницу.
После того, как вы заинтриговали посетителя, нужно показать во всей красе ваш продукт. В этом помогут красочные фото, можно использовать какие-то необычные приемы в виде параллакса, или видео.
Например, вот лендинг онлайн-магазина экзотических фруктов. После первого экрана у них сразу же идёт демонстрация готовых наборов на выбор:
Товар показали, теперь пора и убедить посетителя в том, что лучше просто не найти. То есть, рассказать о преимуществах – ваших или вашего предложения.
Очень интересно это реализовано на лендинге компании 7Devs, студии по разработке мобильных приложений. Каждое из преимуществ вынесено на отдельный экран с интересной иллюстрацией и подробным описанием.
Блок с ценами
Конечно же, увидев предложение и узнав о его преимуществах, посетитель уже задает себе вопрос – сколько это стоит? Пришло время здесь рассказать ему об этом.
Пример – лендинг компании, которая изготавливает кепки по индивидуальному заказу. На лендинге они предлагают приобрести сертификат на изготовление такого интересного сувенира. После демонстрации уже готовых работ сообщается цена на сертификаты. Детально описано, что входит в каждый пакет.
Блок с отзывами
Мнение других людей – вот что может окончательно убедить посетителя доверить вам свои контактные данные или сделать заказ. Разместите в отдельном блоке отзывы ваших клиентов. Это будет мощным социальным доказательством того, что ваш товар не только хорош – что его заказывают другие.
Запомните одно важное правило: фальшь заметна сразу. Не делайте поддельные отзывы с фотографиями со стоков. Постарайтесь , как это сделать – мы рассказывали раньше.
Ответы на часто задаваемые вопросы (снятие опасений)
Даже после всей этой информации у клиента могут остаться опасения. Почему так дорого/дёшево? А как я получу свой заказ? А могу ли я приехать в офис? И многое другое. Успокойте посетителя, и разместите ответы на часто задаваемые вопросы. Это поможет ему ещё больше проникнуться к вам доверием.
Например, так сделали на лендинге компании по доставке наборов вина на дом:
Выгодное предложение (акция, дефицит, истекающий срок действия)
Дополнительно простимулировать посетителя побыстрее совершить целевое действие можно с помощью выгодного предложения: бонуса, подарка, скидок. Ещё несколько мощных триггеров – это ограниченное количество товара (дефицит — вдруг не успею купить, всё разберут), и истекающий срок действия (можно включить таймер обратного отсчёта).
Например, Тильда предлагает купить курс по интернет-маркетингу со скидкой в 40%.
А LPGenerator предлагает пройти первое занятие бесплатно – и выгодное предложение, и обработка возражений («а вдруг мне не подойдет») в одном блоке.
Не забывайте, что после заполненной пользователем заявки, рекомендуется перенаправлять его на .
Контакты
Посетитель лендинга оставляет вам свои контактные данные для обратной связи. Но в то же время и вы должны показать, каким образом вас можно найти, где вы находитесь. Возможно, человек захочет позвонить и узнать детали. Но в первую очередь наличие контактов говорит о том, что вы реальная компания, а не мошенники.
Обязательно указывайте полные контактные данные: телефон, почта, адрес офиса. Не лишней будет и карта проезда. В блоке контактов можно также разместить виджеты или кнопки социальных сетей.
Как работает лендинг
Где используются лендинги? Да практически во всех нишах. Сегодня это самый популярный инструмент быстрых продаж, и не зря – как правило, у такого одностраничного сайта конверсия на порядок выше, чем у простого.
Когда есть смысл делать Landing Page? В первую очередь все зависит от ситуации, продукта и вашей ниши. Прежде чем решать запускать продающую страницу, нужно провести анализ рынка. Но есть уже ряд «стандартных ситуаций, в которых лендинг оказывается идеальным решением:
- когда вы запускаете новый продукт и хотите протестировать нишу;
- когда у вас появляется новая линейка продуктов, отличающаяся от остальных;
- когда вы проводите промо-акцию , и её нужно вынести отдельно от сайта;
- когда у вас всего один товар , или продукция носит сезонный характер (например, изготовление сувениров, цветы в коробках, даже услуги по монтажу окон можно продвигать с помощью лендинга). Тут хорошо работает схема одна услуга (товар) – одна страница. Больше в принципе и не надо, все можно успешно запаковать в такой формат.
Очень хорошо работают лендинги в сфере инфобизнеса. Зачем создавать полноценный сайт для рекламы курсов, если можно под каждый курс сделать продающую страницу, и лить на неё трафик? Провел курс – отключил лендинг, и все дела.
А если есть сайт, что тогда?
Сайт и лендинг абсолютно не мешают друг другу. На Landing Page вы можете выносить все то, что на сайте не будет держаться больше определённого периода времени. Например, акции, специальные предложения, какие-то презентации новых товаров. Делать страницу на сайте, а потом удалять её – нет смысла.
Как продвигать Landing Page
Откуда брать трафик? Так как лендинг – это одна страница, и текстовой составляющей на нем не так и много, тут работает только в очень экзотических нишах, где нет конкуренции. в основном льётся с или таргетированной рекламы.
Заключение
Очень важно сделать так, чтобы лендинг действительно конвертировал посетителей в клиентов – ведь это его основная цель. И тут очень многое зависит не только от контента – текста и картинок – как и от структуры продающей страницы.
Проведя посетителя по лендингу от начала до конца, вы гарантировано убедите его в ценности вашего предложения. Вы заинтриговали, показали товар/услугу, перечислили преимущества. Вы указали цену и собрали отзывы от благодарных клиентов. Обработали частые возражения и подогрели интерес акцией или дефицитом. Указали контакты, чтобы показать, что вы реальная компания, а не фейк. Все это вместе будет работать на высокую конверсию вашей посадочной страницы.
Что такое хороший лендинг?
Лендинг – разговор с потенциальным клиентом. Его эффективность будет зависеть от того, как хорошо вы сможете рассказать человеку про ваш продукт. Отсюда три правила лендинга.
Лендинг хороший, если посетителю:
1. Понятно, что здесь предлагают
Поэтому надо дать исчерпывающую информацию о продукте, ответы на потенциальные вопросы в максимально емкой форме. Эту задачу решает продуманный первый экран и логичная структура.
Для этого есть редактор Платформы и все его инструменты, чтобы донести выгоды и убедить клиента заказать у нас. Хорошо добавить картинки, использовать видео – всё, что положительно характеризует ваш продукт.
3. Ясно, что делать дальше
Страница должна направить на простой и понятный следующий шаг: сделать заказ, оставить номер телефона для обратного звонка, записаться на бесплатную консультацию или что-то еще. Эту задачу решает форма заявки и кнопка.
Если понятный первый экран и конверсионная форма – это более или менее стандартно решаемая задача, то вот убедить клиента и донести выгоды можно по-разному. Мы заранее не знаем, что на самом деле понравится посетителю нашего сайта – мы можем только предполагать.
Так что хороший лендинг – это результат эксперимента , когда сам рынок показывает, что работает, а что нет. Сделайте первую версию страницы, запустите. Измеряйте конверсию и с каждым шагом улучшайте свой сайт. Это проверенный способ прийти к лендингу, который хорошо конвертирует.
Все люди постоянно в поисках каких-либо фишек и ноу-хау. Они ищут интересненькие ходы, чтобы результат увеличился в десятки раз.
И как показала наша практика, всё это если и увеличивает прибыль, то только в небольших размерах. Когда по-настоящему могут изменить ситуацию только основы. И как правило, такие темы всегда остаются за кадром. И зря! Время менять приоритеты.
Сегодняшняя статья будет посвящена началу начал – что такое правильная структура лендинга с высокой конверсией.
Я знаю, что ничего не знаю
Если вы прочитали до этого момента и еще не знаете наверняка нужен вам вообще landing page или нет, то вам в помощь наша статья.
Уже ни для кого не секрет, что продающий и (он же одностраничный сайт) создается не по воле собственной фантазии, а исходя из четких данных основанных на анализе. То есть это не столько творческая работа, сколько точный расчет.
Поэтому добавлю ложку дегтя в эту бочку меда. А именно что нужно сделать еще до того, как создать новый документ под названием “Прототип сайта”:
- провести ;
- выявить ожидания, стереотипы, страхи, боли и возражения ;
- разделить ЦА на сегменты и определить их критерии выбора.
Все эти пункты имеют прямое отношение не только к созданию лендинг пейдж, они пригодятся вам во многих других аспектах бизнеса.
Поэтому если вы еще этого не делали и, к тому же, не знаете как, то как можно скорее бегите изучать наш блог.
НАС УЖЕ БОЛЕЕ 29 000 чел.
ВКЛЮЧАЙТЕСЬ
Правильная и продающая структура лендинга
После подготовительного этапа, следующее, на чём будет строиться наш сайт, это “теплота” трафика. Да, что уж, от этого будет зависеть все!
И наполнение, и фото, и тексты, и . На этом моменте многие допускают ошибку, но мы ведь не такие? 😉
Настоящей находкой для тех, кто задумался о создании лендинга станет, так называемая, “ ”. Выглядит схема следующим образом:
Лестница Ханта
Согласно этой схеме, клиент должен “созреть” и пройти все 5 этапов от отсутствия потребности до готовности купить. Конкретный пример как применять Лестницу Ханта мы разобрали в этом видео:
Для того, чтобы не объяснять все “на пальцах”, далее все будет основано на реальных событиях, а именно на примере landing page одного из наших клиентов – компании по чистке ковров “Чистый квадрат”.
Конверсия компании по чистке ковров “Чистый квадрат”
К слову, средний результат всего трафика – 6% конверсии в заявку, которая в их нише можно назвать покупкой. Много это или мало? Читайте об этом в нашей статье
Ну, а мы давайте разберём более детально “уровень осознанности” трафика, после чего вы поймёте почему это так важно. Начнём с первого этапа, основываясь на нашем клиенте.
Этап 1: Нет проблемы
Клиенты не знают что такое грязный ковёр и что его нужно чистить. У них всё замечательно, как в сказке, никаких проблем.
Чтобы привлечь таких клиентов и сформировать у них потребность, нужно будет раскошелиться и запастись терпением.
Чаще всего это клиенты, которые его только-только купили. Поэтому в этом случае весь наш сайт будет пропитан структурой PMPHS.
То есть ваша задача с первой фразы накалять атмосферу и рассказывать, что ковры нужно чистить (обрабатывать после покупки).
Иначе там возникают бактерии, которые в дальнейшем оседают в вашем организме и вызывают болезни вплоть до летального исхода.
В рамках ковров звучит глупо, но в рамках других сфер вполне может быть уместно.
Этап 2: Есть проблема, нет решения
Люди знают, что ковры нужно чистить, что в них копятся бактерии. Но других способов решения кроме помыть его в ванной и высушить на улице не знают.
Используйте эту информацию на своём сайте, что есть решение этой неприятной ситуации.
А именно в первой половине сайта покажите свой вариант решения. Что оказывается можно вызвать компанию, которая приедет и всё сделает на дому, либо приедет, увезёт и привезёт.
И тут мы показываем решение только в рамках нашей услуги. Не показывая другие решения. Чем отличается данный этап от третьего.
Этап 3: Решение есть, сравниваем варианты
Если Ваш потенциальный клиент ещё не на этом этапе, что возможно при условии, что Вы продаёте новое или редкое решение, о котором люди не слышали, то Вам нужно вернуться на 1 и 2 этап. Но если же клиент уже находится на этой стадии, то он знает, что:
- Нужно чистить ковер, чтобы продлить его срок службы;
- Необходимо проводить профилактику для избежания скопления бактерий;
- Ковёр чистить нужно специальной химией и оборудованием, а не мылом и пылесосом;
- Можно вывести даже самые ужасные пятна.
То есть по таким запросам как “где профессионально почистить ковер” мы можем делать ленд со сравнением плюсов и минусов нашего продукта и автомойки, самостоятельной чистки, выездов работников на дом.
Так как в данном случае клиент выбирает между разными подходами для избавления от задач, которые я написал выше.
Сравнение с конкурентами
Но надо понимать, что эти люди еще не готовы купить, они довольно “холодные” и еще размышляют:
– Может, всё-таки на автомойку или самостоятельно?
Поэтому мы делаем первую часть сайта доказательством, что наш метод самый лучший, а вторую часть делаем с намёком, что мы та самая компания куда нужно обратиться. И к слову, такого трафика большего всего в интернете.
Этап 4: Выбор продукта
Клиент определился, что он хочет воспользоваться услугами профессионалов в сфере чистки ковров, но нет доверия ни к одной из представленных.
На этой стадии докажите, что Ваша компания самая лучшая и предоставляет наилучшие условия среди всех других.
А значит с первой минуты попадания на сайт, наша задача убедить что наша компания самая лучшая. Что наши преимущества всем преимуществам. Что наши условия круче варёного яйца. Можно, например, это сделать с помощью блока результата до/после (наших кейсов).
Результат до/после
Этап 5: Уверенность и намерение
Клиенты, которые приходят по таким запросам как “чистка ковров чистый квадрат” ищут конкретную компанию.
Если вы еще не слишком известны, таких запросов либо будет крайне мало, либо не будет вообще.
Такие клиенты, что называется, “горячее” некуда. Все, что им нужно предоставить – наши контакты и .
А Вы откуда?
Наверное у вас в голове сейчас полный хаос после прочитанного, по крайней мере, у меня так было в первый раз.
И я не уделяла бы столько внимания этому, если бы структура landing page не зависела от “Лестницы Ханта”.
И чтобы понять на каком уровне осознанности находится Ваш клиент, необходимо перед созданием определить источники трафика.
Когда лендинг создается с нуля, ответ получается очень размытый, в стиле “Да мы все попробуем…Хотя, наверное что-то одно, либо таргегинг, либо … Еще не решили”.
Почему это так важно?
Прототип
Коротко о главном
Теперь вы знаете самое основное о том, что такое правильная структура лендинга и как нужно подходить к ее созданию.
И теперь вы точно знаете, что все не так просто, как кажется на первый взгляд. Для логичного итога, давайте подытожим всё что узнали. Итак.
При разработке структуры вам нужно: провести , определить уровень осознанности трафика и определить возражения с критериями выбора клиента. И только после этого (не раньше) приступать к разработке.
Загрузка...
