База знаний

Создание минимального продукта (сайта лендинга)

02 августа 2018

Приветствую Вас, жаждущие новых знаний, студенты Венчурного Акселератора! Уверен, все вы слышали про лендинг. Но вот, что это за зверь такой? Сайт? Или всё-таки что-то другое? В этом ролике мы подробно разберём: что такое landing page, зачем он нужен, как работает, как правильно размещать на нём информацию, как и где создавать и размещать лендинг пейдж, сколько стоит его создание. Вы узнаете, что такое целевая аудитория и как её правильно выделять. А ещё мы подробно поговорим о создании посадочной страницы в бесплатном конструкторе Tilda.
Смотрите и создавайте! 

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

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

·         Сбор контактных данных потенциальных клиентов или лидов
Лидом называют посетителя, который с большой вероятностью что-то купит у вас. Он заинтересовался вашим предложением и оставил контакты. Например, на сайт пришли 20 человек, 10 дошли до раздела с презентацией, двое скачали ее, оставили свой адрес электронной почты. Эти двое — и есть лиды, с которыми вы можете работать. Им можно отправлять письма, рекламу, продавать дополнительные услуги.

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

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

2.       Что такое лендинг пейдж?
Лендинг пейдж – это сайт, состоящий из одной страницы, который призывает нажать на кнопку. Например, оставить заявку, подписаться на рассылку, купить билет на конференцию. Отличие вот в чём: сайт – это полноценный информационный ресурс о компании, а лендинг – это web-страница с конкретным предложением. Чем уже вы выберете целевую аудиторию лендинга, тем качественнее сможете сделать предложение. Например, у вас магазин мужской и женской одежды. Отдельные страницы для мужской и для женской одежды приведут к тому, что результат попадания в нужную целевую аудиторию будет выше. А, соответственно, вероятность заинтересованности также возрастет.
 3.       Кто целевая аудитория лендинга?
Целевая аудитория лендинга – это самое главное. Пол, как в примере выше, возраст и другие демографические характеристики – это ещё не всё. Для лучшего результата нужно копать глубже. Определите, что еще может интересовать посетителя вашего лендинга, какой у него уровень доходов, хобби, что для него важно. Точно определив все нюансы, вы сможете сделать предложение, от которого будет невыгодно отказываться.
На лендинге, конечно, не обязательно сразу что-то продавать. Существуют еще вдохновляющие лендинги, которые, в первую очередь, заражают идеей. Например, человек случайно попал на ваш лендинг, где вы рассказываете о пользе марафона. Он ушел, но, вдохновившись вашей идеей, решил попробовать свои силы и вернулся, чтобы купить участие в этом марафоне. Именно поэтому важна еще и эмоциональная составляющая лендинга.
 4.       Где разместить главную информацию?
Первое, что видит посетитель на лендинге – это обложка, содержимое начального экрана. Этому нужно уделить особое внимание. Посетитель, во-первых, должен сразу понять, что вы ему предлагаете. Во-вторых, его глаз должен радовать хороший дизайн, чтобы хотелось смотреть дальше.
Также заинтересоваться вашим предложением помогут факты. Например, вы продвигаете мероприятие со знаменитыми ведущими и интересной посетителю вашего лендинга темой. Человек, узнав участвующих, может быстрее принять решение о покупке билета на это мероприятие.

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

Часто принять решение помогают отзывы живых людей. Они, помимо оценки, дают дополнительную информацию, которая убеждает выбрать именно вас. Например: «Заказал тут сумку, качество супер, пришла за 2 дня, да еще и подарок положили! Спасибо, всем рекомендую!».

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

Не все лендинги строятся именно по такой схеме. Все, что нужно, может уместиться даже в один экран. Главное – ваше предложение должно быть понятно и точно соответствовать нуждам посетителя.
 5.       Как работает лендинг пейдж?
Лендинг пейдж – это рекламный инструмент, и создается он по законам и правилам эффективной рекламы.
Существуют два основных правила построения лендинга:
·         AIDA – аббревиатура, которая обозначает “привлечь внимание, заинтересовать, вызвать желание, добиться действия”.
·         PmPHS – аббревиатура, которая обозначает “выявить проблему, обострить проблему, показать надежду и предложить решение”.

Использовать эти формулы при создании лендинга нужно с умом, без лишней наигранности. Все мы видели страницы с фейковыми счетчиками, слишком раздутыми проблемами и навязчивыми призывами. «Скорее покупай золотые швейцарские часы со скидкой 99%! Через 2 минуты наше супервыгодное предложение закончится!». Ваше предложение должно быть правдоподобным. 

Главное на лендинге – максимальная простота восприятия информации и решение проблемы посетителя.

Например, нужен классный подарок для мамы. Вы решили заказать ей цветы с доставкой. Ваш бюджет 2000 рублей. 
Вы начинаете искать подходящее предложение. Попадаете на лендинг. Видите предложение: «Букеты для мамы до 2000 рублей. Бесплатная доставка». То, что нужно! Листаете дальше: фото довольных клиентов с красивыми букетами и хорошие отзывы.
В конце форма обратной связи. Вы оставляете свой номер телефона, вам тут же перезванивает менеджер и уточняет детали. Всё! Вы потратили 5 минут и сделали свою маму чуточку счастливее.

6.       Где создавать лендинг пейдж?
Создать лендинг можно, самостоятельно написав код, если вы владеете знаниями в области web-разработки. Более простой, но такой же эффективный вариант – создание его на базе конструктора. Сейчас их огромное множество. Один из самых удобных и функциональных – конструктор Tilda.

7.       Как создать лендинг пейдж на конструкторе Tilda?  
Регистрируемся на сервисе Тильда

1. Для того, чтобы работать с сайтами и лендингом в Тильде нужно зарегистрироваться. Зайдите на сайт и нажмите на кнопку “Регистрация”. После этого вводите имя, почту и пароль. Вы готовы к работе со своими проектами.
Создаем свой новый проект

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

3. Следующий пункт - это создание шаблона. Вам необходимо нажать на кнопку “Создать новую страницу”. Дальше среди множества вариантов страниц вам необходимо выбрать пункт “Универсальный лендинг”.
Знакомимся с конструктором лендинг пейдж

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

5. Итак, как же работать с блоками? Поводите мышкой по шаблону. При наведении на каждый блок в левом верхнем углу у вас появляется область редактирования блока. Там вы можете выбрать тип, изменить настройки и загрузить нужный вам контент в определённый блок. Справа находится ещё одна область редактирования: там вы можете перемещать блок, удалять, дублировать и скрывать.
Переходим к практике

6. Давайте в качестве примера сделаем небольшую страницу, которая рассказывает об ученике Бесплатной Школы Видеоблогера. Для этого составляем страничку из 5 блоков: логотип, заголовок, кнопка, видео  и “о проекте”. Нужные блоки добавляем, а остальные просто удаляем.
Добавляем свой логотип

7. Каким образом добавить свой собственный логотип на сайт? Наводим мышкой на блок “Логотип” и выбираем тот тип, который нам нравится. После этого нажимаем на кнопку “Контент” и загружаем лого. Не бойтесь, если у вас получилась картинка на весь экран, ведь всё исправить можно в настройках блока. Заходим туда и изменяем ширину изображения. Итак, у нас получилось поставить логотип на нашу страничку. 
Редактируем заголовок

8. Следующий блок - это заголовок. Тут всё просто: нам нужно как-то озаглавить свою страницу. Чтобы изменить название, нужно просто заменить текст, который вы видите.
Размещаем видеоролик

9. Идём дальше - блок “видео”. Если мы хотим добавить видео с YouTube, то выбираем соответствующий тип блока. После этого заходим в “Контент” и добавляем ссылку на видео, которое хотим добавить.
Рассказываем о проекте

10. Четвёртый блок - это блок “О проекте”. Здесь вы можете описать свой проект, рассказать о своём продукте или о предложении вашим покупателям. Также в этом блоке можно поменять изображение на заднем фоне. Для этого нажимаем на “Контент” и загружаем фоновое изображение.
Добавляем кнопку с призывом

11. Последний пятый блок - кнопка. Нажимаем на “Контент” и меняем текст кнопки. Этот текст должен быть коротким и с призывом к действию. В ссылку для кнопки добавляем ссылку на сайт, куда вы хотите, чтобы переходил посетитель.
Выбираем дополнительные блоки

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

13. Итак, мы создали страничку: что делать дальше? Давайте узнаем, как она будет смотреться. Для этого нажмём на кнопку “Предпросмотр” вверху. Если что-то не устраивает, то можно вернуться к редактированию и всё исправить.
Публикуем готовый лендинг

14. Что же, нам всё нравится, давайте уже наконец сохраним нашу страницу. Для этого нужно просто нажать на кнопку “Опубликовать”. Сайт выдаёт нам ссылку, по которой можно перейти и увидеть наш лендинг пейдж. 
Делаем красивую ссылку

15. Если вам не нравится, как выглядит ссылка, то её можно изменить в настройках сайта. Нажимаем на кнопку “Ещё” в правом верхнем углу. Потом переходим в настройки сайта. В строке “Субдомен на тильде” меняем название на подходящее и сохраняем. Возвращаемся к нашему лендингу.
Наслаждаемся результатом

16. В итоге у нас получилась страничка, которую в будущем можно изменить, если к вам пришла новая оригинальная идея. Все изменения сохраняются и остаются доступны для исправления.
 8.       Сколько стоит создание лендинга?
Первый лендинг пейдж можно создать бесплатно на конструкторе. Если вам необходимо несколько лендингов под каждую целевую аудиторию, то вы просто выбираете подходящий тарифный план. Например, в Тильде стоимость варьируется всего от 500 до 1000 рублей.
 9.       Задание
Создайте Ваш первый лендинг при помощи нашей инструкции! 
Отправьте ссылку наставнику.

Удачи!