Как создать лендинг самому бесплатно: пошаговая инструкция

s
Как создать лендинг самому бесплатно: пошаговая инструкция

Вы знаете сколько времени занимает разработка сайта? Нет, не три дня, и даже не неделю. Счет идет на месяцы. А если надо быстро? А если надо проверить, как будут покупать какой-то конкретный товар? А если надо просто разместить форму заявок в интернете? Значит пришла пора поговорить про лендинг пейдж, он же «Landing Page» или просто «Landing», он же «Одностраничник», он же «Сайт-визитка».

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

Что такое лендинг?

Для начала определение:

Landing page – это сайт с одной «посадочной страницей», цель которой продвижение конкретного товара или услуги. 

Landing page побуждает посетителя сайта к выполнению целевого действия: купить товар/услугу, оставить заявку на консультацию, подписку и т.д. 

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

1 (осаго).jpg

Пример Landing Page

В чем отличие лендинга от полноценного сайта?

Мы собрали основные отличия Landing page от обычного сайта и оформили их в виде таблицы:

Сайт Landing Page

Задача

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

Совершение конкретного целевого действия: оформление заявки, онлайн-покупка, скачивание файла или документа, просмотр видео.

Цели

Демонстрация полного ассортимента товаров или услуг, формирование лояльности к компании, информирование о маркетинговых активностях.

Продвижение конкретного продукта компании.

Конверсия

Не очень высокая конверсия из посетителя в контакт. Посетитель ходит по сайту и изучает информацию, отвлекается от целевого действия. Хорошим средним показателем является конверсия 1-2%.

Более высокая конверсия из посетителя в контакт. У посетителя есть 2 пути: оставить заявку или уйти с сайта. Конверсия в зависимости от тематики может составлять 3-20%.

Заявки

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

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

Навигация

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

Меню помогает перемещаться только по текущей странице.

Скорость запуска

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

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

Когда вам необходим лендинг пейдж?

Когда основные отличия понятны, давайте выясним в каком именно случае вам нужен именно Landing page, а не сайт.

Мы выделяем 10 задач, которые лучше всего решает именно Landing page:

  1. Тестирование нового продукта, когда еще нет понимания “выстрелит” или “не выстрелит», то есть  Landing page позволит понять, как ваш продукт будет воспринят аудиторией;
  2. Сегментация целевой аудитории. Чем персонализированнее будет ваше предложение, тем выше будет у него отклик.Поэтому будет лучше если вы разделите ваших потенциальных клиентов на группы по разным параметрам, например: по возрасту, полу, географии и другим факторам, которые могут повлиять на покупку, и под каждую из этих групп сделаете отдельный лендинг, на котором покажете преимущества продукта, актуальные для конкретного сегмента аудитории.
  3. Акцент на определенном товаре. Вы крупная компания и у вас есть услуга/продукт, которую хотите выделить отдельно (вынести на отдельный сайт с отдельным потоком клиентов);
  4. Быстрый старт бизнеса в онлайне. Вы только начинаете свое дело, нужно быстро запуститься и получить заявки уже «завтра»;
  5. Сбор контактов аудитории. Вы компания, которой нужен сайт как визитная карточка компании с дополнительной функцией «захват контакта»;
  6. Формирование первичного интереса к бренду или продукту. Вы хотите сайт, который вызывает любопытство, интригует и «заставляет» клиента оставить свои контактные данные, чтобы знать, что будет дальше.  
  7. Разовая маркетинговая активность. Это может быть акция (ограниченная по сроку) или реализация остатков партии товара;
  8. Событие (концерт, семинар);
  9. Сбор пожертвований. Например на сайте-визитке благотворительного фонда можно разместить краткую информацию о специфике работы фонда и формы приема материальной помощи;
  10. Публикация контактных данных и/или реквизитов компании в интернете. По требованию законодательства, для заполнения поля «адрес сайта» в профилях соц сетей или в других сервисах и т.п. 

2 пример оформления.jpg

Пример оформления лендинг пейдж

Как создать лендинг?

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

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

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

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

Плюсы-минусы разработки лендинга на конструкторе и заказа индивидуального решения

На конструкторе

Плюсы

Минусы

+ Быстрая разработка – достаточно базовых знаний
– Шаблонность – мешает выделяться на фоне других
+ Набор готовых решений – есть готовые шаблоны
 – Ограниченность в функционале
+ Легко тестировать гипотезы – можно запустить сразу несколько лендингов для теста, при необходимости внести в них изменения
– Сложности в оптимизации и продвижении – не все платформы позволяют внести корректные настройки для SEO, интегрировать коды аналитики.
+ Цена – минимальные затраты


Индивидуальное решение

Плюсы

Минусы

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

Какую информацию размещать на лендинг пейдж

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

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

  1. Цель посещения данной страницы?
  2. Цель покупки?
  3. Ключевые факторы принятия решения?
  4. Дополнительные факторы принятия решения?
  5. Какие могут возникнуть возражения?

Ответив на эти вопросы, вы сформируете мотивы вашей целевой аудитории и поймете что ей движет и на какие «боли» нужно давить, чтобы подтолкнуть их к покупке. Это уже 50% успеха при создании лендинга. Осталось его собрать. 

Структура «продающего» лендинг пейдж

1. Шапка сайта

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

3 пример шапки лендинга.jpg

Пример шапки сайта лендинга

2. Навигационное меню

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

4 навтгац меню.jpg

Пример оформления навигационного меню

3. Блок уникального торгового предложения (УТП)

Первый экран (без прокрутки страницы) должен мгновенно отвечать пользователю на вопросы — о чем этот сайт, какая услуга/товар предлагается покупателю, в чем ее уникальность, для чего/кого она подходит, какие проблемы/вопросы она может решить?

Как правило, для этого используется блок «слайдер» или большой баннер. На нем размещают изображение товара/услуги, визуализируя его предназначение, и в 1-2 предложениях описывают уникальность этого товара или услуги. Также на баннере может присутствовать таймер, который будет показывать, на какой временной период действует данное предложение для покупателя. И, конечно же, кнопка, призывающая совершить целевое действие «купить товар», «заказать услугу».

5 оформ утп.jpg

Пример оформления УТП

4. Блок преимуществ продукта

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

6 оформ преимущ.jpg

Пример оформления преимуществ


5. Блок с ценами

Здесь мы показываем варианты товара или тарифы на услугу с ценами и кнопкой действия («купить», «заказать», «оставить заявку» и т.п.).

7 карточки товара.jpg

Пример оформления карточек товара


6. Блок «Как купить»

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

8 инф о доставке.jpg

Пример оформления информации о доставке, оплате, гарантиях


7. Блок «Видео» (если есть материал)

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

9 видео о продукте.jpg

Пример видео «О продукте»


8. Блок «О компании» 

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

10 о нас.jpg

Пример оформления блока «О нас»


Дополнительным плюсом в «копилку доверия»  пользователя к компании будут блоки:
  • «Отзывы»
  • «Видеоотзывы»
  • «Фото наших покупателей»
  • «Благодарственные письма от клиентов».

11 отзывы.jpg

Пример оформления отзывов


9. Форма обратной связи

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

12 форма обратной связи.jpg

Пример оформления формы обратной связи

10. Подвал сайта

Здесь вы можете еще раз указать ваши контактные данные для связи.

13 подвал сайта.jpg

Пример оформления подвала сайта 


Как создать лендинг на бесплатном конструкторе Битрикс

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

1. Переходим по ссылке и нажимаем «Создать сайт бесплатно».

14 кнопка создать сайт.jpg

Кнопка «Создать сайт» находится здесь


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

15 регистрация в битрикс.jpg

Регистрация в Битрикс24


3. После этого автоматически создастся портал Битрикс 24. О его возможностях поговорим чуть позже, сейчас нас интересует создание сайта. В созданном портале переходим во вкладку «Сайты» и в ней на большой прямоугольный блок «+ новый сайт».

16 вкладка сайты.jpg

Вкладка «Сайты в Битрикс24»


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

16 шаблоны лендингов.jpg

Шаблоны лендингов


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

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

17 пример интерфейса.jpg

Пример интерфейса конструкторов сайта

Сайт готов.


Теперь немного расскажу о других преимуществах конструктора сайта в Битриксе.

  1. На сайте уже есть онлайн-чат, обратный звонок, форма заявки. Не нужно устанавливать дополнительный сервис. Клиенты смогут написать с сайта в онлайн-чат, в Facebook, ВКонтакте, Viber — общаться с вами там, где им удобно. 
  2. Не нужен хостинг. А это значит, что вы избавлены от дополнительных денежных затрат.
  3. При отправке заявки с сайта все контакты клиентов сразу заносятся в CRM.  В сможете дальше вести сделки и взаимодействовать с вашими клиентами в рамках единой системы.

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

О чем важно помнить после прочтения статьи

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


Удачи вам и вашему бизнесу!


# маркетинг Битрикс24 разработка сайтов юзабилити дизайн
Оцените материал:  
(0)

Наши менеджеры готовы прямо сейчас обсудить ваши задачи!

Игорь Баннюк

Игорь Баннюк

Марина Рыжикова

Марина Рыжикова

Юлия Пономаренко

Юлия Пономаренко

...
Позвоните нам или оставьте заявку на бесплатную консультацию,
мы ответим в течение 1 часа (в рабочее время) и расскажем, как мы сможем решить ваши задачи!

Обсудить задачу
Загрузка...