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

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

Почему лендинги стали так популярны?

Сегодня каждый опытный веб-мастер видел уже сотни таких одностраничников. Я видел, наверное, тысячи. Они также имеют другие название: посадочная страница, страница приземления, целевая страница, одностраничник и т.д. Среди вебмастеров наиболее часто используется слово “лендинг” или даже “ленд”. И все прекрасно понимают, о чем идет речь.

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

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

JavaScript. Быстрый старт

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

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

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

Способы создания landing page

Собственно, рассмотрим всего 2 способа. И о первом я скажу совсем чуть-чуть. Он более прост и заключается в использовании платных и бесплатных конструкторов. Минус такого создания очевиден — вы собираете дизайн из неуникальных блоков, а чтобы уникализировать их, понадобятся уже навыки работы с html и css. А еще основы веб-дизайна. В платном конструкторе можно создавать по умолчанию качественные одностраничники, но вам едва ли хватит функционала, чтобы изменить в шаблоне что угодно и переделать все на свой вкус. К тому же для этого, как я уже говорил, тоже нужны знания.

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

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

Этапы создания лендинга с нуля

Планирование структуры одностраничника (какие на нем будут блоки, что в них будет и т.д.), составление ТЗ дизайнеру.

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

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

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

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

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

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

Как определить качество лендинга?

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

Собственно, главный показатель качества одностраничника — конверсия. Это соотношение кол-ва целевых действий (заказ товара/услугу) к общему кол-ву людей, зашедших на сайт. Например, если вы купили платную рекламу и по ней на сайт перешло 120 человек, а получили вы 2 целевых действия, то ваша конверсия составляет примерно 1,66%. То есть 1,66% людей будет заказывать ваш товар. Правда, тут нужно оговориться, что 120 посещений и двух заказов недостаточно, чтобы высчитать средний показатель конверсии на сайте. Для этого нужно гораздо больше трафика.

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

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

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

Итог. Какие перспективы открываются перед теми, кто умеет создавать одностраничные сайты?

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

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

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

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

Лендинги являются составной частью рекламных кампаний определённого товара или предложения с «горячей» ценой, а также используются для привлечения целевой аудитории из источников контекстной рекламы "Гугл Эдвордс", "Яндекс. Директ", социальных сетей и почтовых рассылок.

Что это такое?

Landing Page - это независимая страничка, способствующая:

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

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

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

Разновидности лендинг-пейдж

  • Самостоятельный. Это наиболее распространённый вид одностраничного сайта. Его ключевой задачей является подзадоривание пользователя к приобретению продукта/услуги либо совершению любого другого шага, рекомендуемого ресурсом.
  • Микросайт. Это сайт (чаще всего отдельно от основного) максимум на 5 листов, включающий в себя сведения о товаре либо услуге.
  • Основной портал. В качестве посадочной применяется одна и больше страниц ресурса.
  • Лендо-сайт. Он представляет собой портал, целиком состоящий из самостоятельных целевых страничек.

Способы создания Landing Page

Лендинг можно сделать несколькими способами:

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

  • Помощь профессионалов. Задачу по созданию и SEO-продвижению лендинг-пейдж можно делегировать. К примеру, контент заказать у копирайтера, оформление - у дизайнера, а интеграцию с движком - у разработчика программного обеспечения. При этом на предприятии должен быть маркетолог, способный осуществлять контроль проекта на всех его стадиях. К плюсам такого способа относится в первую очередь низкая стоимость и отличный результат, поскольку каждый этап будет выполнять профессионал. К минусам можно причислить то, что высок риск неправильного подбора экспертов.
  • Специализированные агентства. Этот метод создания лендинг-пейдж предполагает обращение в организацию, которая все задачи возьмёт на себя: изучение конкурентов, подбор концепции, составление рекламной кампании, уладит все задачи по интеграции и реализует проект. От заказчика лишь потребуется заполнить бриф на разработку, а созданием и продвижением лендинга под ключ займётся организация. К плюсам сотрудничества с агентством относятся результативность и экономия времени, из минусов - сравнительно высокая стоимость.
  • Штатные сотрудники, которые будут отвечать за оформление и продвижение лендинга. Это очень затратный, но в то же время действенный способ. Своя команда, состоящая из копирайтера, дизайнера, разработчика программного обеспечения и маркетолога, сможет в полной мере воплотить и продвинуть проект.

Можно ли самостоятельно оформить Landing Page

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

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

Можно ли сделать лендинг бесплатно

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

  • Создать лендинг-пейдж можно на сайте setup.ru после простого процесса регистрации.
  • С помощью программного продукта Adobe Photoshop.
  • Воспользоваться конструктором KompoZer.

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

Оптимизация лендингов

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

Структура одностраничника не позволяет выполнить качественную внутреннюю оптимизацию в привычном понимании, то есть «заточить» интернет-ресурс под запросы поисковиков. Решить эту проблему позволила вёрстка от Google с применением JavaScript и способа PushState.

Что для этого нужно?

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

  • Лендинг разбить на несколько блоков.
  • Каждый из них должен иметь собственный оригинальный индикатор, текстовку, наименование, заголовок и URL.

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

Как сделать популярной созданную страницу? Продвижение лендинга в поисковых системах или SEO своими силами - вполне выполнимая задача, несмотря на то, что зачастую случается слышать, что поисковые системы плохо относятся к одностраничным сайтам. На самом деле всё не совсем так. Если страница соответствует определённым условиям и будет содержать максимальное количество информации о реализуемом продукте/услуге, то можно добиться отличных результатов СЕО-продвижения лендинга.

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

Что нужно делать?

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

  • Основа успешной Landing Page - содержимое. То есть описание продукта должно содержать определённую информацию для пользователя: детали, фотографии, видеообзор, отзывы и прочее.
  • Продвижение лендинг-пейдж с помощью ссылочной массы. Для прокачки одностраничного сайта потребуется ссылочная масса, которую можно приобрести на других ресурсах. Численность ссылок будет зависеть от конкурентоспособности реализуемого продукта, а также от региона, количества соперников на рынке и прочего. Отличный способ заявить о себе, а также получить ссылочную массу с других ресурсов - это поместить на них обзор вашего товара. Для этого существуют специальные инструменты и сервисы. Другой вариант (более трудоёмкий, но в то же время интересный) - самостоятельно искать веб-сайты похожей тематики и обращаться непосредственно к администраторам с пожеланием разместить у них вашу информацию. Безусловно, делается это за вознаграждение. В обзор необходимо вставить несколько ссылок на сайт. Если подобранные ресурсы пользуются популярностью, то с них легко можно получить поток посетителей, которые в последующем могут стать клиентами. Этот способ раскрутки является самым удачным и естественным. Вы приобретаете так называемые вечные ссылки, за которые платите единожды, обеспечивая при этом Landing Page целевым трафиком.

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

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

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

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

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

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

  1. Получить новые заявки на товары/услуги;
  2. Увеличить узнаваемость бренда;
  3. Информировать о предоставлении товаров/услуг;
  4. Предоставить консультацию по услугам;
  5. Получить резюме от кандидатов (Что!? Лендинг для этого??? Вот вам пример – Альфа-банк);
  6. Привлечь партнеров, дилеров, представителей;
  7. Обеспечить доступ к сервису;
  8. И прочее.

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

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

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

НАС УЖЕ БОЛЕЕ 29 000 чел.
ВКЛЮЧАЙТЕСЬ

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

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

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

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

Конструктор

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

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

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

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

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

Плюсы :

  • Дешево. Прям очень. 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 (боль, усиление боли, надежда, решение, призыв к действию).

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Топ лучших конструкторов лендинг пэйдж в 2019 году

Конструктор Шаблоны лендинга На кого ориентирована Стоимость от
90 360 ₽ в мес. Попробовать
300+ Профессионалы 559 ₽. в мес. Попробовать
10 Новички 6,15$ в мес. Попробовать
62 Новички/Продвинутые пользователи 300 ₽. в мес. Попробовать
12 Новички 3,5$ в мес. Попробовать
19 Новички/Продвинутые пользователи Бесплатно Попробовать
29 Новички 123 ₽ в мес. Попробовать

LPmotor — самый лучший конструктор по мнению нашей редакции

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

Есть 90 различных готовых шаблонов на выбор. Они разбиты по категориям (строительство, инфобизнес, фотограф, красота и здоровье и т.д.). Все шаблоны смотрятся отлично и адаптированы под мобильный трафик.

Есть дополнительные функции: собственная CRM, автоворонка продаж, аналитика, А/Б-тестирование, подключение онлайн платежей, совместная работа (доступы сотрудников), корзина товаров.

LPmotor можно интегрировать с другими сервисами. Среди них: amoCRM, Битрикс24, Яндекс Деньги, Яндекс Метрика, Google Analytics и т.д.

Бесплатного тарифа нет. Платных тарифов 4 (цены при оплате за год):

При оплате за год вы получите скидку в 40%.

Способы оплаты: карты Visa и Mastercard Мир, Сбербанк Онлайн, Альфа-клик, Яндекс Деньги, QIWI, Webmoney, Связной, Евросеть, МТС, Теле 2, Билайн.

Достоинства

  • Низкие цены
  • Хороший выбор готовых шаблонов
  • Все необходимые функции для организации продаж в интернете
  • Широкие возможности по интеграции с другими севисами

Недостатки

  • Нет бесплатного тарифа

LPgenerator — конструктор лендингов для профессионалов

В LPgenerator есть абсолютно все, чтобы сделать идеальный лендинг. Звучит немного пафосно, но на самом деле так оно и есть.

Сервис ориентирован на профессионалов. Если у вас уже есть опыт и базовые знания вы освоитесь довольно быстро.

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

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

Все шаблоны выглядят современно и адаптированы под мобильные устройства.

В LPgenerator есть все инструменты, необходимые для интернет маркетолога: управление источниками трафика, подробная аналитика и геостатистика, А/Б-тестирование, построение воронки продаж, собственная CRM.

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

Здесь нет бесплатного тарифа. Новому пользователю доступен 7 дневный бесплатный тестовый период. Потом нужно выбрать один из платных тарифов (в скобках цены при оплате за год): Базовый - 799 руб. в мес. (559 руб. в мес.), Продвинутый - 2375 руб. в мес. (1662 руб. в мес.), Безлимитный - 3999 руб. в мес. (2799 руб. в мес.), Корпоративный - 15730 руб. в мес.(11011 руб. в мес.).

Способы оплаты: Безналичный расчет, Web Money, карты Visa, Maestro и MasterCard, Сбербанк Онлайн, «Мир», «Альфа-Банк», «Яндекс.Деньги», Qiwi Wallet, Tele2, Beeline, «Мегафон», МТС, «Евросеть»

Достоинства

  • Большой выбор шаблонов.
  • Есть возможность создать лендинг с нуля
  • Доступ к HTML и CSS
  • Сплит-тестирование
  • Детальная аналитика и геостатистика
  • Собственная CRM
  • Телефония для обзвона клиентов из админки

Недостатки

  • Цены выше чем в среднем по рынку
  • Короткий бесплатный тестовый период - всего 7 дней
  • Сложный интерфейс, в котором будет трудно сходу разобраться новичку

Ulanding – молодой и перспективный

Ulanding новый конструктор лэндингов от создателей Ucoz и Ukit. Только недавно вышел из beta-тестирования и теперь доступен для регистрации.

Главная отличительная черта ulanding – простота и удобство. Этот конструктор целевых страниц идеально подойдет для новичков.

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

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

К каждой посадочной странице подключаются системы аналитики Google Analytics и Яндекс Метрика с помощью которых можно детально отслеживать посещаемость, источники трафика и поведение пользователей.

Все заявки можно посмотреть во вкладке “Лиды”. Кроме того, можно интегрировать конструктор с аккаунтом AmoCRM и сразу передавать все заявки в CRM систему.

Помимо этого, можно интегрировать лендинг с другими сервисами:

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

Тарифная сетка ulanding. Цены указаны при условии оплаты за год

Всего платных тарифов 3: “Начальный”, “Бизнес”, “Продвинутый”. Они отличаются только количеством проектов и лендингов.

Способы оплаты: Банковская карта (Visa, Mastercard), PayPal

Достоинства

  • Простой и удобный интерфейс
  • Интеграция с CRM
  • Подробная статистика и аналитика

Недостатки

  • Мало шаблонов
  • Мало способов оплаты

LPTrend — хороший генератор одностраничников

Конструктор посадочных страниц LPtrend ориентирован как на новичков, так и на продвинутых пользователей.

В каталоге 62 шаблона на различные темы. Все страницы адаптированы под мобильные.

Еще из достоинств конструктора: аналитика, собственная СRM, А/Б-тестирование.

Можно интегрироваться с различными сервисами повышения конверсии и приема платежей, например: CallbackKILLER, Widget, Единая касса, Glopart и т.д.

Новому клиенту дается 7 дневный бесплатный тестовый период. Полноценного бесплатного тарифа нет. Платных тарифов 3: Стартовый 500 руб. в мес., Базовый 1000 руб. в мес., Премиум 2000 руб. в мес. При оплате на длительные сроки предусмотрены скидки: на 3 мес — 10%, 6 мес — 20%, год — 40%. Таким образом стартовый пакет при оплате за год будет стоить всего 300 руб. в мес., что довольно неплохо.

Способы оплаты: Visa, Mastercard, Связной, Евросеть, Мегафон, МТС, Единый кошелек.

Достоинства

  • Низкие цены
  • Качественные, разнообразные, адаптивные шаблоны
  • Хороший функционал
  • Много обучающих материалов

Недостатки

  • Нет бесплатного тарифа
  • Короткий триал всего 7 дней

Ukit — дешевый и надежный

Ukit — универсальный конструктор на котором можно сделать самые различные типы сайтов: лендинги, визитки, интернет-магазины, контентные сайты. Рассчитан на новичков.

Ukit ориентирован в первую очередь на создание сайтов-визиток для малого и среднего бизнеса. Шаблонов лендингов здесь совсем немного — всего 12.

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

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

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

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

После регистрации вы получаете бесплатный тестовый период 15 дней. Дальше нужно выбрать один из платных тарифов. Есть 4 базовых тарифа (в скобках цена при оплате за 2 года): «Премиум» 5$ (3,5$) в мес., «Премиум+» 10$ (7$) в мес., «Магазин» 12$ (8,4$) в мес. и «Про» 15$ (10,5$) в мес.

Способы оплаты: безналичный расчет, Visa, Mastercard или PayPal.

Достоинства

  • Шаблоны выглядят современно и адаптированы под мобильные
  • Можно заказать свой уникальный дизайн
  • Неплохой функционал: SEO оптимизация, подключение «Яндекс.Метрики» и Google Analytics, SSL-сертификаты, почта, домен 2-го уровня.
  • Интеграция с соц.сетями