Создание дизайна landing page

Содержание:

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

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

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

Причем не так важно, что это будет – услуги, товары или бренд

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

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

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

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

Лэндинг стоматологии

Зачастую целевые страницы стоматологии предпочитают делать в одном стиле и выглядят они практически одинаково: бело-сине-зелёная палитра цветов и медицинские атрибуты. Большинство клиник, оказывающих стоматологическую помощь, предоставляют одинаковые услуги, потому велик соблазн скопировать что-то наиболее удавшееся у конкурентов.

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

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

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

Критерии хорошего конструктора одностраничников

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

Стоимость
Задумайтесь о бюджете на ваш сайт, готовы ли вы платить по 300—500 руб. ежемесячно за его обслуживание? У хороших платформ минимальный тариф находится в этом диапазоне, но есть и более дорогостоящие предложения, например, LPgenerator за 799 руб. в месяц.
Сложность использования
Через лучшие сервисы очень легко работать. Они сделаны на русском языке, не подвисают, имеют интуитивно понятный интерфейс. Чтобы это оценить, нужно за пробный период успеть, как минимум, создать проект и запустить его на бесплатном поддомене.
Интеграции с нужными сервисами
Большинство популярных платформ предлагают синхронизировать данные с различными CRM, почтовыми рассылками, кассами и т. д. Тем не менее, встречаются и те, где очень мало возможностей по интеграции, и такие варианты лучше исключать.
Наличие инструментов аналитики
Они однозначно понадобятся тем, кто планирует не просто запустить свой сайт, а продавать с него товары или заниматься арбитражем трафика. К сожалению, далеко не все конструкторы имеют расширенные возможности для отчетов в реальном времени и А/Б тестирование

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

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

Намеренно не упоминались такие критерии, как: SEO-оптимизация, наличие тестового периода, привязки своего домена и т. д. Подобные возможности реализованы сегодня практически во всех русскоязычных конструкторах. Если вы встретите сервис без них, то его нужно сразу пропускать и выбирать другой.

Реальные примеры работающих лендингов

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

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

Пример 1. Мастер Климат — компания по установке и продаже климатического оборудования

www.masterclimat.pro — этот сайт мы сделали с другом, когда еще занимались изготовлением сайтов под заказ.

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

Пример 2. Вакансии Альфа-Банка

www.job.alfabank.ru — прокручиваем сайт и видим – как стартует карьера молодого человека в Альфа-Банке. Через некоторое время, наглядевшись на заманчивую визуализацию, посетители сайта наконец-то видят буквы. На странице опубликован годный текст – его качество ничуть не хуже анимированной картинки.

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

Кнопка действия: наверху небольшая и слабозаметная кнопка «отправить резюме» – это минус; в самом низу страницы яркая ссылка «смотреть вакансии» – это плюс.

Лендинг пейдж с нуля – создать самому или заказать профессионалу?

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

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

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

LPgenerator

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

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

Flexbe

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

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

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

Минусы лендинга

О преимуществах рассказали, теперь поговорим о недостатках landing page. Будем честными – они присутствуют.

Например, в отличие от сайта лендинг ограничен определенным объемом. Основное правило такое: меньше текста – больше продающих элементов.

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

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

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

Для начала дадим определение: Лендинг (landing page англ. — посадочная страница) — это целевая страница. Называют ее целевой не просто так, а потому, что главная задача лендинга — любым способом добиться от посетителя целевого действия.

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

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

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

Все выше написанное можно иллюстрировать такой картинкой:

Вы будете абсолютно правы, если поставите знак равенства между понятиями “лендинг” и “целевое действие”. Это достаточно точная формулировка для описания того, что такое лендинг, простыми словами. Мне кажется что проще не бывает.

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

Начните с понимания задачи

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

Подготовьте бриф. Вам нужны ответы на три главных вопроса:

Что нужно сделать

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

Для кого

Вам нужно досконально изучить целевую аудиторию. Дизайн для презентации сериала для подростков и стиль для b2b-направления отличаются кардинально.

Как вы это реализуете

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

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

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


Пример лендинга «Звездных войн» — необычный яркий пример с почти незаметным боковым меню.

Mobirise

Mobirise — это бесплатная программа для создания лендингов без редактирования кода на фреймворке Bootstrap. Она доступна в Windows и Mac, являясь прекрасной альтернативой современным конструкторам.

Сравнивать Mobirise с вышеупомянутыми платформами бессмысленно. Это совершенно иного рода решение для создания сайтов со следующими особенностями:

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

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

Перейти на mobirise.com

Программы, с помощью которых делаются одностраничники

https://youtube.com/watch?v=_rOUDX1Degc

  1. Adobe Muse. Используется чаще всего. Можно делать или редактировать веб-ресурсы в визуальном режиме, писать коды нет необходимости. Программа делает всё сама, надо лишь верно разместить составляющие на странице.
  2. Microsoft Expression Studio. Программа используется нечасто, включает в себя пакет из нескольких программ для разработки веб-сайтов и веб-графики.
  3. Serif WebPlus. Чтобы создавать и редактировать одностраничники, не надо владеть языками программирования, писать коды не придётся.
  4. WebSite X5. Посредством этой программы можно разработать даже сложный сайт. Она поможет даже не разбирающемуся в сайтостроении человеку.
  5. WYSIWYG Web Builder. Программа выдаёт нужный код автоматически, так что тут его писать тоже нет нужды.
  6. Axure RP Pro. Работать с программой удобно, так как действия наглядны, проходить специальное обучение не требуется.

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

Что такое лендинг пейдж — обзор для новичков

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

Landing page дословно переводится с английского: «целевая» или «посадочная страница».

Такие одностраничники вы наверняка видели в Интернете.

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

Почему делают лэндинги:

  1. Они хорошо мотивируют посетителя совершить нужное действие.
  2. Они быстро конструируются. И часто стоят дешевле обычного сайта. Еще один плюс: посадочную страницу можно сделать самостоятельно.
  3. Landing page легко переделать – улучшить, изменить, добавить недостающую информацию.

Лэндинги создают для:

  1. Продажи продукта. Для этого используют призывы: «купить», «оставить заявку», «позвонить».
  2. Сбора информации. Тут посетителям предлагают: «подписаться», «узнать больше».
  3. Распространения софта — продажа программного обеспечения.

Лендинг и воронка продаж

Процесс продаж через лендинг пейдж выглядит примерно так:

Из сотни – две продажи. Отдача – 2%. Это неплохой вариант. Не совершенный, но и не проигрышный.

Воронка продаж выглядит как перевернутая кухонная воронка: широкое основание и узкое горлышко.

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

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

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

Когда анализируют лендинг, рассчитывают еще один показатель – EPC.

Чем выше показатель доходности, тем выше эффективность вашей рекламной кампании.

Случай 1. Низкая конверсия (продажи) основного сайта компании

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

Пример расчета: за 24 часа на сайте побывало 300 человек. Подписались на рассылку – 12 пользователей. Конверсия составит: 12 / 300 * 100% = 4%.

Средняя конверсия сайтов в зоне .РУ – 0,5%. Конверсия лэндингов 5–10%. В этих цифрах скрывается вся правда о том, почему предприниматели так любят продавать свои товары и услуги через одностраничники.

Случай 2. Запуск нового продукта

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

Рекомендую прочитать нашу исчерпывающую стать о том, что такое контекстная реклама.

Случай 3. Решение конкретной задачи

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

Создание landing page без в большинстве случаев поможет увеличит продажи.

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

Чтобы страница заработала – нужно ее «включить».

Для этого можно предпринять следующие ходы:

  1. Запустить контекстную рекламу на ваш одностраничный сайт.
  2. Запустить e-mail рассылку по заранее собранной базе подписчиков. В письме кратко расписать свойства продукта и добавить ссылку на лэндинг.
  3. Прорекламировать продукт на форумах, сайтах-партнерах, досках объявлений. Везде добавлять ссылку на страницу.

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

#2 – Заменяем картинку на главном экране

Когда скачаете – откройте папку “blue” и внутри вы найдете несколько файлов с расширением html. Кликните два раза на тот, который называется index.html.

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

Теперь нам надо его отредактировать. И удобнее всего это делать с помощью программы Notepad++. Скачайте её и установите себе на компьютер.

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

Укажите размер файла “Большой”. Пока для тренировки можете скачать вот это изображение. Мы как будто делаем лендинг для профессиональных юридических услуг.

Теперь копируйте это изображение в папку “images”. Поменяйте его название на “banner.jpg”. То изображение, которое уже называется “banner.jpg” в этой папке, переименуйте во что-нибудь другое.

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

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

Если все ОК, то переходим к редактированию текста.

Лэндинг психолога

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

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

Общая схема создания лэндинга психолога подчиняется обычным законам создания продающих страниц.

Сервис WordPress для создания страницы захвата своими руками

Часто продающая страница делается на WordPress. Особенности плагина для подобной CMS:

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

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

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

  1. Thrive Landing Page WordPress.

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

  1. WP Profit Builder.

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

  1. WordPress Landing Pages.

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

  1. InstaBuilder.

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

  1. OptimizePress.

Посредством этого инструмента можно в считаные минуты сделать одностраничник в WordPress автоматически настроенный под поисковик. При внесении изменений на странице результаты видны сразу.

  1. LeadPages.
  2. Ultimate Landing Page.

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

  1. Parallax Gravity.

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

Плагины на WordPress позволяют создать одностраничник за 1 вечер с нуля, но не все из них распространяются бесплатно.

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

https://youtube.com/watch?v=r_lTQgwA9PE

Что лучше: заказать лендинг у профессионалов или самостоятельно сделать посадочную станицу?

Команда, необходимая для создания лендинг пейдж с нуля:

  1. Маркетолог. Разрабатывает стратегию. Формирует предложение. Тестирует результаты. Создает прототип сайта.
  2. Копирайтер. Пишет тексты. Создает заголовки.
  3. Веб-дизайнер. На основании прототипа делает макет. Реализует спецэффекты.
  4. Front-end разработчик. Программирует и верстает. Тестирует отображение лендинга на разных устройствах. Настраивает форму обратной связи, кнопку призыва и прочее.
  5. Директолог, специалист по контекстной рекламе. Анализирует семантическое ядро. Подбирает ключевые слова. Настраивает контекстную рекламу.
  6. Менеджер. Контролирует работу. Рассчитывает окупаемость проекта. Принимает ключевые решения.

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

Если правильно спланировать каждый этап работы и заранее найти хороших людей – посадочная страница будет готова через 2-3 недели.

Теперь перейдем ко второму – «самостоятельному» варианту.

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

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

  1. Придумайте идею. Сформулируйте предложение – посыл к аудитории, которой нужен ваш товар или услуга.
  2. Разбейте идею на логичные блоки. Если вы задаете в первом блоке вопрос – второй или третий блок должен быть ответом.
  3. Разработайте тизер* – картинку или текст. Сделайте его цепляющим и лаконичным.
  4. Поработайте над основным текстом. Здесь вы выступите в роли копирайтера.
  5. Придумайте заголовки. Желательно, чтобы они были не разнородными и складывались в рассказ.
  6. Призовите к действию. У вас на продающем сайте должны быть фразы и слова «закажите сейчас», «звоните», «подпишитесь».
  7. Займитесь дизайном. Выберите подходящий шаблон лендинг пейдж. Отредактируйте его под придуманную структуру. Фотографии, иллюстрации ищите в стоках. Или берите камеру и снимайте материал самостоятельно.
  8. Запускайте лендинг. Настройте контекстную рекламу.

Тяжело? Зато бесплатно! Правда, времени на это вы затратите немало: пожалуй не меньше 4-5 недель.

Давайте рассмотрим таблицу способов получения готового одностраничника.

Вариант изготовления Цена Сроки Сложность задачи Конечный результат
1 Обратиться к профессионалам От 3 000 у.е. 2-3 недели Очень просто Высока вероятность положительного результата
2 Создать самостоятельно От 20-30 у.е. 4-5 недель Сложно Все зависит от вас 🙂

Особенности landing page

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

A/B тестирование посадочной страницы

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

Для этого потребуется:

  1. Создать 2 (два) landing page;
  2. Настроить пункты «Цели» в Яндекс.Метрике или Google Analytics;
  3. Определенное время для сбора информации с сервисов статистики.

После проделанной работы вы увидите, что A/B тестирование даст результаты, так как конверсия продаж и поведение посетителей будет разнится. В чем собственно и заключается цель тестирования.

Как должен выглядеть продающий лендинг и что должен содержать

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

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

Пример посадочной страницы — лендинг пейдж

Вот почему лендинг становится все более популярным, тем более, что вопрос «Лендинг что это такое» является для вас знакомым!

Как оформить первый экран

  1. Логотип (вариантивно),
  2. Дескрипт,
  3. Контакт,
  4. Меню (по необходимости),
  5. Заголовок,
  6. Подзаголовок (вариативно),
  7. Изображение/видео продукта,
  8. CTA (Форма или Кнопка),
  9. Идентификация,
  10. Выгоды (вариативно).

2. Дескрипт

  • точно описывает то, чем занимается компания с конкретизацией ниши (пример — Конструктор Landing Page, Организация профессиональных конференций);
  • указывает на специализацию (пример — Свадебная фотосъемка, Агентство элитной недвижимости);
  • может содержать идентификацию (пример — Консультации для начинающих бизнесменов, Тренинги для топ-менеджеров);
  • может демонстрировать выгоду (пример — Отдел продаж под ключ)

5. Заголовок или самая важная часть Landing Page

Технология 1. Как сделать продающий заголовок: 4UUsefulness (Полезность)«трех почему»Urgency (Срочность или Актуальность)Uniqueness (Уникальность)докладов Тима ЭшаПроцесс изучения посетителями одностраничникаUltra-specificity (Ультра-специфичность)Пример 1Дизайн интерьеров.
– Разработаем дизайн интерьера, который сделает дом удобнее.
– Разработаем дизайн интерьера, в который захочется возвращаться.– Разработаем дизайн интерьера в который вы захотите возвращаться, сэкономив 30% бюджета за 2 недели.– Профессионалы индивидуально разработают дизайн интерьера, в который вы захотите возвращаться, сэкономив 30% бюджета за 2 недели.– Дизайн интерьеров на заказ
– Профессионалы индивидуально разработают дизайн интерьера, в который Вы захотите возвращаться, сэкономив 30% бюджета за 2 недели
Пример 2Купить шины.– Увеличьте безопасность автомобиля на дороге.– Увеличьте безопасность автомобиля на дороге на 35%.– Увеличьте безопасность автомобиля на дороге на 35% за 1 час.– Увеличьте безопасность автомобиля на дороге на 35% за 1 час за счет инновационной резины шин «Шинус».– Купить самые лучшие шины у нас
– Увеличьте безопасность автомобиля на дороге на 35% за 1 час за счет инновационной резины шин «Шинус»
Технология 2. Как создать продающий заголовок: 3ВПримеры:– Зарабатывайте на 30% больше уже через 1 день после аудита сайта профессионалами
– Делайте молочные коктейли за 1 минуту у себя дома с блендером
– Увеличим прибыль вашего сайта в 2 раза с технологией создания заголовков по 4U
Технология 3. Создание заголовка: 2МПримеры:
Как продать автомобиль за 3 часа на 10% выгоднее, не выходя из дома
– Как заработать 1000 рублей лежа на диване за 1 день
– Как увеличить конверсию в 2 раза за 10 минут без вложений

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

Пример заголовка на первом экране Landing Page.регистрируйтесь

6. Подзаголовок

Пример:– Заголовок: Зарабатывайте на 30% больше уже через 1 день после аудита сайта профессионалами.
– Подзаголовок: Все еще не хватает на новый Феррари? Звоните прямо сейчас, и мы увеличим ваши продажи.

7. Изображение

Используем четкие, без шумов, яркие картинки.В карточках продукта фон должен быть такой же, как и фон блока. Используем изображения формата .png. Примеры справа конверсию убивают сразу. Разница очевидна.Никогда не накладывайте на фон изображения с фоном. Используем .png изображения, причем лучше брать реальные фото, а не рисунки из фотобанка.unsplash.comallthefreestock.comПример первого экрана для заголовка и изображения Landing Page.

8А. Кнопка

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

Примеры призыва к действиюХорошо:
– Получить консультацию
– Узнать больше
– Получить мой подарок
– Увеличить продажи
– Получить бесплатно
– Принять участие
Плохо:
– Отправить
– Заказать
– Купить

8.Б. Форма

  • заголовок;
  • подзаголовок;
  • поля для ввода;
  • кнопка;
  • подпись;
  • CTA + выгода.

Заголовок формыПодзаголовок формыПоляПоля контактовКнопкаПодпись

9. Идентификация

Примеры:
Для кого подойдет?
– Для владельцев бизнеса
– Для начинающего бизнеса
– Для владельцев веб-студий
Для кого не подойдет?
– Для дачников
– Для домохозяек
– Для автовладельцев

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

Бесплатные конструкторы landing page действительно существуют, но имеют ряд значимых недостатков:

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

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

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

  • LPMotor (без публикации в сети);
  • Wix;
  • Nethouse (1 руб. в месяц);
  • Mobirise (только на ПК, для публикации понадобится хостинг и домен);
  • GUM (в пиратской версии, не подойдет новичкам).

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

Заключение

По правде говоря, люди устали от лендинг пейдж. Им приелись одни и те же приемы – таймеры обратного отсчета, сумасшедшие скидки, «уникальные предложения», статичные отзывы, не меняющиеся на протяжении 2-3 лет.

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

Подведем итоги:

В завершение статьи – видео по теме изготовления идеального лэндинга:

Желаю вам удачи в бизнесе, запускайте landing page и увеличивайте продажи!

Автор статьи: Александр Бережнов

Предприниматель, маркетолог, автор и владелец сайта «ХитёрБобёр.ru» (до 2019 г.)

Закончил социально-психологический и лингвистический факультет Северо-Кавказского социального института в Ставрополе. Создал и с нуля развил портал о бизнесе и личной эффективности «ХитёрБобёр.ru».

Бизнес-консультант, который профессионально занимается продвижением сайтов и контент-маркетингом. Проводит семинары от Министерства экономического развития Северного Кавказа на темы интернет-рекламы.

Лауреат конкурса «Молодой предприниматель России-2016» (номинация «Открытие года»), молодежного форума Северного Кавказа «Машук-2011”.

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

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

Adblock
detector