Лендинг с высокой конверсией: хитрости и предостережения

Лендинг с высокой конверсией: хитрости и предостережения

Лендинг с высокой конверсией: хитрости и предостережения
Время чтения: 17 минут
Отправим материал вам на:

Из этой статьи вы узнаете:

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

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

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

Кому подойдет лендинг?

Лендинг пейдж

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

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

article_banner.png

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

  1. Дать пользователям материалы (лид-магниты) в разных форматах: подкасты, вебинары, чек-листы, электронные книги, отчеты для получения их контактных данных.
  2. Предоставить доступ к подписке на ваши материалы.
  3. Дать возможность зарегистрироваться на онлайн или живое мероприятие.
  4. Продать товары и услуги.
  5. «Утеплить» потенциальных клиентов, чтобы перевести их на следующую ступень воронки продаж.

Посадочные страницы бывают:

  • короткими (подписными);
  • длинными.

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

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

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

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

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

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

Для расчета используют следующую схему. Допустим, за месяц лендинг посетили 10 тысяч человек. Из них 450 выполнили целевое действие (то есть конвертировались из посетителей в клиентов). Конверсия составит 4,5 (450 / 10 000 * 100 %).

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

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

Конверсия — плавающий показатель, который зависит от:

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

Эффективность лендинга зависит и от таких элементов конверсии:

  1. Заголовок. Если он правильный, то это делает посадочную страницу на 20−30 % эффективнее.
  2. Уникальность контента и соответствие тематике фотографий или изображений, формирующих первое впечатление у посетителя сайта.
  3. УТП, бонусы и акции — хорошие стимулы к выполнению целевого действия.
  4. Простой дизайн, качественное юзабилити.
  5. Скорость загрузки и технические параметры веб-страницы.

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

Окончательная конверсия

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

Какая конверсия должна быть у посадочной страницы?

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

Если ваше предприятие специализируется на продаже коллекционных премиум-авто, собранных вручную, конверсия 0,5−1 % будет считаться прекрасной, поскольку вы получите отличную прибыль от продаж. Если вы продаете серийные отечественные машины, то показатель конверсии в 1 % будет считаться плохим.

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

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

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

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

Структура лендинга с высокой конверсией

Структура лендинга с высокой конверсией

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

  • Заголовок

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

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

  • Подзаголовок

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

  • Фото/видео контент

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

  • Лид-форма

Лид-форма

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

Чем меньше преград к целевому действию, тем лучше. Запрашивать у клиента следует только те данные, которые вам действительно нужны: номер телефона и/или e-mail и альтернативное специфическое поле (все зависит от ваших целей).

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

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

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

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

Так у вас останутся контактные данные для дальнейшего общения и «подогрева» теплых лидов — заинтересованных посетителей.

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

Пользователь не должен сомневаться в правильности своего выбора в вашу пользу. Размещайте сертификаты, перечень (лого) партнеров, свои публикации в СМИ, количество подписчиков на YouTube, фотографии команды и офиса.

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

  • Отзывы, кейсы

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

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

  • Выгоды

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

  • Описание оффера — объяснение товара/услуги

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

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

  1. «По-моему, это очень дорого/дешево». Поясните, почему действует именно такая цена, почему она выше/ниже, чем у других.
  2. «А что, если качество товара меня не устроит?». Расскажите, на каких условиях можно вернуть и обменять продукт.
  3. «А если мне придется очень долго ждать заказ?». Опишите условия и сроки доставки.

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

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

Интерактивный калькулятор

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

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

  1. Boy-Coy
  2. Boy-Coy

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

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

  3. Hipstamatic
  4. Hipstamatic

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

  5. Apple
  6. Apple

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

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

  7. Goodwin
  8. Goodwin

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

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

  9. Клуб профессионального фитнеса
  10. Клуб профессионального фитнеса

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

  11. Эксклюзивные кухни
  12. Эксклюзивные кухни

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

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

    Эксклюзивные кухни_подбор вариантов

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

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

  13. Море желаний
  14. Море желаний

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

Как создать лендинг с высокой конверсией: 8 этапов

1. Сформулировать цели

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

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

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

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

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

  • Конструктор

Конструктор

В Интернете есть множество конструкторов. Лендинг с высокой конверсией сделать с их помощью самостоятельно довольно просто. Это займет примерно 5−7 часов. Цена вопроса — не больше 1000 рублей в месяц. Но нам ведь понятно, что и автомобиль можно собрать своими руками, но вот заведется ли он — неизвестно.

Преимущества конструкторов:

  • Низкая цена. Всего 500−1000 рублей в месяц, и у вас есть лендинг.
  • Простота. Вам не придется ломать голову над версткой, адаптацией под мобильные гаджеты, подключением SMS-оповещений о новых заявках на ваш телефон. Всё это уже предусмотрено конструктором.
  • Высокая скорость. На создание и настройку уйдет очень мало времени. Подкорректировать лендинг тоже будет довольно просто.
  • Техподдержка. Вам в кратчайшие сроки и очень детально ответят на возникший вопрос, что, конечно, очень удобно.
  • Бесплатный пробный период. Сегодня почти у всех конструкторов посадочных страниц есть двухнедельный бесплатный тестовый период.

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

Недостатки конструкторов:

  • Знания. Вы должны знать, какие блоки применять, в каком порядке и т. д. Хотите подсмотреть у конкурентов? Хорошо, но откуда вы знаете, что у них лендинг с высокой конверсией и работает он эффективно?
  • Дизайн. Если вы впервые используете конструктор, то окончательный вариант лендинга будет выглядеть печально. Даже если это далеко не первая попытка. Супердизайна точно не будет.
  • Ограниченность. Число готовых блоков ограничено, как и их функциональность. Вариантов дизайна тоже не так много. Поэтому если хотите реализовать какую-то крутую идею, то лучше забыть о конструкторе, он вам не поможет.
  • Фрилансеры

Фрилансеры

Поиск фрилансера, который самостоятельно с нуля и под ключ разработает продающий лендинг с высокой конверсией, — задача НЕВЫПОЛНИМАЯ. Можно найти отдельных специалистов: дизайнера, который разработает удобное и стильное оформление одностраничника, или веб-мастера для верстки. Но специалиста, который в одиночку ПРОФЕССИОНАЛЬНО создаст лендинг с высокой конверсией, вы не найдете.

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

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

Плюсы работы с фрилансерами:

  • Время. Это и преимущество, и недостаток. Выгода в том, что вы освобождаетесь от основного процента задач по реализации дизайна и технической части.
  • Качество. Основное преимущество. Фрилансеры точно сделают всё качественнее вас. Хотя бы потому, что они обладают опытом и знаниями, которых нет у вас.

Минусы сотрудничества с удаленными свободными работниками:

  • Ответственность. Если лендинг не будет работать, то винить, кроме себя, некого, поскольку вы ставите перед фрилансерами задачи и говорите, как нужно делать.
  • Поиски. Вы должны знать, где искать исполнителей, как ставить перед ними задачи. Помимо этого, нужно заполнять бриф, показывать техническое задание и т. д.
  • Время и силы. Основная масса фрилансеров работают спустя рукава, поэтому будьте готовы к нарушению сроков и периодическим потерям связи. И это лишь малая часть проблем, с которыми вы столкнетесь, если создавать для вас лендинг пейдж будут удаленные свободные специалисты.
  • Деньги. Вам придется потратиться, поскольку грамотный профессионал «без связей» стоит немало. Примерная цена дизайна среднего качества равняется 8−10 тысячам рублей. Столько же стоит верстка. Во многом цена определяется сложностью проекта и тарифами фрилансеров.
  • Кидалы. Схема работы выглядит так: 50 на 50. Вы вносите предоплату, а остаток выплачиваете по окончании проекта. Очень часто случается, что фрилансеры просто берут первый взнос и исчезают.

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

Переплата составит 15 %, но зато вы будете уверены в сохранности своих денег. Кстати, если исполнитель захочет вас кинуть, то будет отговаривать от безопасной сделки. Обратите на это внимание.

3. Определить целевую аудиторию

Целевая аудитория

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

  • свою целевую аудиторию;
  • лестницу Ханта;
  • содержание вашей компании.

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

  • Целевая аудитория

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

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

Зная лестницу Ханта, вы определите структуру будущей посадочной страницы.

Поясним кратко. До того, как принять решение о покупке, клиент проходит пять этапов осознанности:

  1. «Безразличие». Проблемы нет.
  2. «Осведомленность». Проблема есть, но решение отсутствует.
  3. «Сравнение». Варианты решения проблемы сравниваются друг с другом.
  4. «Выбор». Вариант найден. Идет поиск товаров/услуг.
  5. «Покупка». Выбирается поставщик товара/услуги.

Как лестница Ханта может вам помочь при разработке посадочной страницы? Проанализируем каждый шаг и необходимые действия:

  1. «Безразличие». Ваша задача — сначала создать проблему в сознании потенциального клиента. Вы должны показать, что если он не совершит целевое действие, то сильно проиграет.
  2. «Осведомленность». Здесь необходимо на первых экранах продемонстрировать разные варианты решения проблемы клиента.
  3. «Сравнение». Нужно дать понять, что ваше решение превосходит другие. Можно создать сравнительную таблицу, разместить обзор товара, итоги исследования, предложить лично проконсультировать человека и помочь ему в выборе и т. д.
  4. «Выбор». Покажите клиенту наиболее подходящее для него предложение в наилучшем виде и комплектации. Для этого нужно описать больше выгод товара.
  5. «Покупка». Здесь вы, прежде всего, демонстрируете выгоду сотрудничества именно с вами, а уже потом рассказываете о товаре и его преимуществах.

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

4. Продумать упаковку

Фирменный стиль

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

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

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

  • Перечислите 3−5 объективных причин, по которым выгоднее совершать покупки у вас, а не у конкурентов.
  • Какие производственные особенности есть именно в вашей компании?
  • Обучаете ли вы персонал?
  • Какие у вашего продукта достоинства и недостатки по сравнению с аналогичными товарами конкурентов?
  • Кто лицо или лица вашей компании?
  • Какими бонусами вы готовы вознаграждать клиентов за крупные покупки?
  • Подробно распишите этапы работы с покупателем — от первого обращения до оказания услуги.
  • На каких финансовых условиях вы работаете (наличие рассрочки, предоплаты, отсрочки первых выплат, продуктных кредитов, скидок, товаров на реализацию, выкупа неликвидной продукции и т. д.).
  • Какие о компании или от компании есть публикации (комментарии экспертов, интервью, жюри в ТВ-шоу, авторские колонки, статьи)?
  • Ваши «звездные» клиенты.

5. Создать прототип лендинга

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

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

Лучше всего это сделать, взяв лист бумаги и набросав на нём последовательность блоков/смыслов. Получится приблизительно так:

  1. шапка;
  2. выгоды компании;
  3. каталог;
  4. собственное производство;
  5. склад;
  6. сотрудники и т. д.

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

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

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

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

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

6. Разработать дизайн

Дизайн лендинга

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

При этом с дизайнером вы тоже можете намучиться. Чтобы этого не случилось, сначала непременно составьте МАКСИМАЛЬНО ПОДРОБНОЕ ТЗ, включив туда примеры удачных и неудачных, на ваш взгляд, посадочных страниц. И только потом поручайте дизайнеру разработку лендинга.

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

Если вы всё же решили разработать оформление сами, в процессе своей деятельности обратите внимание на следующие параметры:

  • Цветовые пятна. На один экран должен приходиться один основной цвет. Не используйте несколько разных оттенков, создавая разноцветную картинку.
  • Минимализм. Если вы мало что понимаете в дизайне, минималистическая и стильная страничка без лишних элементов (по примеру Apple) — то, что нужно.
  • Воздух. Между элементами должно быть пространство, отделяющее между собой смысловые блоки. Руководствуйтесь правилом: один экран = один смысл.
  • Акценты. Все элементы должны быть подчинены друг другу. Что-то должно выделяться в первую очередь, потом бросаться в глаза вторая деталь, затем остальные элементы.

7. Сверстать лендинг

Верстка лендинга

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

Прежде чем оплатить и запустить веб-сайт, проверьте свою страницу на кросс-браузерность и мобильную версию. Чаще всего работа стопорится именно на этом этапе, когда в 50 % браузеров всё работает некорректно или вообще не работает. Часто случается так, что заявки не поступают на e-mail, а вы уже подумали, что лендинг неконверсионный.

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

8. Доработать посадочную страницу

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

  • «сайт работает некорректно»;
  • «людям нужен на сайте калькулятор»;
  • «мне больше не нравится этот блок»;
  • «нужно, чтобы ссылка открывалась в новом окне».

Всё это вынуждает постоянно улучшать лендинг, и это нормальная ситуация.

8 советов по прокачке высокой конверсии лендинга

  • Читабельный текст

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

  • Структура текста

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

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

  • CTA-кнопка

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

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

  • Всё внимание клиенту, а не себе

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

Поставьте себя на его место. Чего он ждет от вашего товара?

Примерно так:

Хороший лендинг

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

  • Пользуйтесь гипнотическими словами

Перечень слов

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

  • вы;
  • представьте;
  • потому что;
  • бесплатно;
  • подарок.

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

  • Избегайте шаблонов

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

  • быстро;
  • качественно;
  • профессионально;
  • надежно;
  • недорого.

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

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

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

Пример: «Быстро и качественно высококлассные профессионалы отремонтируют авто». Обратный вариант: «Медленно и плохо малоопытные специалисты отремонтируют авто». Получается абсурд.

А вот пример хорошего текста: «Опыт каждого мастера 10 лет, а за плечами старшего механика — стажировка в «Формуле−1». Даем гарантию 3 года на любой вид ремонта авто». Факты и ничего, кроме фактов.

  • Публикуйте только реальные отзывы

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

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

«Мне очень всё понравилось» и «Благодарю, всем советую вас» лучше пропустить. Схема идеального продающего отзыва выглядит так: «Суть проблемы — Почему обратился именно сюда — Как решили проблему — Результат — Советы».

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

  • Вычитывайте текст на наличие ошибок

Наличие ошибок

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

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

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

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

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

  1. Чрезмерное количество CSS и Javascript
  2. Не забывайте: при добавлении новой функции или плагина программный код расширяется в объеме. Это, в свою очередь, может отражаться на скорости загрузки. Чем дольше грузится посадочная страница, тем выше вероятность того, что посетитель покинет её, не совершив целевого действия.

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

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

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

    Слайдеры

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

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

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

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

    Настроить момент pop-up можно не только по таймеру, но и при попытке закрыть страницу (Exit-popups).

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

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

article_banner.png

Статья опубликованна:

Рейтинг 5 из 5. Проголосовало: 1
2019-08-29 17:00:58
Спасибо за статью, узнал много фишек про то, как повысить конверсию лендинга

Читайте также

Генератор Продаж
Опубликовано
Генератор Продаж
г. Рязань, Куйбышевское шоссе, 25
Телефон: 8 (800) 775-43-06