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

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

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

Много текста — моветон

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

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

Добавляем списки и графики. Лучше — в иллюстрированной форме. А если призвать на помощь инфографику, конверсия лендинга, вырастет еще на 10-15%.

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

Какие ваши доказательства?

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

Хороший визуал — ключ к успеху

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

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

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

Бесплатных лендингов не бывает

Платить придется все равно: не деньгами — так личным временем, а то и отрицательным ростом продаж. Поэтому если вы никак не связаны с IT, выгоднее заняться текущими делами и продвижением бизнеса, чем в свободное от работы время штудировать Tilda и WordPress. А создание продающего лендинга (визуал, тексты, техническую часть, аналитику) — делегировать профессионалам. Например, обратиться в Селектив Хитс. Здесь вам быстро и качественно сделают красивую посадочную страницу “под ключ”.

Не будем убеждать вас, какие мы крутые и супер-профессиональные. Достаточно всего 1 факта из нашей практики. Средняя конверсия лендинга от Селектив Хитс — 8-12%. А это значит, ваши вложения быстро окупятся новыми горячими лидами.

Пошаговый курс по созданию продающего Landing Page c нуля. Часть 1: Посадочные страницы и трафик

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

Посадочные страницы и трафик

Система продаж в интернете проста. На начальном этапе у вас есть 2 основных инструмента, это посадочные страницы (или как их ещё называют одностраничники или Landing Page) и трафик. Всё! Больше ничего не нужно. Нужно разобраться, как работают эти инструменты и немножко подумать. Главная цель — создать работающую систему, и здесь я расскажу, как это сделать.

Зачем нужен одностраничник?

Одностраничник, в привычном понимании, это сайт, который состоит из одной страницы и предлагает какой-то один конкретный товар, услугу, приложение или сервис. Это может быть физически ощущаемый товар, как кирпичи и цветы, или цифровой товар – курсы, диски, тренинги. Любые услуги, начиная от сантехников, фотографов, образования, курсов, и заканчивая кейтерингом и промышленным строительством. Либо сайт, который используется для сбора подписчиков. Это может быть сайт, на который приземляется трафик с email-рассылки. Применений огромное количество, в идеальном случае Вы можете использовать систему одностраничников для решения своих бизнес задач. С одной стороны не важно, что на сайте, но важно, что это одна реальная проблема, которая есть у клиента и Вы можете её решить. Чтобы было удобнее, будем называть товары (физические и цифровые), услуги и все остальное – просто продуктом.

Почему одностраничники работают в разы лучше, чем обычные сайты?

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

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

Используя Landing Page мы изначально уже в выиграшной ситуации. Если средняя конверсия (процент купивших посетителей) интернет-магазина менее 1%, то у Landing Page она от 1% до 50%. Но если Вы не сделаете правильную структуру, тексты и дизайн, то магии не будет, волшебных продаж из воздуха не бывает.

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

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

Почему сайт + трафик ≠ деньги?

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

Важно понимать, что Ваш продукт будет продаваться только в связке: хороший, качественный продукт + хороший, качественный лендинг + хорошие, качественные каналы трафика. Конечно, что-то может хромать, но не всё. Поэтому нужно тестировать каналы трафика и варианты гипотез для сайта, чтобы найти такую пару: канал/трафик + гипотеза/сайт = максимальный результат. Одни пары будут прибыльны, другие рентабельны, третьи убыточны. Это нормально.

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

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

Гипотезы нужно проверять на жизнеспособность. И способ только один — сделать сайт с гипотезой и пустить реальный трафик.

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

Качество vs. скорость?

Сайт – это инструмент для конвертации Ваших посетителей в Ваших клиентов. Что тут важнее? Сделать быстрее сайт и протестировать? Или подойти основательно и сделать качественно, а потом протестировать?

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

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

Ах да, скажите, что нам нужно быстро протестировать и понять работает ли ниша/продукт или нет. Если у Вас нет опыта в десятках продающих страниц, написании текстов, доскональном знании своего клиента и настройке рекламных каналов, то в 99% случаев получится сайт, который изначально уже не работает. И на нем Вы хотите тестировать спрос? Хотите максимально быстро и бесплатно сделать неработающий сайт, чтобы потом потратить 5 000 — 10 000 рублей на рекламу для теста? Непродуманный сайт и непродуманная реклама – 100% путь “просто потерять деньги”. Так зачем тратить время, силы и деньги, если результат изначально известен?

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

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

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

Почему у 70% Landing Page не работают?

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

Каждый этап воронки продаж продает следующий этап воронки. Важно не пропускать этапы.

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

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

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

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

Оцениваем бюджет и заряжаемся позитивом.

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

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

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

Посетитель – человек, который попал к Вам на сайт.
Лид (Lead) – потенциальный покупатель, который с Вами связался, оформил заявку на покупку, консультацию, заказал звонок или нажал кнопку купить.
Конверсия (CTR) – количество совершенных действий/деленное на общее число потенциально посетителей, которые могли совершить такое действие. Например на сайт зашло 100 человек, заказал 1, то CTR = 1%, заказало 10 человек, купил 1 CTR = 10%.
Клиент – тот, кто у Вас что-то купил.
Средний чек – сумма, которую приносит один заказ. Не путать с прибылью и маржой на продукт. Если один заказ на 1 руб, а второй на 9 руб. Средний чек – 5 руб.
Выручка – сколько денег Вы всего заработали.
Валовая прибыль – сколько чистыми Вы заработали и можете положить себе в карман или потратить на отпуск, хобби, мечту.
Эффективность бизнеса (ROI) – если больше 100%, то прибыльный, меньше 100% – убыточный. Рассчитывается, как отношение выручки к затратам.

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

Чтобы примерно оценить стоимость лида, нужно оценить стоимость одного клика и прикинуть конверсию для страницы. Это всё очень приблизительно, но хоть как-то даёт понять будущую картину. Возьмите среднюю цену за клик в вашей тематике (например 30 рублей) и значение конверсии (например 2%). Потому что, если пройти эти жесткие условия, и цена за клик будет меньше, а конверсия больше, то дальше будет радость и много денег.

Посчитайте, сколько будет стоить лид.
Например 30 р./0.02 = 1 500 руб. Это значит, чтобы получить одну заявку, нужно потратить 1 500 руб. Отсюда посчитайте сколько Вы должны зарабатывать с одной продажи, чтобы получать прибыль. Если Вы продаете мёд по 500 рублей, то конечно данная схема совсем не выгодна. А если Вы занимаетесь проектной документаций, где с одного заказа можно зарабатывать больше 1 000 000 рублей, то это совсем другое дело. Все зависит от конкретного бизнеса.

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

Как работает воронка продаж или цифры, которые меняют всё.

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

Показатели	Начальные	x2 трафик	х2 конверсия (CTR)	x2 CTR и трафик
Бюджет на рекламу (руб.)	50 000	100 000	50 000	100 000
Цена клика (руб.)	50	50	50	50
Посетители (шт.)	1 000	2 000	1 000	2 000
Конверсия страницы	10%	20%	10%	20%
Лиды (шт.)	100	200	200	400
Конверсия в оплаты	70%	70%	70%	70%
Покупателей	70	140	140	280
Средний чек	5 000	5 000	5 000	5 000
Выручка	350 000	700 000	700 000	1 400 000
Валовая прибыль	300 000	600 000	650 000	1 300 000
Эффективность ROI	600%	600%	1300%	1300%
Рост прибыли	300 000	350 000	1 000 000

Расчет бюджета для товаров (средние цифры, для ориентировочных оценок)

Показатель	Товары	Услуги	Опт	Инфобизнес
Цена лида (руб.)	500-5000	500-5000	300-1500	10-100
Количество лидов/день (шт.)	1-10	1-20	35-50	30-400
Конверсия страницы (%)	1-5	2-18	5-35	10-20
Конверсия в оплаты (%)	50-75	10-40	5-35	1-5

Минимально 3 этапа, но может быть и 5, и 10, и 20.

Например, Вы хотите 2 заказа в день. Из 3 лидов, оплачивают 2.
Тогда 30 дней х 3 лида, то есть 90 лидов в месяц по цене к примеру 500 рублей. Чтобы привлечь 90 лидов х 500 руб./лид нужно 45 000 руб. на рекламу. Это принесет 30 дней х 2 заказа = 60 заказов. Дальше все понятно, 1 заказ стоит 750 рублей (45 000 руб./ 60 заказов). Прибавляете расходы и понимаете, сколько Вы можете заработать. Если получается, что не зарабатываете, то нужно искать другой канал рекламы или менять цены. Так Вы изначально уберете и так излишние риски.

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

Ставьте адекватную цель, к которой мы вместе будем идти. Да, если не ставите на данном моменте себе цель, то с курса ничего не вынесете, кроме букв. А они Вам ничего не дадут. Хотите результат? Ставьте цель и мы будем к ней идти. Это единственный вариант получить результат.

Что хотите получить после изучения курса?

Напишите на бумаге и повесьте на холодильник
Я хочу получить ____ лидов по _____ рублей и оформить _____ заявок к ___.___.201__.

Текст vs. Дизайн? Кто кого?

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

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

Текст – это очень важно! Нужно написать такой текст, чтобы просто читая его на листке А4 Вы уже захотели купить то, что предлагают! Тогда на сайте от такого товара ну никак нельзя будет отказаться. А это как раз то, что нам нужно!

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

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

landing page
одностраничник
посадочная страница
лендинг
структура сайта
конструктор сайтов
конструктор
создание сайта
вёрстка сайтов

Блог компании Bloxy
Интернет-маркетинг
Повышение конверсии

Из чего состоит структура Landing Page и как написать продающий заголовок

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

Что было в прошлых частях:

Мы собрали достаточно информации. Пришло время начать создавать лендинг пейдж!

Коротко о структуре Landing Page: поймем, как это работает. Любой лендинг пейдж делится на 2 части:

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

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

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

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

Первый экран: 3 секунды без права на ошибку

Что такое первый экран? Это высота экрана ваших посетителей, которая в 90% детскопного трафика составляет в среднем 700 пикселей. Все мы сегодня – представители эпохи скроллинга. Вспомните, как мы ищем что-то в интернете?

Открываем Яндекс или Google.
Вбиваем запрос и сразу нажимаем колесиком на 3-5 сайтов из поисковой выдачи.
Начинаем просматривать страницы, стараясь тратить минимум времени (3-6 секунд на одну), чтобы решить, стоит ли сайт нашего дальнейшего внимания или уйти закрыть его и искать дальше. За 3-6 секунд беглого взгляда происходит оценка первого экрана. Мы понимаем, соответствует ли он тому, что мы искали, и интересна ли нам информация.
Если сайт не пугает, а контент привлекает чем-то, мы начинаем скролить.
Если что-то не нравиться, мы закрываем сайт и уходим на другой.

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

Как оформить первый экран

Первый экран традиционно содержит следующие элементы:

Логотип (вариантивно),
Дескрипт,
Контакт,
Меню (по необходимости),
Заголовок,
Подзаголовок (вариативно),
Изображение/видео продукта,
CTA (Форма или Кнопка),
Идентификация,
Выгоды (вариативно).

1. Логотип

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

2. Дескрипт

Дескрипт входит в категорию триггеров. Он информирует пользователя о том, куда тот попал и чем занимается компания. Иными словами, это описание деятельности, которое нужно уложить в 2-4, максимум в 6 слов. Чек-лист дескрипта:

точно описывает то, чем занимается компания с конкретизацией ниши (пример — Конструктор Landing Page, Организация профессиональных конференций);
указывает на специализацию (пример — Свадебная фотосъемка, Агентство элитной недвижимости);
может содержать идентификацию (пример — Консультации для начинающих бизнесменов, Тренинги для топ-менеджеров);
может демонстрировать выгоду (пример — Отдел продаж под ключ)

3. Контакт

Обычно указывается номер телефона, ставится кнопка заказа звонка. Можно указать любой другой способ связи. Где-то хорошо работает whatsapp и viber. Контакты всегда повышают к Вам доверие. У людей складывается ощущение, что они в любой момент (или в рабочее время) могут позвонить, если что не так. И лучше в этот момент им ответить.

Примеры, как это может выглядеть:

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

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

Разберетесь за 10 минут. Создать страницу и закрепить знания с курса с его помощью можно совершенно бесплатно. Если вдруг что-то непонятно, пишите в техподдержку support@bloxy.ru, обязательно поможем.

Давайте сразу закреплять то, что вы узнали!

Открыть еще одну вкладку в браузере
Перейти на bloxy.ru и зарегистрироваться
Зайти в редактор
Сделать дескрипт, логотип, кнопку заказать звонок и написать телефон или выбрать из готовых секций в разделе «Первый экран — логотип»

5. Заголовок или самая важная часть Landing Page

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

Технология 1. Как сделать продающий заголовок: 4U

Майкл Мастерсон — предприниматель, которой придумал и внедрил данную технику. Он не думал, что она буквально взорвет рынок продаж. С помощью 4U многие предприниматели удваивали, утраивали конверсию сайтов, и увеличивали открываемость писем e-mail рассылок. Они меняли только заголовок! В чем же суть 4U?

Usefulness (Полезность)

Ваше предложение должно быть очевидно полезным для потенциальных клиентов. Люди не любят думать. Напишите, какую выгоду получит человек, если совершит нужное вам действие. Почему только здесь он решит свою проблему, причем решит так, как ему нужно? Продавайте не дрель, а дырку в стене. Помните технику «трех почему»? Единственно, что нужно от вас – дать решение проблемы посетителя. Это 1U.

Urgency (Срочность или Актуальность)

Актуальность есть соответствие заголовка Landing Page и проблемы клиента. Если пользователь что-то начал искать, то, скорее всего, это нужно ему не послезавтра, а сегодня, еще лучше — вчера. Большинству горячих клиентов из рекламного трафика (например, Яндекс Директ, Google Adwords) нужно то, что они ищут, прямо сейчас. Дайте конкретную цифру, когда он получит искомое? Поэтому актуальность и срочность это 2U.

Uniqueness (Уникальность)

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

Процесс изучения посетителями одностраничника

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

Ultra-specificity (Ультра-специфичность)

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

Как грамотно создать заголовок? Обратимся к примерам. Это всегда понятнее.

Пример 1
Исходный заголовок: Дизайн интерьеров.

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

Добавляем уникальности. Объясним, насколько удобнее:
– Разработаем дизайн интерьера, в который захочется возвращаться.

Добавляем срочность:
– Разработаем дизайн интерьера в который вы захотите возвращаться, сэкономив 30% бюджета за 2 недели.

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

Сравним:
– Дизайн интерьеров на заказ
– Профессионалы индивидуально разработают дизайн интерьера, в который Вы захотите возвращаться, сэкономив 30% бюджета за 2 недели
Ощутите разницу. Она огромна. Такова же разница в эффективности продаж.

Пример 2
Исходный заголовок: Купить шины.

Польза — зачем они? Безопасно ездить, или гонять, зависит от целевой аудитории:
– Увеличьте безопасность автомобиля на дороге.

Ультра-специфичность. Насколько безопасно:
– Увеличьте безопасность автомобиля на дороге на 35%.

Срочность. Как быстро:
– Увеличьте безопасность автомобиля на дороге на 35% за 1 час.

Уникальность. Каким образом:
– Увеличьте безопасность автомобиля на дороге на 35% за 1 час за счет инновационной резины шин «Шинус».

Сравним:
– Купить самые лучшие шины у нас
– Увеличьте безопасность автомобиля на дороге на 35% за 1 час за счет инновационной резины шин «Шинус»

Работает магически, не правда ли? Остается думать и тренироваться ради результата. Он вам нужен? Используйте все 4U, а не 1U, 2U или 3U. Вы обойдете 97% конкурентов.

Написать 5 заголовков по технике 4U.
Добавить в интеллектуальную карту в раздел заголовок.

Технология 2. Как создать продающий заголовок: 3В

Речь идет о том, что можно просто комбинировать выгоду. Формула выглядит примерно так: Выгода + Выгода + Выгода = Успех.

Примеры:

– Зарабатывайте на 30% больше уже через 1 день после аудита сайта профессионалами
– Делайте молочные коктейли за 1 минуту у себя дома с блендером
– Увеличим прибыль вашего сайта в 2 раза с технологией создания заголовков по 4U

Технология 3. Создание заголовка: 2М

Сделай Минимальные усилия – получи Максимальные результаты.

– Как продать автомобиль за 3 часа на 10% выгоднее, не выходя из дома
– Как заработать 1000 рублей лежа на диване за 1 день
– Как увеличить конверсию в 2 раза за 10 минут без вложений

Итак, мы научились создавать крутые заголовки для первого экрана. Чек-лист хорошего заголовка:

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

Пример, как это может выглядеть:

Пример заголовка на первом экране Landing Page.

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

Перейти в редактор
Добавить заголовок на первый экран

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

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

Пример:

– Заголовок: Зарабатывайте на 30% больше уже через 1 день после аудита сайта профессионалами.
– Подзаголовок: Все еще не хватает на новый Феррари? Звоните прямо сейчас, и мы увеличим ваши продажи.

Пример, как это может выглядеть:

Перейти в редактор
Добавить подзаголовок на первый экран.

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

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

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

Пример качественных фото и некачественных:

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

Пример качественных и некачественных картинок на одностраничнике

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

Пример качественных и некачественных картинок на одностраничнике

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

Каким характеристикам должна отвечать картинка? Она:

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

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

– unsplash.com;
– allthefreestock.com;
– Поиск в Google картинках на английском (переводим с помощью онлайн-переводчика и вперед!).

Примеры, как это может выглядеть:

Пример первого экрана для заголовка и изображения Landing Page.

Перейти в редактор
Добавить изображение на фон или рядом

8А. Кнопка

Это очень важный элемент одностраничника. На кнопке пишется призыв к действию. Именно она конвертирует посетителя в следующий шаг воронки. Чек-лист кнопки:

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

Пример, как это может выглядеть:

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

Хорошо:
– Получить консультацию
– Узнать больше
– Получить мой подарок
– Увеличить продажи
– Получить бесплатно
– Принять участие
Плохо:
– Отправить
– Заказать
– Купить

8.Б. Форма

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

заголовок;
подзаголовок;
поля для ввода;
кнопка;
подпись;
CTA + выгода.

– Заголовок формы – это CTA, который сделали раньше. Задайте себе вопрос: что я предлагаю посетителю? Ответьте на него и пишите в заголовок формы.
– Подзаголовок формы – это подтверждение выгоды. Почему важно заполнить форму прямо сейчас? Что ценного получит пользователь? Подзаголовок не является обязательным элементом, если все уложилось в заголовок. Лишнее убирайте.
– Поля – это данные которые критически необходимы для связи с потенциальным клиентом. Помните: чем больше полей, тем ниже конверсия. Лучше 1 поле, оптимально сделать 2 поля – e-mail или телефон + имя (как обращаться).
– Поля контактов (телефон/e-mail/skype/профиль в социальных сетях) Что-то одно может быть обязательным к заполнению. Остальные поля должны быть не обязательными.
– Кнопка – призыв к действию. Она покажет, что получит пользователь, если нажмет на нее, что произойдет после нажатия.
– Подпись – последний шанс развеять сомнения пользователя. Что здесь стоит указать? Социальное доказательство (более 3000 подписчиков), сроки (перезвоним через 5 минут), выгоды (бесплатно), важные детали (14 дней бесплатный период).

Пример формы на первом экране Landing Page

Перейти в редактор
Добавить кнопку или форму на свой первый экран

9. Идентификация

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

Для кого подойдет?
– Для владельцев бизнеса
– Для начинающего бизнеса
– Для владельцев веб-студий
Для кого не подойдет?
– Для дачников
– Для домохозяек
– Для автовладельцев

Примеры, как это может выглядеть:

Перейти в редактор
Добавить идентификацию на первый экран

10. Выгоды

Если осталось место на первом экране и вы использовали фоновое изображение вместо картинки, добавьте еще 2-3 выгоды. Они не помешают.

– С нами вы сильно увеличите продажи! (Сильно — это как?).
– С нами вы увеличите продажи в 2 раза! (Это понятно).
– С нами вы увеличите продажи на 30%! (Сразу понятно, на сколько).

Пример, как это может выглядеть:

Перейти в редактор
Добавить еще 2-3 выгоды

Почему должны присутствовать именно эти элементы?

Все это анализ сотни высококонверсионных сайтов и опыт создания собственных лендингов.

– Во-первых, схема гарантировано работает.
– Во-вторых, к такому построению лендингов уже привыкли клиенты, и это их не отпугнет.

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

На следующем шаге мы создадим карточку продукта, и я раскрою разные «фишки» про цены.

Рады помочь, команда Bloxy — простого редактора для быстрого создания сайтов под Ваши задачи (Landing Page, подписные страницы, мероприятия, конференции, вебинары, персональные страницы, маленькие интернет-магазины и т.д.). Попробовать и создать сайт можно бесплатно, а по любым вопросам мы поможем в тех. поддержке.

Для читателей Хабра мы дарим промокод habr6 – удвоит оплаченный период на любом тарифе. Например, оплати 6 месяцев и 6 месяцев получишь в подарок. Действует 1 неделю с момента публикации.

маркетинг
landing page
одностраничник
посадочная страница
лендинг
структура сайта
конструктор лендингов
создание сайта
вёрстка сайтов
разработка сайтов
продажи в интернет

Блог компании Bloxy
Интернет-маркетинг
Повышение конверсии

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

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

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

Кадр из х/ф «Операция Ы и другие приключения Шурика»

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

Люблю оформлять рафиком посты про трафик

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

Главное, что мы должны понимать — абсолютно весь трафик пришедший с прямой рекламы очень холодный. И здесь нет вины рекламщиков, которые вам его приводят. Лучшее, что может сделать хороший специалист — привести вам людей с намерением рассмотреть продукт/услугу, напоминающие ваши. При этом рассмотреть продукт здесь не означает купить. Парадоксально — самый “горячий” уник из интернета, пришедший по максимально таргетированной рекламе, который прям горит желанием съесть бутерброд, который вроде как есть у вас — вас больше всего ненавидит. Люди ненавидят всех рекламщиков и всю рекламу с которой они контактируют, за исключением разве, что финалистов Каннских Львов и ролики с Superbowl (здесь люди ненавидят рекламируемый продукт).Следствие — впечатление от контакта с вами базово негативное.

Значит ли это, что реклама не работает? — Работает, обязательно.

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

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

Модная реклама LG из начала века
Первый экран — основа основ

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

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

Этот парень знает толк в выгодах
Цены и выгоды

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

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

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

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