Как сделать посадочную страницу

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

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

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

Как сделать страницу захвата для любого бизнеса?

По какой формуле вам действовать, чтобы создать лендинг пейдж?

Обычно продающая страница создается по формуле AIDA:

A – Attention (Внимание)
I – Interest (Интерес)
D – Desire (Желание)
A – Action (Действие)


A – Attention (Внимание). То есть, когда пользователь попадает на вашу страницу, сразу после прочтения он должен понять, куда он попал и что здесь есть. Вам необходимо проработать свой дескприпт страницы/утп.

I – Interest (Интерес). Под интересом подразумевается использование на вашей странице интересных, целевых картинок, видео и другого продающего контента. Отталкиваясь от своей практики, могу сказать, что уникальные картинки – повышают конверсию вашей страницы. Не качайте их бесплатно. Купите или сделайте сами.

D – Desire (Желание). Желание вписаться к вам в рассылку или оформить заказ на ваш продукт усиливается через отзывы, в которых есть хотя бы 1 решенная проблема.

A – Action (Действие). Здесь присутствует двойное значение. Первое – важно, что бы на всех ваших кнопках были понятные призывы к действию. Второе – все ваши формы должны ра-бо-та-ть. Как бы это “удивительно” не звучало, но очень часто бывает, что слив бюджетов происходит лишь потому, что формы не было протестированы на работоспособность. Поэтому проверяйте, что бы ваш обратный звонок – работал, что бы подписные формы – работали, подписчики падали к вам в базу и им действительно приходили письма.

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

Знали ли вы о формуле AIDA ранее? Создана ли ваша страница по этой формуле или вы использовали другие методы? Поделитесь в комментариях!

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


А вы уже разработали свою целевую страницу?

Если – да, то эта статья для вас будет проверочным чеклистом.
Если – нет, то создание целевой страницы вам еще предстоит.

Наберитесь внимания + концентрации, и … поехали! (постараюсь минимизировать прелюдии :))

Landing Page/Целевая страница/Посадочная страница/Страница захвата/Одностраничный сайт/Продающая страница – это все одно и то же, не путайте себя.

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

Задача landing page – захватить внимание человека на 100%, при этом исключив вероятность слива его внимания с конкретного оффера (предложения).

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

Цель страницы захвата – действие/продажа.

Преимущества посадочной страницы:

  1. Выше % конверсии (из посетителя в лида)
  2. Меньше времени на создание (быстрый запуск)
  3. Ниже стоимость (в сравнении с созданием сайта)

4 ключевых принципа дизайна страниц:

  • Выделения ключевых элементов
  • Использование вспомогательных знаков
  • Минимализм
  • Цвет, контраст

(Для владельцев сайтов)
При внедрении страницы захвата можно:

  1. Эффективно продавать отдельный товар или услугу
  2. Быстрый запуск акций и спецпредложений
  3. Качественный сбор контактов (имя, email, телефон)

Создание целевых страниц

(Для тех, кто только думает над созданием сайта)
3 мощных аргумента в пользу выбора продающей страницы:

  1. Быстрый запуск (практически моментальное получение заявок)
  2. Оценка эффективности рекламы при самых минимальных вложениях
  3. Минимум в 2 раза выше % конверсии в сравнении с обычным сайтом

Сделать лендинг самому не так уж сложно, если знать обязательные «пункты программы». Landing Page под продажу товара/услуги состоит из следующих блоков:

1. Дескрипт или УТП
2. Уникальное изображение
3. Выгодная акция с понятным заголовком

  • Ограничение по времени
  • Призыв к действию

4. Форма сбора контактов:

  • Заголовок с призывом
  • Кнопка с призывом

5. Блок «Для кого предложение»
6. Блок «Популярные проблемы целевой аудитории»
7. Блок «Преимущества» / «Почему стоит выбрать нас»
8. Блок «Схема работы с нами»
9. Блок «Отзывы клиентов»
10. Блок «100% гарантии» (возврат денег/качества/сервиса/результат)

Пример:

как сделать лендинг: пример

Как сделать лендинг под email-рассылку?

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

1. Понятный заголовок
2. Цепляющий подзаголовок
3. Слева бонусы для усиления подписки на рассылку

  • + поставьте ограничение на получение бонусов

4. Справа подписная форма

  • + добавьте, что читатели будут защищены от SPAM

5. Блок «Почему стоит подписаться»
6. Блок «Об авторе рассылки»
7. Блок «Как часто будет рассылка»
8. Блок «Что будет в рассылке»
9. Блок «Сможете ли вы отписаться»
10. Блок «Цифры из практики»
11. Кнопка регистрации в конце всех блоков
12. Низ (футер) страницы с лайками

Пример:

как сделать лендинг под рассылку

kirulanov.com

Что такое посадочная страница?

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

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

 

Зачем нужны лендинги?


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

 

Факторы, влияющие на конверсию:

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

 

Стоит заметить, что правильная настройка посадочной страницы увеличивает количество заявок в 5 — 10 раз.

 

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

  1. Определитесь с целями. Каких действий вы хотите от пользователя: отправление заявки, покупка, просмотр. Это опорные моменты.

  2. Напишите хороший текст. Заголовок должен быть привлекательным и соответствовать поисковому запросу пользователя. Расскажите о товаре, или услуге. Чем вы можете понравиться покупателю, опишите преимущества. Например, заголовок «Продаем надежные охранные системы в Воронеже» лучше, чем «Вы обратились по адресу» и т.п. Помните, что в тексте не должно быть ошибок и опечаток.
  3. Дизайн должен привлекать внимание. Если вы что-то продаете, имеет смысл показать «товар лицом» и еще лучше – показать его в использовании. Видео и красивые картинки удерживают внимание.
  4. Если цель — отправка пользователем формы, ее нужно располагать на видном месте. И так, чтобы она не нарушала его общий путь движения по странице. Целевое действие должно находиться там, куда падает взгляд. Ссылки на другие товары, красивые картинки – все, что может замотивировать  посетителя смотреть ваш сайт дальше. Форма заявки должна запрашивать только обязательную информацию. Не перегружайте форму большим количеством полей. Оставьте только необходимые данные для дальнейшей обработки. Обязательно: форма должна отдавать ответ об успешной (или неуспешной, указать причины) отправке.

 

 

 

Пример хорошей формы заявки


И еще:

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

 

Примеры посадочных страниц с высокой конверсией

Рассмотрим целевую страницу курса техники речи:

 

 

 

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

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

 

 

Страница контактов оформлена с учетом ближайшей станции метро и времени. 

 

Листаем дальше.

 

Здесь мы видим другую форму «Заказать звонок». Не упускаем пользователя, который не хочет оставлять заявку, предоставляем альтернативный вариант.

 

Логотипы известных брендов повышают доверие.

И наконец:
5bb08f5f0fb7faa13c3eecb8ad13c03aИ наконец, мы «подхватываем» пользователей, которые, просмотрев страницу до конца, не хотят скроллить вверх.

 

Примеры далеко не лучших посадочных страниц


А теперь давайте рассмотрим немного неоднозначный лендинг.

 

Сайт доставляет пиццу. У которой нет фото…

Кроме того, что нет фото пиццы, на сайте отсутствует название ресторана, или службы доставки.. вообще какое-либо название…

 

 

 

Лишь проскроллив вниз можно увидеть текст и в самом его низу телефон. Но названия по-прежнему нет нигде. Доставка? А просто доставка еды на дом.. Секретная, видимо.

Надеюсь, статья была вам полезна. Жду вопросы в комменты.

semantica.in

Как создать эффективную посадочную страницу?

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

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

  • Идеальная структура landing page по версии LPgenerator

1. Определитесь с целями создания посадочной страницы

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

Для начала задайте себе следующие вопросы:

  • Какие преимущества даст вашей компании созданный лендинг?
  • Чем он будет полезен посетителям?
  • Для какой аудитории он предназначен?
  • Как часто он должен обновляться?
  • В чем заключается ваше предложение?

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

Принцип минимализма

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

Принцип минимализма

  • Дизайн лендингов: преимущества минимализма с точки зрения психологии восприятия

Основная информация выше полосы прокрутки

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

Основная информация выше полосы прокрутки

Оформление самой важной информации в виде списка

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

Оформление самой важной информации в виде списка

Добавление видео

Добавление видео на посадочную страницу может увеличить коэффициент конверсии на 86%. Кроме того, видео поможет вам уменьшить объем текстовой информации на лендинге. Просмотр видеоролика сделает информацию более простой для восприятия. Ниже представлен пример лендинга с видео:

Добавление видео

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

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

  • Что такое мобильные лендинги и для чего они нужны

2. Создайте увлекательный контент

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

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

2. Создайте увлекательный контент

  • 94 примера эффективных призывов к действию

Какова выгода для клиента?

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

Единообразие контента

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

На скриншоте ниже можно увидеть пример единообразия контента. В рекламе на Facebook и на лендинге используется одно и то же изображение. Кроме того, призывы к действию очень схожи. В рекламном посте использован следующий призыв: «Наш шеф-повар приготовит для вас 6 блюд всего за $30!» На лендинге призыв к действию выглядит так: «Кликните здесь, чтобы получить 6 блюд всего за $30».

Единообразие контента

Единообразие контента

Отзывы и рекомендации на посадочной странице

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

https://lpgenerator.ru/feedback/

  • Социальные доказательства на Landing Page как технология оптимизации конверсии

3. Сплит-тестирование посадочной страницы

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

Это называется сплит-тестированием и применяется для оптимизации KPI показателей. Только 52% компаний, имеющих собственные лендинги, проводят подобные тесты. Однако тестируя различные варианты посадочной страницы, вы сможете выяснить, что больше нравится вашим потенциальным клиентам — тем самым, вы сможете создать практически идеальный лендинг.

Высоких вам конверсий!

По материалам: authoritylabs.com 

lpgenerator.ru

Что такое Landing Page?

Landing page – отдельная страница, которая используется для:

  • реализации конкретного товара или услуги;
  • создания подписной базы.

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

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

Типы лендинг пейдж:

  • Автономный. Это самый распространенный тип посадочных страниц. Основная задача – побуждение пользователя к покупке или определенному действию, рекомендуемому страницей;
  • Микросайт. Небольшой, чаще отдельный сайт, состоящий не более чем из 5 страниц, содержащих информацию о товаре или услуге;
  • Главный сайт. Для страницы приземления использует одну или более страниц ресурса;
  • Лендо-сайт. Ресурс, который полностью состоит из независимых целевых страниц:

Типы целевых страниц

  • Рекламные. Содержат большое количество текста, графическую и видео информацию об услуге;
  • Вирусные. Реклама замаскирована под статью или игру. Зачастую в ней задействованы электронная почта, социальные сети, чаты;
  • Целевые лид-страницы. Предназначены для сбора информации о целевой аудитории, как правило, содержат минимум информации.

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

Зачем нужны Landing Page?

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

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

Преимущества использования Landing Page

Лендинг в сравнении с обычными страницами ресурса, предлагающими услуги или товары, имеет ряд преимуществ:

  • Нацеленность на определенную аудиторию. На странице приземления предполагается не множество решений, требующих от пользователя выбора, а одно уникальное предложение, перед которым сложно устоять;
  • Высокая конверсия. Согласно статистике, использование посадочных страниц в рекламных целях позволяет увеличить конверсию на 10-15%;
  • Полная информация о предлагаемом товаре/услуге, но без дополнительных переходов и ссылок;
  • Возможность сбора контактов посетителей и пополнения базы потенциальных клиентов, которым в дальнейшем можно разослать информацию о предстоящих акциях/розыгрышах;
  • Невысокая стоимость создания лендинг пейдж. Даже начинающие бизнесмены могут позволить себе создание лендинга, таким образом, тестируя товарные ниши, чтобы начать продавать в интернете:

Где и как используются Landing Page?

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

Где используются Landing Page?

  • В рекламных кампаниях с использованием контекстной рекламы с оплатой да клик (PPC) в Яндекс.Директ, Google AdWords, Бегун. При этом трафик перенаправляется на целевые страницы, оптимизированные под ключевые запросы;
  • В баннерных рекламных кампаниях, при условии, что графический материал размещается на тематических ресурсах, рассчитанных на целевую аудиторию. Например, баннерная реклама новинок в сфере электроники размещается на новостных порталах в сегменте для специалистов в области IT-технологий;
  • В рассылках информационных и маркетинговых писем, содержащих ссылку на посадочную страницу. Например, рассылки для интернет-магазина, учитывающие предыдущее покупки пользователя;
  • Проведение кампаний в блогах, в рамках которых пользователь перенаправляется на целевую страницу ресурса, с владельцем которого блогер предварительно заключает партнерское соглашение на размещение баннерной рекламы, постовых, PR-статей;
  • Кампании в социальных сетях (ВКонтакте, Facebook, Twitter и т.д.) либо на популярных медиахостингах (например, YouTube, Flickr и т.п.). Пользователи перенаправляются на посадочную страницу рекламодателя, имеющего договор о размещении рекламных материалов с выбранным медиа-ресурсом:

Основные способы создания Landing Page

  • Бесплатные шаблоны и генераторы лендингов. Сейчас в сети существует множество вариантов бесплатных шаблонов и конструкторов, позволяющих сгенерировать лендинг пейдж. Самым популярным сервисом создания лендингов является Wix. Это отличный вариант для компаний, ограниченных в бюджете, но имеющих в штате специалистов, разбирающихся в маркетинге и дизайне;
  • Обращение к специалистам. Можно заказать текст для лендинга у копирайтера, разработку дизайна — у дизайнера, и интеграцию с движком — у программиста. При этом в штате компании должен состоять маркетолог, который будет контролировать проект на всех его этапах. К преимуществам данного способа относят относительно невысокую стоимость и достаточно высокий результат, к недостаткам – риск ошибки в выборе специалистов;
  • Аутсорсинг агентства. Данный способ создания посадочной страницы подразумевает обращение в агентство, которое возьмет на себя анализ конкурентов, выбор концепции, разработку стратегии рекламной кампании, решит вопрос с интеграцией с движком и запустит проект. Все, что требуется от вас — это бриф на создание лендинга, а разработку посадочной страницы «под ключ» агентство возьмет на себя. К преимуществам данного способа можно отнести высокую эффективность и экономию времени, к недостаткам — более высокую стоимость, чем в предыдущих вариантах;
  • Содержать в штате специалистов, которые будут заниматься созданием Landing Page. Это самый дорогой и самый эффективный способ. Собственная команда, состоящая из дизайнера, копирайтера, маркетолога и программиста-верстальщика, позволит полноценно продвинуть ваш продукт/услугу на рынок.

Можно ли создать Landing Page самостоятельно?

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

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

Можно ли создать Landing Page бесплатно?

Так, как интерес к посадочным страницам постоянно растет, разработчики предлагают новые и новые инструменты создания landing page на базе шаблонов. Вот список наиболее популярных методов и сервисов:

  • бесплатный лендинг создать можно, если зарегистрироваться на Wix;
  • сделать посадочную страницу можно с помощью программы Adobe Photoshop;

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

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

Создать лендинг – половина дела, важно грамотно его оптимизировать. У одностраничников один, но довольно весомый недостаток – поисковым системам довольно сложно их отыскать. Многостраничные ресурсы имеют уникальные заголовки, грамотную перелинковку и комплексную структуру с указанием веса страниц и т.д.

Архитектура одностраничного сайта не дает возможности провести качественную внутреннюю оптимизацию в классическом понимании, «заточить» сайт под требования поисковиков. Избавиться от этой проблемы позволило решение от Google — верстка с использованием JavaScript и способа PushState.

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

  • разбить посадочную страницу на блоки;
  • каждый блок должен получить свой уникальный индикатор, заголовок, описание и название, URL.

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

Существуют ли специальные программы для создания Landing Page?

Вот несколько эффективных сервисов, которые помогу создать лендинг:

  • LPgenerator.ru. Данный сервис может похвастать наибольшим числом шаблоном для дизайна, кроме того, эта программа для создания лендинг пейдж позволяет построить посадочную страницу с нуля. Срок бесплатного использования – 14 дней;
  • PlatformaLP. Здесь представлены шаблоны секций, из которых можно создавать множество комбинаций страниц приземления;
  • wPPage – хороший сервис для создания лендингов, адаптированный под WordPress. Здесь можно создать посадочную страницу с помощью готовых шаблонов и потом редактировать на свое усмотрение. Сервис может работать в режиме онлайн, также есть возможность использовать плагин для CMS WordPress. Бесплатная версия программы рассчитана на 7 дней;
  • LPmotor.ru предлагает пару-тройку десятков готовых шаблонов и также сотни шаблонов секций, используя которые, можно получить нужный дизайн страницы:

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

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

www.internet-technologies.ru

Особенности такой страницы

Как такая страница должна выглядеть на сайте? Ровно так, как хочется воздействовать на посетителя. Весь смысл такой страницы в её максимальной эффективности и рациональности.

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

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

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

Как сделать посадочную страницу

Простота залог успеха

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

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

Как сделать посадочную страницу

Правильный подход к оформлению

Заголовок landing page должен быть простым и коротким. При этом его главная задача — заинтересовать пользователя и заставить остаться на странице. Размер и удобочитаемость шрифта также играют важную роль в привлечении внимания.

Как сделать посадочную страницу

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

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

Как сделать посадочную страницу

Как оптимизировать

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

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

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

В курсе «Создание и продвижение лендинга под ключ» есть ещё много полезных рекомендаций по этой теме.

Создание и продвижение лендинга под ключ

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

start-luck.ru

Как это сделано у меня?

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

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

Что в итоге?

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

«>

Каковы плюсы такого подхода?

Я подробно изучал сайты своих конкурентов и увидел, что наиболее часто описание услуг представлено в виде обычного текста, который:

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

Кроме того, все внутренние категории оформляются в едином стиле, что выглядит довольно уныло и неинтересно.

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

Советую почитать статью о том, как выбрать веб-студию.

Как это применить в вашем случае?

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

«>

Пример с часами. Допустим, у вас ежемесячно проводится акция – скидка 30% на определённую модель часов. Как вы расскажете об этом своим потенциальным клиентам? Скорее всего, создадите отдельную вкладку «Акция» и разместите на ней текст с описанием. Или просто сделаете красивый баннер, который будет располагаться на главной странице.

Но ведь можно поступить и другим образом. Под эту акция можно создать Landing Page, на котором будет:

  • Яркий заголовок с предложением скидки.
  • Красивые, «вкусные» фотографии часов.
  • Описание основных достоинств данной модели, оформленное с использованием инфографики.
  • Описание выгод, которые получит покупатель.
  • Мотивация на совершение покупки – дополнительные бонусы и скидки.
  • Форма для оставления адреса электронной почты, на которую пользователю и придёт тот самый купон на 30-процентную скидку.

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

Нужно обязательно написать, что получение купона на скидку ещё не обязывает человека к покупке. Так больше вероятность того, что он захочет его получить. И если он уже сделал такой шаг – оставил E-mail и получил купон – то вероятность покупки уже выше.

«>

Это всего лишь один пример того, как эффективно использовать посадочную страницу на своём сайте. На самом деле можно придумать много идей. Но для этого нужно рассматривать каждую сферу деятельности отдельно. Ведь универсальной таблетки нет – каждый проект уникален. И подходы могут быть совершенно разными. Почитайте ЗДЕСЬ о том, что вообще можно продавать через лендинги.

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

Буду рад сотрудничеству!

С уважением, Сергей Чесноков

on-www.ru

Перед тем как начать, давайте определим, что же это такое:

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

Такой сайт, посвященный тому или иному продукту или какой-либо узкой теме, способен увеличить как посещаемость главного сайта, так и продажи в несколько раз. Кроме того, на посадочной странице необходим призыв к действию (call to action), чтобы мотивировать пользователя к покупке или регистрации. Пример call to action — «Подпишитесь на нашу рассылку». Часто call to action предлагает пользователю кликнуть на какой-то элемент страницы (ссылку или кнопку) или заполнить форму.


Советы:

  • Выражайтесь четко. Конкретно говорите пользователю, что именно он должен сделать и что будет потом.
  • Не злоупотребляйте призывами к действию. Если на сайте их немного, то можно сфокусироваться на том, чтобы пользователь предпринял желаемое действие как можно скорее.
  • Используйте кнопки. Кнопки — это понятный посыл и любой пользователь поймет, что по нему можно кликнуть. Хороший дизайн кнопки еще раз обращает внимание на call to action.

Что же делает посадочную страницу хорошей?

Одна тема

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

Простой интерфейс

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

Релевантность

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

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


Советы:

  • Создавайте отдельные посадочные страницы для каждой маркетинговой кампании. Если Вы делаете рекламную компанию с Facebook, то это должно быть отражено на landing page.
  • Страница должна меняться в зависимости от источника — меняйте формулировки, учитывая особенности аудитории.

Дефицит

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


Совет:

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


Доверие

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

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


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

Специально для всех пользователей нашего сервиса конструктор сайтов Jimdo предоставляет скидку 30% на покупку версии JimdoPro или JimdoBusiness. Просто введите код JIMDO30 при оформлении нового заказа на ru.jimdo.com.

e-kontur.ru

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

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

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

По теме: Отличие лендинга от сайта многостраничника.

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

  1. Получить новые заявки на товары/услуги;
  2. Увеличить узнаваемость бренда;
  3. Информировать о предоставлении товаров/услуг;
  4. Предоставить консультацию по услугам;
  5. Получить резюме от кандидатов;
  6. Привлечь партнеров, дилеров, представителей;
  7. Обеспечить доступ к сервису;
  8. И прочее.

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

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

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

ЭТАП 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. AIDA (товары/услуги);
  2. PmPHSA (инфобизнес). Расшифровывается как Pain, more Pain, Hope, Solution, Action (боль, усиление боли, надежда, решение, призыв к действию).

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

По теме: Правильная структура лендинга.

Шаг 2. Детали

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

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

как сделать лендинг самому прототип
Прототип

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

как сделать лендинг самому реализация
Готовый лендинг

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

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

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

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

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

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

Несколько рекомендаций про призывы к действиям:

  1. Делайте их разными. Не только купить, но и записаться на тест-драйв, связаться с менеджером, открыть доступ к видео-презентации.

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

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

    Поэтому стараемся делать не “купить”, а “получить предложение”. Не “записаться на вызов мастера”, а “записаться на бесплатный замер”.

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

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

По теме: Кнопки призыва к действию.

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

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

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

как сделать лендинг самому дизайн
Бесит!

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

С примерами того, что Вам нравится, что не нравится. Какие где фото использовать (хотя бы примерно). На что сделать акцент.

Фактически, для программиста и для дизайнера делаются разные технические задания.

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

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

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

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

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

Перед оплатой и запуском сайта проверьте свою страницу на кросс-браузерность и мобильную версию.

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

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

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

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

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

После того как Вы сделали лендинг своими силами, начинается самое интересное:

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

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

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

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

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

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

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

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

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

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

И не потому что Вы плохо его сделали, а потому что его можно сделать лучше. Ведь всё относительно.

in-scale.ru


You May Also Like

About the Author: admind

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

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

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Adblock
detector