Как самому создать лендинг на платформе LP c “нуля”: пошаговый гайд

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

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

Для любого лендинга важна структура, визуальная составляющая и текст.

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

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

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

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

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

5 шагов по которым вы сможете создать лендинг на платформе LP

Рассмотрим пошагово, как это сделать на платформе LP для лендинга к онлайн-тренингу. 

На этой платформе вы можете выбрать готовый шаблон или создать свой. Это в принципе не важно. Мы никогда не берем готовый на все 100%, а адаптируем его под себя, подстраиваем под свои цели. В статье мы рассмотрим, как создать лендинг с нуля, не используя готовый шаблон. Для этого в меню есть секция «блок». В ней размещены все блоки, необходимые для лендингов разной формы (Рис.1).

Для своего лендинга мы будем использовать следующие: первый экран (1), свободные блоки (2), преимущества (3), ответы на вопросы (4), призыв к действию (5).

Рис.1

Шаг 1. Создадим первый экран – экран захвата. Считается, что от него на 80% зависит конверсия лендинга. Поэтому уделим ему особое внимание.

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

Мы выбрали вот такой вариант (Рис.2). Рассмотрим, как его адаптировать для нашего тренинга «Тайм-менеджмент для молодых мам».

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

Рис.2

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

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

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

Рис. 3

Мы загрузили свое фото и теперь, в настройках каждой секции экрана, меняем все остальные элементы: заголовок, пояснение к нему, таймер и  кнопку призыва к действию, логотип, кнопку «Контакты» (Рис.4).

Рис. 4

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

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

      Рис. 5

Вот какой результат получился после адаптации шаблона 1-й страницы                                 Рис.6 (а)

Четко указана целевая аудитория «молодые мамы с маленьким ребенком». 

Прописан конкретный продукт — тренинг, его формат и время проведения. 

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

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

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

Рис.6 (б)

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

Рис. 7

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

Шаг 2. Создаем следующий блок — представление продукта.

А) Тренинг лучше начинать со знакомства с автором-разработчиком тренинга. Перечислить его регалии достижения. Можно выбирать пустой блок или использовать шаблон из секции с отзывами (Рис. 8). 

Рис.8

В правой пустой графе можно разместить сертификаты, дипломы, скриншоты книг и другое, в левой – логотип, если он есть у автора.

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

Б) На следующем экране подробно описываем сам продукт — онлайн-тренинг «Как молодой маме правильно планировать свой день, когда в семье появился малыш».

Для этого экрана выбираем шаблон из блока «Описание» и адаптируем.

Подробно описываем каждый день: указываем тему, какие знания и умения будут усвоены. Для лучшего восприятия используем режим «Списки» (он находится в меню под кнопкой «Текст»). На рисунке 8 пример оформления 2-х дней. Аналогично оформляется следующий.

В описании продукта могут повторяться отдельные элементы, в нашем примере, описание дней тренинга. В этом случае повторяющийся элемент настраивается один раз и используется кнопка «Дублировать». Остается только заменить текст. (Рис.9)

Рис. 9

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

Рис.10

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

Шаг 3. Описываем результат. Для этого экрана используем шаблон из блока «Преимущества». Для визуального усиления результата используются картинки и иконки. Самим их вставлять сложно, поэтому выбираем шаблон, на котором они уже есть (Рис.11)

Рис. 11

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

Рис.12

Шаг 4. Экран закрытия возражения. Выбираем шаблон из блока «Вопросы и ответы».

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

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

Рис. 13

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

Если в 1-м экране был таймер, то в последнем он дублируется. Кнопка должна иметь такую же фразу, как и на 1-м экране. Вообще, для удобства можно просто еще раз скопировать 1-й экран. Пример экрана закрытия на рисунке 14.

 Рис. 14

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

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

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

Создать лендинг самому реально! Пробуйте и у вас все получится

Итак, мы рассмотрели всю последовательность и основную механику создания лендинга для тренинга на платформе LP. 

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

Кира Андреева, сертифицированный специалист по контекстной рекламе и созданию лендингов.

По вопросам сотрудничества пишите Кире https://www.facebook.com/profile.php?id=100016387625727 

Posted in Блог.

Добавить комментарий

Войти с помощью: 

Ваш e-mail не будет опубликован. Обязательные поля помечены *