Как создать лендинг для любого проекта

Социальные доказательства

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

Этап 1: готовим платформу для Landing Page

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

• хостинг, на котором будем размещать сайт;

• доменное имя;

• графический редактор (опционально);

• начальные знания HTML и CSS (опционально).

Как видите, ничего особенного не нужно. Строить лендинг будем на WordPress, самая популярная и довольно дружелюбная к неофитам CMS (система управления содержимым). Просто потому, что это быстрее, но, если честно, я предпочитаю делать одностраничники без CMS, они получаются шустрее и меньше нагружают сервер. Но мои советы из этой статьи опытным веб-мастерам, которые способны сверстать страницу без систем управления сайтом, навряд ли пригодятся. Так что давайте перейдем к пошаговой инструкции по созданию посадочной страницы.

Подготовка домена и хостинга

В первую очередь нужно выбрать доменное имя и хостинг. В плане хостингов я перепробовал многое. Результаты многочисленных проб привели меня на Fozzy: https://fozzy.com/. Вполне возможно, что вам по вкусу другой хостинг, но лично для меня оказался наиболее подходящий вариант.

Ну и промокод на скидку в 10%: 0f42e170-1599-4410-8934-83f003aa61df

Если сомневаетесь, то вот обзор хостингов, которые отлично подходят для работы: https://workinnet.ru/hosting-for-wordpress/

После выбора хостинга нужно выбрать домен. Несмотря на нелюбовь к Reg.ru, как к хостингу, домены всегда приобретаю у них: https://www.reg.ru/

А вот вам промокодик со скидкой в 5% на приобретение домена. Немного, но лучше, чем ничего: 8404-F30B-D292-4306

Конечно, я немного покривил душой, когда заявил, что один день. DNS-адреса домена могут изменяться до 24 часов. Сейчас все объясняю. Мы покупаем домен, вводим интересующее название, смотрим, занято или нет. Например, podso.site.

Он занят, но это я его выкупил. Таким образом можно долго перебирать, потому поступаем иначе. Выбираем меню «Домены» → «Подрать домен».

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

Вводим ключевое слово, например “Zae” и получаем такую выборку. Так можно найти нужный домен.

Отлично, после выбора домена нужно его добавить на хостинг. Заходим в панель управления Reg.ru.

Нажимаем кнопку «Мои домены» и выбираем нужный.

Теперь нужно указать DNS-серверы, для этого ткните в указанное место. Я покажу на примере свободного домена, который купил, но так и не применил нигде.

Если у вас хостинг от Reg.ru, то просто ничего не трогайте, в крайнем случае можете DNS поменять на ns1.hosting.reg.ru и ns2.hosting.reg.ru. Если же послушались моего совета и выбрали Макхост, то вам придется указать ns7.fozzy.com, ns8.fozzy.com

Скрины в статье старые, тогда ещё размещал сайт на Макхост, но скажу честно: неважно какой у вас хостинг, суть при работе будет примерно та же

Тыкаем кнопку «Изменить» и наблюдаем такое сообщение.

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

Готовим сайт

Когда DNS-серверы обновятся, придет время подготовить базу для создания Landing Page. Заходим на хостинг, в моем случае это Макхост и начинаем работу. Сначала добавляем зарегистрированный домен на хостинг.

Теперь настроим хостинг перед размещением сайта.

Выбираем настройки PHP, здесь нужно указать версию 7.4 и заказать сертификат SSL. Он нужен для того, чтобы к вам могли заходить через HTTPS (безопасный протокол соединения), учтите, на лендинге всегда есть формы обратной связи, так что сделайте сертификат, иначе есть вероятность, что данные посетителя перехватят злоумышленники. У меня уже готов, но у вас будет кнопка заказать.

Отлично, теперь нужно установить WordPress. Для этого нужно скачать архив с официального сайта: https://ru.wordpress.org/download/, подготовить для размещения на хостинге и распаковать его там. Я подготовил для этого отдельную статью, читайте: https://workinnet.ru/setup-wp-hosting/

Выполняйте инструкцию поэтапно и проблем у вас не возникнет. Установка WP – дело очень простое.

На что нужно обратить внимание при разработке сайта

Лендинг с подзаголовком, в котором отображаются преимущества предложения

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

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

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

Работа и карьера

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

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

Востребованность специалиста лендингиста

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

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

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

Основные требования и обязанности

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

Наиболее встречающиеся обязанности и требования в вакансиях:

• знание HTML5;
• владение CSS3;
• отличное владение русским языком;
• как минимум поверхностные знания PHP (обзор профессии) и jQuery;
• знание движка WordPress;
• умение работы с конструкторами сайтов;
• составление нескольких шаблонов лендинга;
• работа со стилями блоков;
• знание и понимание SEO;
• изменение скриптов;
• работа с различными плагинами конструкторов сайта.

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

Пример вакансии:

Где и как искать работу

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

Для вакансий рекомендуются самые популярные порталы — HeadHunter и Trud. Для фриланса подойдет FL и FreeLance. Все ресурсы русскоязычные.

Советы, связанные с поиском работы и трудоустройством:

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

Как стать специалистом по созданию целевой страницы

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

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

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

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

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

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

Где взять 300 готовых шаблонов для лендинга и программу как бонус

Осталось меньше ста лицензий на программу и вам готовы отдать одну из 100 бесплатно, если перевести стоимость в рубли то это 3400 рублей + к этой программе идут 178 готовых шаблонов с высокой конверсией стоимость которых 2300 рублей, всё вместе это равно 5700 рублей И это всё отдаётся как бесплатный бонус в подарок первым 100 покупателям обучающего курса в формате видео.

Больше 300 готовых красочных шаблонов

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

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

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

Бонус:

Для чего нужно создавать качественный лендинг

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

Но причина кроется не в сайтах где размещают рекламу.

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

И если у вас появится желание продать свой личный курс на глопарт(Как создать 3D полы самому, сейчас на 70% дешевле), Вам в любом случае нужен качественный лендинг с продуктом и обязательно видео на этом лендинге – это и есть две составляющие, которые имеют огромную важность

Лид-формы

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

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

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

Советы Как настроить лендинг — готовые видео уроки

Открою вам секрет как создаются обучающие курсы на glopart. Берутся курсы с сайта udemy и делается перевод с английского языка на русский.

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

В подарок плагин профит билдер + 300 клубных шаблонов.

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

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

Что такое лендинг пейдж

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

Лендинг представляет собой одностраничный сайт

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

Множество таких ресурсов широко представлены в Интернете.

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

Пример лэндинга компании «Море желаний»

Три причины сделать лендинг-пейдж:

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

Три задачи лендинг пейдж:

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

Алгоритм осуществления продаж при помощи лендинг пейдж состоит из четырех этапов:

• посетители увидели ссылку на посадочную страницу (к примеру, 100 человек);
• заинтересовавшись, сделали клик и совершили переход (к примеру, 40 человек);
• оставили заявку (к примеру, 10 человек);
• приобрели продукт (к примеру, два человека).

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

Лендинг пейдж необходим компании в следующих случаях:

1. Низкая конверсия основного интернет-ресурса компании.

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

Чтобы рассчитать конверсию, применяют такую формулу:

ПП / ОП * 100%,

где ПП — это число сделавших целевое действие пользователей, ОП — общее количество посетителей ресурса за сутки.

К примеру, за 24 часа ваш сайт посетили 360 человек, 18 посетителей подписались. В таком случае конверсия будет равна 5 %.

В рунете средние показатели конверсии сайтов колеблются на уровне 0,5 %, при этом конверсия лендингов показывает от 5 до 10 %. Эта разница демонстрирует явное преимущество лендинг пейдж, перед полноценными сайтами.

2. Запуск нового продукта.

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

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

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

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

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

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

Вас также может заинтересовать: Продвижение услуг в Интернете

Популярные конструкторы лендинг пейдж — ТОП-3 лучших

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

Конструктор 1. «Флексби» (flexbe.com)

Самый дешевый тариф – 750 рублей в месяц. В эту сумму входит: один домен, 10 страниц, 250 СМС уведомлений, техподдержка, свой почтовый ящик и прочие «плюшки» вплоть до бесплатного домена в зоне .RU.

Самый дорогой тариф – 3 000 рублей в месяц. Это неограниченное число доменов, сколько угодно страниц, 1 000 СМС уведомлений и так далее.

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

Из плюсов – невероятная скорость. За 10 минут я создал приемлемый одностраничник. Он хорошо смотрелся на экранах мобильных устройств.

Конструктор 2. LPgenerator (lpgenerator.ru)

Стоимость обычного тарифа – 2 156 рублей в месяц. И это с ограничением 9 900 посетителей в месяц! Без ограничений тариф стоит 4 000 рублей в месяц.

Дорого, но говорят, что LPGenerator того стоит.

Конструктор 3. LPTrend (lptrend.com)

Я не обнаружил здесь интеграции со сторонними сервисами. Зато есть функционал A/B-тестирования, присутствует вкладка «полезные сервисы» со ссылками на нужные и не очень нужные инструменты.

Пробный период – до 15 дней. Неплохой срок для тестирования возможностей конструктора.

Стартовый тариф (самый дешевый) – 500 рублей в месяц. Можно сгенерировать один лендинг. Премиум тариф стоит 2 000 рублей в месяц. Подпишитесь на него и вы сможете создать сколько угодно landing page.

Другие конструкторы лендингов

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

• Tilda – предлагает модульную систему. Самый приемлемый тариф – 500 рублей в месяц (если оплачиваете сразу же за год). Если собираетесь платить помесячно – каждые 30 дней придется отдавать по 750 рублей.
• «Базиум» – неплохой конструктор. Предлагается 391 вариант дизайна, 27 различных настроек и 53 блока, которые полностью покроют все ваши потребности. Из плюсов – оплата по мере использования. «Базиум» берет за сутки 35 рублей.

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

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

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

Этапы прохождения пользователя по лендингу:

Основываясь на лестнице Ханта, можно назвать элементы правильной структуры лендинга. Конечно, можно строго ее не придерживаться. Какие-то блоки можно убрать, какие-то поменять местами. Главное, чтобы landing page справлялся со своей задачей, а именно, чтобы посетитель совершил целевое действие. Чем-то лестница Ханта похожа на этапы воронки продаж, где сначала происходит привлечение внимания пользователя, потом вызывается интерес к товару и желание оставить заявку или поместить товар в корзину, а в конце совершение покупки или заказ услуги.

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

• Оффер (заголовок). Данный элемент должен быть привлекательным. В нем отражается предложение компании. В основном, это цены и скидки.
• Сведения о продукции (товар, услуга). В данной части вы должны рассказать о товаре или услуге: описание, характеристика, изображения. Если есть, то добавьте и видеоматериал.
• Преимущества вашего предложения. Это повысит шанс на совершение действия. В основном, плюсы расписывают при помощи изображений, графики. Если расписывать преимущества только тестом, то читать аудитория не станет.
• Схема работы. Здесь посетителю стоит рассказать о схеме вашей работы: клиент-заказчик.
• Отзывы других клиентов. Это повысит доверие к вам и вашему предложению.
• Дипломы, грамоты, сертификаты. Они также повышают доверие к вам и вашему предложению.
• Стоимость. После предыдущих элементов правильной структуры лендинга стоит еще раз сказать о привлекательности стоимости (невысокой цене). Рядом можно разместить форму заказа.
• Форма заказа (СТА). В основном, она в виде кнопки, нажатие на которую кидает на основной веб-ресурс, или форма для заполнения без перехода. Здесь можно предложить потенциальному клиенту скидку или бонус. Также хорошим приемом станет контрастный цвет кнопки или формы заполнения, повторение кнопки несколько раз.
• Спецэлементы. Для увеличения конверсии landing page можно использовать различные виджеты. Например, счетчик времени завершения предложения.
• Контактные данные. Помещаются они либо в хедере (шапка сайта), либо в футере (подвал сайта). И следует указывать все доступные для связи контакты: от телефона и электронной почты до местоположения офиса на карте и кнопок на соцсети.

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

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

Дизайн лендинга: основные правила

Теперь поговорим о дизайне лендинга, его основных правилах, ведь структура лендинга – это еще не все

Важно, чтобы landing page был привлекательным и в плане оформления.

Основные правила разработки дизайна лендинга:

• Минимализм. Дизайн должен быть стильным, шрифты читабельными. Тестовая часть и изображение следует чередовать. И не следует нагромождать много элементов. Пусть лучше будет побольше свободного пространства.
• Кнопки СТА стоит размещать в конце первого экрана. Это правило для лучшей продажи.
• Не стоит использовать шаблоны. Следует применять уникальные изображения продукции или хотя бы добавьте на шаблонные фотографии дизайнерские элементы, которые применяются в вашей компании.
• Сайт-страница должна быть удобна для посетителя: от активных элементов до кнопки СТА.

Соблюдая эти простые правила при дизайне лендинга, он принесет больше целевых действий

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

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

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

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

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

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

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

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

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

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

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

Структура стандартного продающего лендинга. Что должно быть?

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

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

Однако, определенный стандарт все-же существует. Этот “стандарт” пришел не из чьей-то головы, а после серии проб, ошибок и бесконечных тестов. И почему бы новичку не воспользоваться данным стандартом? Зачем наступать на те грабли, на которые уже кто-то наступил? Вот вам классика жанра:

Шапка сайта — блок с логотипом и контактами фирмы. Самое главное — не переборщить с удержанием внимания посетителя на данном блоке

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

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

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

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

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

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

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

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

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

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

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

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

Как заработать на лэндингах — советы начинающим вебмастерам

На лэндингах глобально можно заработать тремя способами:

1. Создавая лэндинги под заказ, то есть являясь веб-студией, дизайнером или менеджером всего проекта, найдя подходящую команду.
2. Используя одностраничные сайты по назначению, то есть продавать через них товары и услуги.
3. Заниматья лидогенерацией. Лиды — контакты потенциальных клиентов. Это «теплые» заявки, которые можно продать целевым компаниям. Например, вы можете создать лэндинг «Шкафы-купе в Самаре» гнать на него трафик и продавать сформированные заявки фирмам, которые эти шкафы изготавливают.

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

КАК СДЕЛАТЬ ЛЕНДИНГ САМОМУ ПОШАГОВАЯ ИНСТРУКЦИЯ

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

1. Шапка. Указывается логотип или название
   онлайн школы (или имя и фамилию эксперта). Напишите контактные данные:
   телефон или e-mail.
2. Заголовок. Делается на первом экране.
   Рекомендуем воспользоваться конструктором заголовков по технологии 4U.
   Потому, что от заголовка зависит, будет ли потенциальный клиент
   пролистывать страницу дальше.
3. Лид-абзац. Это вступление, которое можно создать в 4
   шага, надавив на боль. Описываем проблему клиента. Усугубляем ее, что
   будет, если ее не решить. И далее даем выгоды от решения именно нашим
   способом.
4. Проблема. Опишите 3-5 проблем, с которыми
   сталкивается целевая аудитория.
5. Решение проблемы. Даем разные варианты решения болей
   клиентов. Делаем акцент на своих услугах.
6. Выгоды. Что будет, если проблема решится. Что
   будет, если решится именно тем способом, которым предлагаете вы.
7. Презентация продукта. Кто вы? Что у
   вас за продукт? Почему вам можно доверять?
8. Подробные выгоды продукта и снятие возражений. Каких
   результатов добились те, кто прошел ваши курсы.
9. Продажа цены. Покажите ценность продукта, что она
   гораздо больше его цены. Дайте скидку, сравните цены со средними по рынку.
   Добавьте несколько бонусов.
10. Гарантия. Обязательно дайте какую-либо гарантию
    и расскажите при соблюдении каких условий, она дается.
11. Ограничитель. Сделайте ограничение по
    времени или по количеству мест на курсе.
12. Призыв к действию. Обязательно
    скажите, что должен сделать клиент.
13. Подвал. Продублируйте контактные данные.
    Добавьте ИП и другую юр. информацию. 

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