Одностраничник! Что такое одностраничник? Как создать одностраничник? Создание лендинг пейдж – самостоятельно и бесплатно.

Здравствуйте, уважаемые читатели блога сайт. Сегодня мы поговорим о такой важной вещи как посадочная страница , которую очень часто на буржуйский манер называют лендинг пейдж (от английского landing page — целевая страница). Что же это такое и почему это так важно?

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

Что такое лендинг пейдж и почему это так важно

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

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

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

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

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

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

Примеры лендингов

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

12 шагов по созданию идеального лендинга

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

Каждый лендинг должен быть заточен только под одно целевое (конверсионное) действие — либо подписка, либо продажи. Не надо жадничать, ибо внимание пользователя будет рассеяно и сильно увеличится вероятность его ухода (так ничего и не выбрав из предложенных вариантов). Лучше как можно меньше заставлять клиентов думать и выбирать — путь на landing page должен быть прямым как стрела (очевидным для него) и без каких-либо ответвлений.
На посадочной странице обязательно должен присутствовать призыв к действию (с глаголами в повелительном наклонении — позвони, купи, получи, приди и т.п.). Фразы должны быть короткими и мотивирующими. Например, «купите сейчас», «получить видеокурс» или «подпишись и получи».
Рулят также яркие кнопки и стрелки , создающие на них акцент. Неплохо работают кнопки красных и желтых оттенков, ибо заметны и содержат как бы призыв к действию.
Ну а стрелки, как правило, призваны еще больше акцентировать внимание на кнопке, чтобы линия поведения пользователя на лендинге была как можно более прогнозируемой.
Иногда очень неплохо работают анимированные кнопки (но в любом случае нужно будет проводить тестирование эффективности тех или иных элементов лендинг пейджа):
Если в лендинге используются (на подписных посадочных страницах без них не обойтись, но и на продажниках их довольно часто используют), то озаботьтесь тем, чтобы в них содержалось как можно меньше полей. В идеале, в форме должно быть только одно поле (для ввода Емайл адреса), но для дальнейшего общения (проведения маркетинга) вам понадобится знать и имя пользователя, поэтому два поля являются наиболее распространенным вариантом.Большее количество полей может существенно снизить конверсию. К тому же добавление полей для ввода телефона или адреса вызывает у пользователей настороженность и может привести к отказу от целевого действия.
В статье про я упоминал, что пользователи в интернете тексты не читают — они их просматривают. И самым важным в этом плане является заголовок. Если его нет (или он не выделен соответствующим образом), то это очень сильно снизит конверсию. На лендингах заголовки должны быть обязательно цепляющими , чтобы пользователь склонился к дальнейшему чтению или сразу к свершению конверсионного действию (подписке, заказу, звонку).
На вашей landing page должны быть не только призывы к действию и эффектные заголовки, но и аргументация необходимости подписки, покупки, заказа или звонка. В случае страницы подписки это может быть, например, небольшой видеоролик с описанием и содержанием «халявы», или все то же самое оформлено в виде краткого списка (перечня). В случае продажника это тоже может быть видеоролик с обзором товара, списком тех услуг, которые вы предлагаете (в том числе и ваши конкурентные преимущества).
Очень хорошо на посадочных страницах работают отзывы от уже состоявшихся клиентов, покупателей или подписчиков (лучше, если при этом будут указаны какие-то контакты тех, кто эти отзывы оставил, чтобы все выглядело правдоподобно).
Также неплохо работают на посадочных страницах сравнения «до и после» . Не для всех тематик это применимо, но в области похудения, косметологии, фитнеса и многих других ниш это можно с высокой эффективностью использовать. Например, так делает фирма, предоставляющая услуги ресторации.
Страница landing page может быть довольно длинной, но при просмотре первого экрана (это та область страницы, что видна без использования прокрутки) пользователю должно быть совершенно ясно и понятно, что именно вы хотели ему сказать.
Для стимулирования подписчиков или покупателей некоторых товаров (например, ) можно использовать вариант дополнительных бонусов, которые получит подписчик или покупатель при заказе. Когда пользователь находится на грани принятия решения, то как раз такие «плюшки» могут перевесить чашу весов в вашу пользу.
Ну и, конечно же, стоит делать упор на то, что «только здесь и только в течении нного количества времени» пользователю будет доступно все это великолепие (подписка, специальная цена на товар, дополнительный набор услуг). Как это сделать лучше всего? Правильно, поставить таймер, ведущий обратный отчет времени до часа Х, когда предоставленная возможность будет упущена. Ничто так не стимулирует к принятию решения колеблящегося пользователя, как буквально на глазах убегающие секунды.
Рядом с таймером неплохо будет расположить форму подписки, заказа или контактный телефон. Это будет работать не всегда, поэтому надо проводить тесты (думаю написать ряд статей про проведение А/Б-тестирования — если не хотите пропустить, то подписывайтесь на рассылку), и возможно, что такой простой и очевидный способ позволит вам увеличить конверсию данной лендинг пейдж и с лихвой окупить деньги, потраченные на продвижение в социальных сетях или контекстной рекламе.
Пользователи также хотят знать, кто именно им предлагает данный товар, услугу, видеокурс и т.п., поэтому необходимо в лендинге указывать информацию об авторе, магазине, фирме.
Естественно, что хорошо было бы при этом упомянуть достоинства, достижения, конкурентные преимущества, но не перехваливайте себя, дабы не перейти ту грань, за которой уже снижается доверие к опубликованной информации.

Примеры ошибок делающих landing нерабочим

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

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

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

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

У вас есть еще немного времени? Хотите его провести с пользой? Тогда берите попкорн, садитесь поудобнее и смотрите двухчасовой мастер-класс «Пошаговый алгоритм создания Landing Page» :

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

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

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

Как создать сайт-одностраничник при помощи конструктора сайт

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

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

Плюсы сервиса сайт

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

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

Относительно тарифов вы можете посоветоваться с нашим специалистом, выбрав «бесплатный», «стартовый» или «продвинутый» план.

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

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

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

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

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

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

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

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

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

НАС УЖЕ БОЛЕЕ 45 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 вещи:

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

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

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

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

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

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

Шаг 2. Детали

Далее, когда Вы несколько раз переписали структуру и учли всё, что важно целевой аудитории, мы переходим к деталями, а именно к заголовкам, подзаголовкам, тексту, изображениям. Можно сделать это опять же на листке бумаги, но мы используем специальную программу Balsamiq Mockups, которую Вам и рекомендуем. Вот так выглядит реализация:

И вот так все выглядит в итоге в реальности:

На этом шаге раскрывается весь Ваш концепт. И без общих знаний сюда лучше не соваться. Иначе Ваша фантазия закончится на избитых фразах в стиле “Почему 95 процентов клиентов выбирают нас”, “Как мы работаем”, “О нас”. Чтобы хоть как-то подкачаться в этой области, рекомендую почитать наши статьи:

Техника: свойство-преимущество-выгода
Бизнес копирайтинг
4U заголовки: схватите вашего клиента за глаза
Как писать заголовки: 6 формул как сделать их цепляющими

Шаг 3. Призывы

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

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

ЭТАП 4 — Дизайн

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

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

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

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

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

ЭТАП 5 — Вёрстка

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

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

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

ЭТАП 6 — Вечность

Хотелось данному этапу дать более конкретное название, например, “Запуск и получение заявок”, но “Вечность” звучит более подходяще. После того как Вы сделали лендинг своими силами, начинается самое интересное:

“Сайт плохо работает”;
“Мне перенравился этот блок”;
“Люди хотят видеть на сайте калькулятор”;
“Ссылка должна открываться в новом окне”.

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

Коротко о главном

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

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

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