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

Лендинг, лединг, лейдинг, лендинг пейдж, одностраничный сайт, langing page, одностраничник, продающий сайт, посадочная страница.

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

Ну, раз нужен, то давайте решим вопрос с его созданием. Сделать лендинг самому? После этой статьи – не вопрос!

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

На всякий случай или этап 0

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

1. Получить новые заявки на товары/услуги;
2. Увеличить узнаваемость бренда;
3. Информировать о предоставлении товаров/услуг;
4. Предоставить консультацию по услугам;
5. Получить резюме от кандидатов;
6. Привлечь партнеров, дилеров, представителей;
7. Обеспечить доступ к сервису;
8. И прочее.

Перед тем, как начать творить, Вам нужно запомнить, что на одном сайте пытаться и продать товар, и привлечь дилеров нельзя. А все потому что это разные задачи, а это значит разные landing page.

Важно. Перед созданием Вам нужно чётко определить цель Вашего лендинга. И запомните – цель должна быть одна.

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

ЭТАП 1 – Отдать или сделать самому

На этом шаге Вам нужно определить какие из двух вариантов решения выберите Вы.

Что же делать… Что же делать

И выбираться будут они на основании Ваших денежных и временных ресурсов. Рассмотрим каждое из них с плюсами и минусами.

Конструктор

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

Выглядело это всё очень странно, ведь он до этого со всем ознакомился, подписал договор. Но мы компания не бедная, поэтому нам проще отпустить клиента с миром (не всегда), чем пытаться что-то доказывать. Что мы и сделали.

А всё это произошло потому, что он нашёл в интернете конструктор лендингов и узнал, что всё можно сделать самому, потратив на это буквально 5-6 часов, и заплатив при этом не больше 1 000 рублей в месяц.

Но мы то с Вами понимаем, что можно собрать и “машину” самостоятельно, но насколько она далеко поедет, насколько будет индивидуальный , насколько будет корректное техническое оснащение…

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

Плюсы :

• Дешево. Прям очень. 500-1000 рублей в месяц и Вы – счастливый владелец одностраничного сайта;
• Просто. Вам не нужно думать о верстке, адаптации под мобильные устройства, подключении смс-оповещений о новых заявках на Ваш телефон. Все это уже есть и сделано для Вашего удобства;
• Быстро. Сделать и настроить можно реально всё быстро. Причём, внести изменения тоже не составит труда;
• Техническая поддержка. У Вас есть вопрос? Вам ответят на него максимально быстро и подробно. Огромный плюс;
• Бесплатный тестовый период. Сейчас практически у всех конструкторов лендинг пейдж 14 дней бесплатного тестового периода. Регистрируетесь и…

Небольшая жизненная правда. “ 14 дней халявы! За это время заработаю денег с помощью лендинга на конструкторе и закажу красивый сайт в агентстве”, – думали они.

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

Минусы :

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

  Решили подглядеть у конкурентов? Отлично! Только откуда Вы знаете, что у конкурентов эффективный лендинг и показывает хорошие показатели?

• Дизайн. Если Вы работаете с конструктором первый раз, то на дизайн landing page по окончании работ “без слез не взглянешь”.

  Даже если это далеко не первый вариант. Крутого дизайна, такого, чтоб “Вау!”, не ждите.

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

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

Лично мы можем посоветовать этот landing page конструктор . Обычно мы отправляем к ним клиентов, которые только начинают или тестируют нишу.

Фрилансеры

Давайте сразу по делу и из опыта. Найти фрилансера, который в одиночку создаст продающий лендинг с нуля и “под ключ” – НЕВОЗМОЖНО. Ну правда.

Возможно найти отдельных специалистов: дизайнера, который создаст дизайн будущего сайта, или программиста, который его сверстает, но монстра, который КАЧЕСТВЕННО сможет сделать сайт от и до, не существует.

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

Поэтому идеальная схема работы с фрилансером, это когда Вы самостоятельно всё анализируете, собираете, готовите.

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

Плюсы :

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

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

Минусы :

• Ответственность. Если сайт не будет работать, то никто кроме Вас не виноват. Так как Вы являетесь тем, кто ими управляет и говорит как нужно.

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

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

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

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

• Деньги. Вам придётся раскошелиться, так как хороший специалист без “связей” стоит не мало.

  Дизайн среднего качества выйдет в районе 8-10 тысяч, вёрстка тоже в районе этой суммы. Опять же всё зависит от сложности проекта и самих исполнителей.

• Кидалы. Работа строится следующим образом: 50 на 50. Предоплата и потом оставшаяся оплата после завершения проекта.

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

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

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

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

Этап 2 – кому и что?

Самый скучный (но самый нужный) блок в этой статье. Неважно каким путем Вы пойдете. Будете делать эффективный лендинг пейдж своими руками или отдадите в специализированное агентство. В любом случае Вам нужно знать 3 вещи:

1. Свою целевую аудиторию;
2. Лестницу Ханта;
3. Внутренности вашей компании.

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

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

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

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

Про определение целевой аудитории, или ещё глубже определение клиента, мы уже писали.

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

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

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

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

Но что даст знание лестницы Ханта? Также как и аватар клиента, она даст саму структуру будущего лендинга.

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

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

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

Как эта сложность может помочь Вам при создании лендинга? Давайте рассмотрим каждый этап и как нужно действовать:

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

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

Упаковка

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

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

Так как правильные вопросы формируют правильные ответы, которые Вы берёте и упаковываете в свой сайт. Этот этап поможет Вам взять всё самое ценное в Вашей компании и показать это лицом.

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

1. Сформулируйте 3-5 “причины, почему объективно выгоднее покупать у Вас, а не у конкурентов”.
2. Какие особенности производства есть именно в Вашей компании?
3. Проводите ли Вы внутреннее обучение персонала?
4. Сравните продукт с аналогами. Укажите преимущества и недостатки.
5. Кто является лицом или лицами компании?
6. Какие бонусы Вы готовы выдавать клиентам при покупке на большие суммы?;
7. Распишите детально этапы работы с клиентом от первого обращения до выполнения работ.
8. Расскажите про финансовые условия работы (предоплата, рассрочка, отсрочка первых выплат, продуктные кредиты, скидки, продукт на реализацию, выкуп неликвида и т.д.).
9. Какие о компании или от компании существуют публикации? (экспертные комментарии, интервью, жюри в телешоу, авторские колонки, статьи).
10. Ваши клиенты-звёзды.

ЭТАП 3 – Прототип

Наконец-то мы добрались до самого интересного. Сейчас будем создавать Ваш будущий сайт.

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

Шаг 1. Структура прототипа

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

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

1. Шапка;
2. Выгоды компании;
3. Каталог;
4. Собственное производство;
5. Склад;
6. Команда;
7. и т.д.

Это мы с Вами прописываем блоки, но также должны не забывать про две классические структуры, по которым строится любой рекламный материал и landing page не исключение:

1. (товары/услуги);
2. PmPHSA (). Расшифровывается как Pain, more Pain, Hope, Solution, Action (боль, усиление боли, надежда, решение, призыв к действию).

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

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

Если бы не было той самой отзывчивой техподдержки, которая 24/7 отвечает на вопросы в течение 5 минут, LPTrend был бы уверенным середняком. Но она есть, и именно поэтому он занимает одни из самых высоких строчек в разных топах конструкторов.

• Количество шаблонов: более 60-ти. При этом лендинги сделаны по интересным шаблонам, которые делали опытные маркетологи. Конверсия на таких одностраничниках достаточно высока.
• Покупка доменов: Да.
• Цены: Сразу после регистрации активируется бесплатный тариф на 8 дней. После пробного периода предлагается взять один из тарифов, которые отличаются лишь количеством создаваемых одностраничников: за 1 – 500 руб./мес; за 10 – 1000 руб./мес; За 10+ – 2000 руб./мес. А еще сервис предлагает создавать тематическое продающее видео за 7900 руб./минуту ролика и создание лендинга под ключ за 6900.

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

Tobiz

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

Тобиз – как раз тот вариант. За 2 года работы сервиса создатели сумели найти свою аудиторию, которая на данный момент составляет более 1500 тысяч вебмастеров.

• Количество шаблонов: более 270 шаблонов самых разных тематик. При этом большинство из них выгодно использовать как образец – сайты создаются из отдельных блоков.
• Можно ли менять структуру и добавлять свой дизайн: Да.
• Покупка доменов: Да.
• Цены: тестовый 14-дневный период, после завершения которого будет доступно несколько тарифов, самый дешевый из которых – 450 рублей в месяц.

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

Wix

Говорить что-то о популярности этого конструктора просто бессмысленно. по ТВ для IT продукта не то чтобы нова, но есть много других, более дешевых каналов продвижения.

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

• Количество шаблонов: 17 + есть возможность полного изменения каждого из шаблонов.
• Можно ли менять структуру и добавлять свой дизайн: Да.
• Покупка доменов: Да.
• Цены: Тестовый период неограничен, но работать придется с рекламой и без своего домена. Создавать лендинги без рекламы можно по цене 99 долларов в год, но если поймать акцию – по 49.

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

Umi

К концу 2015-го года, количество сайтов, созданных на конструкторе Umi, перевалило за 1 миллион. Достаточно солидный показатель за работу с 2011-го года.

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

• Количество шаблонов: Более 550 макетов, часть из которых адаптивны.
• Можно ли менять структуру и добавлять свой дизайн: Да.
• Покупка доменов: Да.
• Цены: Сначала активируется 15-дневный режим бесплатного пользования, после чего стоимость пользования сервисом для создания лендингов будет составлять 490 рублей за месяц использования.

Итог: Для создания и запуска первого лендинга, Юми подходит просто идеально. Сначала можно будет пользоваться лишь бесплатными виджетами, а с течением времени и увеличением потребности, прикручивать различные платные примочки. В соотношении цена/качество – один из самых интересных вариантов.

Nethouse

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

• Количество шаблонов: 5 секций для сайтов, в которых до 40 разных шаблонов. Говоря откровенно – негусто. Радует только возможность сделать самостоятельный дизайн.
• Можно ли менять структуру и добавлять свой дизайн: Да.
• Покупка доменов: Да.
• Цены: одни из самых демократичных – 248 и 415 рублей за месяц использования. Бесплатный тестовый период неограничен.

Итог: Лучше всего работать с Nethouse при создании интернет-магазина. Для лендинга довольно средний функционал и количество шаблонов. Но если вы хотите «дешево» и топорно – работать с Nethouse достаточно просто и выгодно.

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

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

• Количество шаблонов: Тут все очень печально. Для лендингов есть лишь 6 готовых шаблонов, которые можно кастомизировать, но это будет очень сложно.
• Можно ли менять структуру и добавлять свой дизайн: Да.
• Покупка доменов: Да, можно даже выкупить сайт и перенести его на другой сервис.
• Цены: Тестовый период в размере 21 дня, после которого достаточно демократичные тарифы – 480 и 980 рублей в месяц.

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

Ucraft

Совет 3. Если есть возможность – используйте уникальный дизайн.

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

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

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

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

Совет 4. Внимательно относитесь к рекламе.

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

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

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

От того, насколько грамотно вы подберете картинку к своему рекламному объявлению, может зависеть кликнет по нему 30 человек или 300. Именно поэтому прежде чем пенять на то, что лендинг не продает, позаботьтесь о том, чтобы ваша реклама работала на все 100%.

Совет 5. Анализируйте работу вашего лендинга.

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

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

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

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

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

Заключение

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

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

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

Landing Page - это веб-страница, основной задачей которой является захват контактных данных посетителей веб-сайта.

Почему такое специфичное название?

В переводе с английского слово “Landing” переводится как “Посадка”, а “Page” - “Cтраница”.

Почему “посадочная” страница?

Дело в том, что используя Landing Page в работе, мы как бы приземляет пользователя на отдельную страницу. На стандартном сайте клиент изучает несколько страниц попадая на них через систему пересылок (перелинковку).

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

Каждая мышеловка состоит из:

Приманки

Механизма захвата

Основы для размещения первых двух элементов

Так и Landing Page имеет такую же структуру.

Основой для размещения приманки и механизма захвата является веб страница. Роль приманки на этой странице играет оффер (уникальное торговое предложение). А механизм захвата - это формы заявки или формы обратных звонков на странице.

Но вернемся главному вопросу, который задает себе каждый предприниматель: “ Landing Page поднимет мои продажи?”

Зачем нужен Landing Page?

Как я и говорил до этого, Landing Page нужен для нескольких целей:

Получить контакт (лида)

• Ознакомить

Предлагаю разобрать каждую цель отдельно.

Сбор контактных данных с помощью Landing Page

Как известно любому предпринимателю, контактные данные клиента - это возможность! Чем больше таких возможностей в нашей системе, тем больше денег мы можем заработать предложив свой продукт.

Именно поэтому существуют Landing Page, направленные на сбор контактных данных.

Что мы подразумеваем под контактными данными:

Получив эту информацию мы можем:

Обзвонить и продать

Вот несколько примеров подобных лендингов.

Пример лендинга: кровля

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

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

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

Пример лендинга: ремонт телефонов

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

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

Пример лендинга: банковские гарантии

Данный пример хорош с позиции составления УТП (уникального торгового предложения).

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

Продажа с помощью Landing Page

Существуют Landing Page, где клиент может произвести покупку прямо на сайте. Для этого подключают сервисы электронной коммерции Ecommtools и Robokassa.

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

Robokassa нужна для приема платежей любым удобным способом для клиента (Qiwi, Яндекс.Деньги, Webmoney, PayPal и т.д.).

Пример langing page: мероприятие

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

Ознакомление с помощью Landing Page

Также одной из целей лендинг пейдж является ознакомление с товаром или услугой.

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

Пример лендинг пейдж: клининговая задвижка в монолитном корпусе

В этом примере, демонстрируется инновационная задвижка в трубопроводной арматуре.

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

Пример лендинг пейдж: проектирование электроснабжения

В данном примере компания занимается сложными проектами по электроснабжению.

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

Чем лендинг пейдж отличается от сайта?

В отличие от многостраничного сайта, лендинг:

Имеет одну цель

Имеет одну страницу

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

Landing Page имеет одну цель

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

Выбор - это сложная задача для любого человека.

Людям проще взять что-то одно, нежели выбирать из 2-х или 3-х условий.

Вспомните, как вы выбираете фильмы. Можете часами сравнивать. А на лендинге выбор уже сделан и мы убеждаем человека в его правильности!

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

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

Landing Page имеет одну страницу

Вся необходимая информация должна находится на одной странице. Это нужно потому, что:

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

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

Эти 2 пункта имеют прямое отношение к эффективному получению лидов.

Что такое лиды?

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

В терминологии интернет маркетинга, любой способ первичной связи клиента с предпринимателем называется “лид”.

К лидам могут относиться:

Входящий звонок

Заявка с сайта

Письмо от потенциального клиента на почту

Онлайн чат с клиентом (через Jivo Site или Callback Hunter)

Основное назначение любой посадочной страницы - привлечь как можно больше лидов.

Что такое конверсия?

Чтобы Landing Page приносил много лидов необходим высокий КПД (коэффициент полезного действия)!

КПД любой посадочной страницы называют конверсией.

Формула конверсии выглядит так:

Конверсия = (Лиды / Посетители сайта)*100%

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

Вот простой пример.

Мы привлекаем на 2 лендинга по 100 посетителей за 1000 рублей.

У первого лендинга конверсия сайта 5%. За 1000 рублей, он получит 5 лидов (по 200 рублей).

У второго лендинга конверсия сайта 20%. За 1000 рублей, он получит 20 лидов (по 50 рублей).

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

Когда используются лендинги?

Лендинг лучше всего работает, если его задача точно определена.

Юридический консалтинг (Размыто)

Консультация по арбитражному суду (Точно)

Вам нужно четко понимать свою аудиторию!

Женщина 20-30 лет - слишком неточная характеристика для аудитории.

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

Теперь хочу рассмотреть частные случае использования Landing Page.

Продажа товаров или услуг на Landing Page

На лендинге можно продавать любые товары:

Экшн камеры

Важное правило! Нельзя размещать большое количество товаров! Более 10-15 товаров требует создание интернет магазина.

Пример лендинга: кальяны

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

Лендинг пейдж, когда нет основного сайта

Одним из самых быстрых решений по упаковке Вашего бизнеса в ВЕБ будет создания лендинга. Время реализации многостраничного сайта может занимать несколько месяцев!

Лендинг пейдж, для отдельных целей

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

Лендинг пейдж, когда Вы тестируете направление

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

Лендинг пейдж, когда есть основной сайт

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

Виды Landing Page

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

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

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

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

Лонгриды

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

Чаще всего лонгриды используются в статьях.

Почему лонгриды хороши для статей?

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

Это повышает поведенческие показатели лонгрида и он лучше индексируется поисковыми машинами.

Лендинг в один экран

Короткие лендинги хороши для ниш со срочным спросом:

Эвакуатор

или для направлений с бесплатным первым шагом:

Бесплатные семинары

Бесплатные вебинары

Почему короткий лендинг в этих случаях лучше работает?

Всё просто! Человек сконцентрирован на решении конкретного вопроса. Чем быстрее он получит ответ на странице, тем раньше сделает заявку.

Пример landing page: Школа вокала

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

Школа обещает быстрый результат (за 27 дней), поэтому лендинг имеет высокую конверсию!

Многошаговый лендинг

Чаще всего многошаговое воздействие используют в тизерных сетях.

Показ основного оффера через “прокладку” является одним из действенных способов привлечения лидов.

Многошаговое воздействие включает в себя несколько шагов:

Статья посвященная результату от использования товара / услуги

Landing Page с целью сбора контактных данных

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

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

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

Для пущего доверия я размещаются отзывы в социальных сетях.

Пройдя такую цепочку подогрева финальная страница получает максимальную конверсию!

Принципы создания Landing Page

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

Aida: attention, interest, desire, action

Данный принцип призывает оформить страницу, таким образом, чтобы:

Привлечь внимание

Заинтересовать

Вызвать желание

Добиться действия

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

PMPHS: pain-more pain-hope solution

Landing Page, выполненный по такому принципу, имеют следующую основу:

Обозначить проблему

Обострить проблему

Показать надежду

Предложить решение

Такие принципы хорошо будут работать в тематиках похудения, здоровья и т.д.

Если мы разбираем классическое поведение человека на Landing Page, то можно отметить 3 основных шага:

• Разобрался

  Сделал целевое действие.

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

Чтобы реализовать такую модель, необходимы:

Давайте разберем каждый пункт.

Трафик

За трафиком мы понимаем посетителей Landing Page. Привлечь их можно различными путями:

E-mail marketing

Качественный трафик помогает увеличивать конверсию landing page. Условно можно разделить трафик на горячий и холодный.

Горячий трафик

Аудитория, которая ищет услугу здесь и сейчас, относят к горячему трафику. Чаще всего такая аудитория находится в поисковиках. Поэтому контекстная реклама в Яндекс Директ или Google Adwords, будет привлекать самый горячий трафик.

Холодный трафик

К холодному трафику можно отнести баннерную рекламу на площадках.

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

Call to Action

Призыв к действию - один из важнейших факторов эффективности Landing Page.

Без Call to Action клиент может не понять основную цель страницы. Вот несколько примеров успешных призывов.

Пример Landing Page: курсы по плаванию

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

Добавив гарантию высокого результата (от новичка до мастера спорта за курс занятий), такой Landing Page будет иметь очень высокую конверсию.

Пример Landing Page: бижутерия оптом

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

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

Привлекательная кнопка

Многие A/B тесты посадочных страниц определили существенное влияние кнопки на конверсию сайта.

Какие факторы имеют значение при создании кнопки:

Цвет кнопки

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

Самая большая ошибка при создании Landing Page - делать кнопку в цвет сайта.

Смена цвета кнопки часто повышает конверсию сайта!

УТП в кнопке

Уникальное торговое предложение в кнопке, является отличным маркетинговым ходом!

Такие подходы увеличивают шансы заметить форму заявки и само УТП.

В кнопке можно использовать разное УТП:

Получить скидку 30%

Забронировать бесплатное место

Получить тестовый день

Уникальное торговое предложение

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

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

Принцип 4U

Данный принцип основан на 4 важных моментах:

Полезность

Какую пользу вы предоставите Вашему клиенту?

Например: “Научим плавать”

Специфичность

На сколько это выгоднее (выгоднее, быстрее и тд) (в деньгах, цифрах, процентах и тд)

Например: “с правильной техникой”

Срочность

За какой промежуток времени клиент это получит? (За неделю, месяц, пару дней).

Например: “всего за пару дней”

Уникальность

С помощью чего Вы это сделаете? (Или уникальность данной выгоды по сравнению с аналогами)

Например: “по методики олимпийского чемпиона Майкла Фелпса”

Объединив все 4 принципа мы получаем привлекательное предложение, которое лучше всего разместить на первом экране: “Научим плавать с правильной техникой, всего за пару дней, по методики олимпийского чемпиона Майкла Фелпса!”.

Поняв основные принципы лендинг пейдж, предлагаю разобрать все этапы ее создания!

Этапы создания Landing Page

Условно можно разделить этапы разработки лендинга на:

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

Анализ аудитории

Пишем текст

Создаем прототип

Делаем дизайн страницы

Верстаем и программируем страницу

Теперь разберем подробно каждый этап!

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

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

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

Создаем сводную таблицу по конкурентам

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

В первый столбец мы вставляем параметры для сравнения, а в шапку помещаем сайты конкурентов.

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

В итоге Вы получите:

Большую аналитическую таблицу

Выпишите для себя лидеров рынка

Определите лучшие подходы в донесении информации

Сравните, какое предложение на рынке сейчас самое выгодное

Отстранитесь от каждого конкурента, сформировав УТП

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

Описание страницы (как правило в верху страницы)

Заголовок

Оформление формы захвата (какие кнопки, количество форм для заполнение, торговое предложение в формах)

Есть телефон или нет? (8-800, городской или мобильный)?

Какой Call to Action?

Какая основная выгода? (что пользователь отдает, взамен на контактные данные?)

Какие цены (Как они преподносят их: пакеты услуг, скидки и т.д.)

Количество блоков на лендинге (Можно разобрать каждый)

Какую задачу решает первый экран лендинга

Где же найти сайты конкурентов?

Воспользуйтесь поисковиком

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

Как известно в России, большая часть трафика находится в Яндексе.

Почему это стоит делать?

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

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

Велика вероятность, что Вы заметите новые преимущества и выгоды!

Сравните предложения

Определите стратегию лидера

Отметьте блоки и подходы, которые есть практически у всех конкурентов

Следующим этапом будет анализ аудитории.

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

Аудитория, которая осуществляет поиск - это чаще всего женщины, которые принимают решение по картинке

Аудитория, которая принимает решение - это мужчины, которые хотят угодить женщинам

Тоже самое происходит на Landing Page.

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

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

На практике, аудитория делится на:

тех, кто осуществляет поиск

тех, кто покупает

Аудитория осуществляющая поиск

Почему я выделяю отдельно данную аудиторию?

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

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

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

Исходя из этого:

Определяем аудиторию, которая будет осуществлять поиск и выбор

Адаптируем предложение под эту целевую аудиторию

Аудитория принимающая решение

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

Важно изучить все боли клиента!

Глобально можно разделить боли на 2 основных категории.

Боли сервиса

Боли продукта

Боли сервиса

К болям сервиса можно отнести:

Невозможно дозвониться

Приехали сломали и уехали

Испортили

Боли продукта

Чаще всего клиентам не нравится:

Высокие цены

Низкое качество

Как узнать боли?

Отдел качества

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

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

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

Советую заполнить табличку, в которой понятно на сколько часто используется та или иная боль клиента.

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

Аудит социальных сетей

Посмотрите, кто состоит в них и определите, что у них общего.

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

Изучите комментарии в беседах или опросах

Сомнения

Что может заинтересовать

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

Определяем цели аудитории на лендинге

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

Клиент не будет платить за сайт. Ты дай ему прайс и он подумает…

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

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

Но главное, чтобы landing page не превратился в “борщ” (всё обо всём).

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

Ответьте себе на вопросы:

В каких условиях клиент принимает решение (дома перед теликом, где спокойно можно вдуматься или на шоссе, когда нужен эвакуатор, где решение принимаются за пару секунд)?

Сколько задач будет решать лендинг пейдж?

Что должно быть на сайте, чтобы все боли были решены?

Выделите главную и второстепенные задачи.

Цель: Второстепенные задачи должны помогать решить основную!

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

Следующим этапом будет написание текста.

Написание текста на лендинг пейдж

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

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

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

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

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

Нам стоит вернутся к нашим сводным таблицам:

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

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

Сам текст пишем понятным и логичным.

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

1. Ценности

На лендинг пейдж нужны цифры

Почему это так Важно?

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

Где можно вставить цифры?

В уникальном торговом предложение (если его суть, как-то затрагивает выгоды)

В блоке социального доверия (перечисляя свои достижения и регалии)

В сроках реализации (если это быстрее, чем у других)

В описании товара/ услуги

Пример Landing Page: Франшиза

Франшиза по изготовлению суши и роллов.

На первом экране встречаются цифры 5 раз! Все они запакованы с позиции выгод!

На лендинге нужны выгоды

Каждая потребность выявленная на этапе анализа аудитории должна быть решена с позиции выгод.

Предлагаю более подробно разобрать пример с франшизами.

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

Исходя из этого, 2-ой заголовок звучит так:

“Зарабатывай стабильно от 110 000 руб. уже с первого месяца!”

Удаляйте “воду” из текста. Откажитесь от необъективных оценок, пишите только о фактах!

Берите задачу, которую клиент ставит перед собой, решайте ее и приводите доказательства!

На лендинге должны быть ценности

Основной задачей дополнительной ценности является усиление “Вау-Эффекта”. Чаще всего ценности лежат в области сервиса:

Если не доставим через 30 минут, пицца бесплатно!

Запуск франшизы с нуля, всего за 2 недели

Когда Вы написали все тексты, Ваша задача сформировать прототип.

Прототип для Landing Page

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

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

Вот несколько примеров подобных программ:

• Быстрая прогрузка сайта

  Пожалуй один из самых важных пунктов для верстальщиков и программистов!

  70% отдачи Вашего сайта зависит от скорости его прогрузки.

  Для этого программисты реализуют прогрузку по кэшу, облегчают картинки и верстку.

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

  Проверяйте скорость прогрузки сайта в специальном сервисе Google - https://developers.google.com/speed/pagespeed/

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

  Программирование

  Последним этапом перед запуском трафика на лендинг является программирование:

  Настройка форм захвата (прием и отправка данных)

  Установка счетчиков аналитики

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

  Установка коллтрекинга

  Создание мультилендинга

  Отправка данных с форм захвата

  Затрагивая данный вопрос вспоминаю свой личный опыт.

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

  А проблема была в том, что мы просто не проверили отправку данных с landing page (хорошо, что мы заметили это через ).

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

  Установка счетчиков аналитики и настройка целей

  Обязательно сразу нужно устанавливать счетчики Яндекс Метрики и Google Analytics:

  Это может сэкономить Вам кучу денег на старте (если, что то будет работать не корректно)

  Делать A/B тестирование (данный функционал реализован в Google Analytics)

  Если Analytics для Вас слишком сложен, то . Программист сделает за пару минут.

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

  Если в Вашей нише звонков больше, чем заявок, их также можно отследить!

  Установка коллтрекинга

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

  К примеру, человек перешел с .

  Когда человек позвонит произойдет переадресация на основной номер, но при этом, в системе отметится состоявшийся звонок с .

  Создание мультилендинга

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

  Что значит динамический контент?

  В зависимости от заданных условий, содержание страницы может быть разным.

  Пример мультилендинга: Дизайн интерьера

  На этом лендинге в зависимости от параметров ссылки авто подменяются:

  Картинка

  Заголовок

  Текст объявления

  И еще несколько элементов в теле лендинга

  В первом случае параметр url подстраивает страницу под ЖК на улице Ярцевской,24.

  Во втором случае мы видим уже другой лендинг!

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

  После того, как лендинг готов остается лишь показать его людям!

  Как продвинуть Landing Page?

  Для того, чтобы продвинуть лендинг можно попробывать:

  Механика привлечения клиентов этих случаях будет разница.

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

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

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

  С помощью неё Вы можете настраивать:

  Перед этим необходимо сделать :

  Разобрать поведение ЦА в соц сетях

  Понять время принятия решения

  Для этого самое Важное определить критерий эффективности!

  Это могут быть:

  • Онлайн-консультант

    Скаченный прайс

  Для этого Вам нужно изучить 3 отчета:

Разберем каждый из них!

Очень полезный отчет. Помогает определить самые кликабельные места landing page.

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

Карта скроллинга

Данный отчет показывает самые просматриваемые части Вашего сайта.

Если Вы обнаружили места сайта, которые просто пропускают, советую убрать эти блоки (или поменять на более интересные). Тем самым вырастет вовлеченность аудитории в прочтение информации и увеличится конверсия!

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

На примере видно, что конкретную форму увидело 114 человек. Из них 9 человек взаимодействовали с формой и только один успешно ее заполнил.

Но самое Важное, мы можем отслеживать, какие из полей форм являются отказными.

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

Все остальные отчеты больше полезны для управления трафиком. Ведь от качества трафика также зависит конверсия landing page.

Теперь мы плавно подошли к главному вопросу…

Заказать Landing Page или сделать самостоятельно?

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

Давайте разберемся, где можно сделать Landing Page самому.

Сделать Landing Page самому

Есть несколько хороших сервисов, где можно сделать лендинг своими руками:

Данные сервисы работают по принципу конструктора. Достаточно просто загрузить нужные картинки (которые советую заказывать на ) и расположить их на сайте в зависимости от прототипа.

Все это делается без программиста вообще!

Чек-лист для проверки подрядчика по созданию Landing Page

Как они будут проводить конкурентный анализ? Учитывают ли Яндекс Директ, Google Adwords, соц сети при поиске конкурентов

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

По каким принципам будут создаваться торговые предложение? (Теперь вы знаете 4U, Aida, PMPHS и т.д.)

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

Смогут ли они предоставить тестовый вариант дизайна перед стартом?

Входит ли в цену адаптивная - кроссбраузерная верстка?

Проведут ли оптимизацию сайта исходя из трафика? Как они будут это делать?

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

Сравните их ответы с этой статьей и сделайте правильное решение.

Желаю удачи в создании Landing Page!

Надеюсь данная статья для Вас оказалась полезной! Репостните её как памятку на свою страницу и подпишитесь на новые статьи по Landing Page!

Виктория Кучинова

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

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

Смотрите, вдохновляйтесь, применяйте понравившиеся идеи на практике, миксуйте их со своими и не забывайте проводить A/Б-тестирования – вот единственно правильный рецепт создания убойных посадочных страниц.

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

Расширенная форма

Обычно на одностраничниках используют стандартную форму заявки с несколькими полями. Чаще всего клиенту нужно указать контактные данные – имя-фамилию, почту или телефон. Но в некоторых сложных сферах лучше раскрыть тему подробнее. Вот как это сделали в «Текстерре»: в форме лендинга dellservers.ru клиент может выбрать модуль, параметры, задачи сервера. Может сбросить значения, если что-то пошло не так.

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

Две кнопки СТА

На лендинге планировщика задач wunderlist.com/ru – сразу два призыва к действию, которые усиливают друг друга: «Создать бесплатную учетную запись» и «Загрузить Wunderlist». Пользователи кликают по обеим ссылкам, конверсия растет, а лендинг выполняет свою работу на отлично.

Конкретные цифры (результаты)

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

Персонализация

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

Удобная форма ответа

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

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

Можно попросить клиентов рассказать о своих впечатлениях и опубликовать полученные тексты на лендинге. Но загвоздка в том, что посетитель никак не проверит – реальные это отзывы или фейковые. Лучше пойти дальше и убедить посетителей в этом. На лендинге huskypark.info , который разрабатывала «Текстерра», приводятся слова клиентов из «Инстаграма» со ссылками на их аккаунты. Все честно – зайдите и убедитесь.

Демонстрация результатов

Трехмерная графика и дополненная реальность

Лендинг создан для приложения Qubi . Это игра для детей 3+ лет и взрослых. Суть игры проста. На первом шаге пользователь по предложенной схеме склеивает реальный бумажный, картонный или деревянный кубик.

Потом он устанавливает приложение, открывает его на смартфоне и «смотрит» на кубик через камеру устройства.

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

Трехмерную модель кубика можно увидеть на иллюстрации (gif).

Что хотел клиент

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

Что мы сделали

Мы реализовали трехмерность с помощью 3D-трансформаций CSS3. Переходы между гранями кубика сделаны с помощью чистого JavaScript с отслеживанием событий drag и touch. Благодаря необычным переходам между экранами у пользователя создается ощущение объемности экрана. Это особенно ярко выражено на рабочей версии посадочной страницы.

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

Лендинг полностью адаптивный.

Интерактивный выбор цветов окраски интерьера и мебели

Необычность лендинга «ДСК.Color» заключается в возможности самостоятельно выбрать цвет мебели и предметов интерьера с помощью интерактивной палитры.

Компания «ДСК.Color» окрашивает любые поверхности в разные цвета. Можно заказать окраску мебели, бытовой техники, велосипедов, музыкальных инструментов и других предметов. Клиент может выбрать любой цвет.

Самая востребованная услуга – окраска мебели и предметов интерьера. На нее приходится около 80 % работ клиента.

Что хотел клиент

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

Что мы сделали

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

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

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

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

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

Необычные и обычные прелоадеры

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

Что такое прелоадер и какие задачи он решает

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

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

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

Прелоадеры реализуются с помощью стандартных инструментов фронтенд-разработки: HTML, CSS, JavaScript и дополнительных библиотек и фреймворков, например, jQuery, React.

Как мы улучшаем лендинги с помощью прелоадеров

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

• Qubi

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

• Levellen

На сайте Levellen Interiors мы использовали прелоадер в виде логотипа компании. Это дополнительный элемент брендинга сайта.

На лендинге представлена информация об аренде помещений в бизнес-центре. Главный секрет посадочной страницы находится в разделе «Офисы». Здесь пользователь может посмотреть наличие свободных офисов на каждом этаже здания.

При наведении курсора на свободный офис всплывает кнопка «Подробнее».

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

Особенности реализации

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

Собственно дизайн

В этом примере нет сложных технических фишек и дизайнерских эффектов – весь лендинг вывозит красивая картинка: фон, цвета, аппетитные фотографии астраханской икры. Одностраничник astrahancaviar.ru – хороший пример того, как благодаря дизайнеру продукт хочется приобрести. И немедленно съесть!

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

Привет, друзья!

Если вы думаете, как выгодно продвинуть товар, услугу, а возможно просто представить публике себя любимого – то вы попали по адресу. Сегодня на повестке дня важный вопрос – как сделать Лендинг пейдж самому. Поговорим про конструкторы, создадим собссна Landing page с пошаговой инструкцией, а в конце вас ждет полезный бонус. Поехали!

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

Для начала давайте разберемся, что такое Лендинг пейдж? Landing page переводится с английского, как «целевая» или «посадочная страница». Это такой одностраничный сайт без подразделов. И это супер! Ведь на многостраничных сайтах посетитель может гулять по страничкам и в итоге забудет, зачем он вообще зашел. С Лендингом такого не случится. Здесь два варианта: совершить покупку или же уйти.

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

Как сделать Лендинг пейдж самому

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

1. – царь и бог среди конструкторов одностраничек. Разработчики собссна так и его и презентуют: Профессиональная Lending page платформа для бизнеса. Средний ценник – 559 рублей в месяц. Дается бесплатный тестовый период, который длится 7 дней. Позже на нем и попробуем создать Лендинг пейдж сами.

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

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

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

Делаем Лендинг пейдж: пошаговая инструкция

Конструкторов конечно намного больше, но они аналогичны. Мы попробует сделать Лендинг пейдж вместе на LPgenerator. Приготовились?

Зарегистрируйтесь. После конструктор устроит допрос. Потребует прописать ФИО, какую должность занимаете, для чего на сайте, зачем вообще вам понадобился Лендинг? Разве что паспортные данные и ИНН не потребует… Но после окунетесь в мир творчества, так что крепитесь, это того стоит!

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

Шаблоны разные: для портфолио художника, фотографа, программиста. Платные под «замочком», бесплатные с «плюсиком».

Когда выбор сделан, приступайте к редактированию. Меняйте: картинки, текст, шрифт и его размер и цвет. Создавайте свое неповторимое.

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

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

1. Если измените цвет кнопки призыва к действию с зеленого на красный, увеличите конверсию. Это не так, вы ничего не измените, кроме цвета кнопки) Доказано, в ходе исследований. Нет никакого правильного цвета, то что сработает на одном Лендинге, может не сработать на другом.

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

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

4. Запустили Лендинг и можете о нем забыть , он будет работать сам. Опять же нет, нужно постоянно заботиться, тестировать, одно добавлять, другое убирать.

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

С уважением, Ваша Суть!