Landing page лестницы – Можно ли продавать лестницы через одностраничники? : Энциклопедия результативного маркетинга

Создание одностраничного сайта (лендинга) для лестниц Profi Hobby

Создание лендинга по лестницам Profi Hobby

К нам обратилась мастерская Forest Mebel. Основное направление деятельности — производство деревянных лестниц, а также продажа готовых лестниц. На производстве есть собственная покрасочная камера. Перед нами была поставлена задача — сделать качественный одностраничный сайт и запустить рекламу с целью тестирования спроса на покупку готовых лестниц с покраской и установкой в доме «под ключ».

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

Что такое мультилендинг? Например, человек вводит запрос: «купить деревянные лестницы в Москве», видит наше объявление: «деревянные лестницы с доставкой по Москве, выбери свою лестницу на сайте», переходит на лендинг и видит соответствующий заголовок и преимущества по деревянным лестницам.

Если посетитель вводит в поиске Яндекса: « купить лестницу с монтажом и покраской», то мы показываем ему соответствующее объявление и на сайте подменяем первый экран, заголовки, тексты и картинку под его запрос. Таким образом конверсия одностраничника вырастает в 2-3 раза в среднем, так как пользователь видит именно то, что нужно ему.

В проекте мы руководствуемся принципом — если вы продаёте всё и всем сразу, то вы продаёте никому. Поэтому особое внимание уделяем сегментации.

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

Для продвижения сайта мы использовали рекламу в Yandex Директ и Google Adwords, РСЯ и КМС, ремаркетинг по конкурентам и ретаргетинг по портретам целевой аудитории.

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

наши-лестницы.рф

примеры + секреты высокой конверсии

Все люди постоянно в поисках каких-либо фишек и ноу-хау. Они ищут интересненькие ходы, чтобы результат увеличился в десятки раз.

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

Сегодняшняя статья будет посвящена началу начал – что такое правильная структура лендинга с высокой конверсией.

Я знаю, что ничего не знаю

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

По теме:  Отличие лендинга от сайта: кто победит?

Уже ни для кого не секрет, что продающий и идеальный лендинг (он же одностраничный сайт) создается не по воле собственной фантазии, а исходя из четких данных основанных на анализе. То есть это не столько творческая работа, сколько точный расчет.

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

1. провести анализ рынка и конкурентов;
2. выявить ожидания, стереотипы, страхи, боли и возражения целевой аудитории;
3. разделить ЦА на сегменты и определить их критерии выбора.

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

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

Нужен готовый Landing page?

Закажите разработку
в нашем агентстве

Посмотреть стоимость

Сделайте сами

на конструкторе

Перейти в конструктор

Правильная и продающая структура лендинга

После подготовительного этапа, следующее, на чём будет строиться наш сайт, это “теплота” трафика. Да, что уж, от этого будет зависеть все!

И наполнение, и фото, и тексты, и инфографика. На этом моменте многие допускают ошибку, но мы ведь не такие? 😉

Настоящей находкой для тех, кто задумался о создании лендинга станет, так называемая, “Лестница узнавания: Бена Ханта”. Выглядит схема следующим образом:

Лестница Ханта

Согласно этой схеме, клиент должен “созреть” и пройти все 5 этапов от отсутствия потребности до готовности купить. Конкретный пример как применять Лестницу Ханта мы разобрали в этом видео:

Для того, чтобы не объяснять все “на пальцах”, далее все будет основано на реальных событиях, а именно на примере landing page одного из наших клиентов – компании по чистке ковров “Чистый квадрат”.

Конверсия компании по чистке ковров “Чистый квадрат”

К слову, средний результат всего трафика – 6% конверсии в заявку, которая в их нише можно назвать покупкой. Много это или мало? Читайте об этом в нашей статье

По теме: Средняя конверсия сайта: миф разрушен.

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

Этап 1: Нет проблемы

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

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

Чаще всего это клиенты, которые его только-только купили. Поэтому в этом случае весь наш сайт будет пропитан структурой PMPHS.

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

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

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

Этап 2: Есть проблема, нет решения

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

Используйте эту информацию на своём сайте, что есть решение этой неприятной ситуации.

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

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

НАС УЖЕ БОЛЕЕ 29 000 чел.
ВКЛЮЧАЙТЕСЬ

Этап 3: Решение есть, сравниваем варианты

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

1. Нужно чистить ковер, чтобы продлить его срок службы;
2. Необходимо проводить профилактику для избежания скопления бактерий;
3. Ковёр чистить нужно специальной химией и оборудованием, а не мылом и пылесосом;
4. Можно вывести даже самые ужасные пятна.

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

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

Сравнение с конкурентами

Но надо понимать, что эти люди еще не готовы купить, они довольно “холодные” и еще размышляют:

– Может, всё-таки на автомойку или самостоятельно?

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

Этап 4: Выбор продукта

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

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

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

Результат до/после

Этап 5: Уверенность и намерение

Клиенты, которые приходят по таким запросам как “чистка ковров чистый квадрат” ищут конкретную компанию.

Если вы еще не слишком известны, таких запросов либо будет крайне мало, либо не будет вообще.

Такие клиенты, что называется, “горячее” некуда. Все, что им нужно предоставить – наши контакты и call to action.

А Вы откуда?

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

И я не уделяла бы столько внимания этому, если бы структура landing page не зависела от “Лестницы Ханта”.

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

Когда лендинг создается с нуля, ответ получается очень размытый, в стиле “Да мы все попробуем…Хотя, наверное что-то одно, либо таргетинг, либо контекстную рекламу… Еще не решили”.

Почему это так важно?

1. Таргетированная реклама. С нее придут люди, которые находятся на Этапе 1 – 2. Редко 3. И почти никогда 4.

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

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

Поэтому очень важно уделить достаточно внимания УТП, сделать его лучше, чем у других.

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

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

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

Пример структуры

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

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

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

1. Заголовок;
2. Выгоды;
3. Преимущества перед конкурентами;
4. Сравнение с услугами/аналогами;
5. Пример результата;
6. Условия работы;
7. Этапы чистки;
8. Почему нам доверяют;
9. Футер (карта с адресом и контакты).

Лайфхак. Если вы будете делать лендинг самостоятельно, то я рекомендую конструктор landing page – PlatformaLP. Там уже есть готовые шаблоны с довольно неплохими структурами. Это вам сильно упростит жизнь 😉

Задачи блоков

При создании и наполнении блоков и элементов landing page, мы опирались на то, чтобы каждый из них выполнял одну из трёх задач:

1. Привлечение внимания. Скажу честно, в 95% случаев на эту задачу закрывают глаза, только если нет 100% крутого факта о компании или вашем продукте.
2. Донесение выгод. То, что чаще всего мы видим на всех сайтах. А именно информация о себе любимых или почему нужно выбрать нас.
3. Отработка возражений. Например, отработка возражения “Что будет, если мне испортят ковер?”

Обработка возражений

Прототип сайта

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

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

Вот вам пример прототипа, структура лендинг пейдж со схемами. Этот прототип я честно украла с нашего сайта, посвященного созданию landing page 😉

Прототип

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

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

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

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

По теме: Дизайн лендинга: 99 фишек с примерами

простое руководство + 5 примеров

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

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

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

Я говорю о лестнице Бена Ханта, она перед вами парой строк ниже, 5 минут чтения и вуаля, вам уже точно так не скажут.

По традициям жанра

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

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

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

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

Лестница Ханта

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

1. Клиент покупает только на пятом этапе – это очень важно;
2. Все люди начинают с этапа 1, вне зависимости от ниши;
3. Нужно провести клиента по всем этапам, без перескакиваний, чтобы клиент купил.

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

Теория это или пригодится?

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

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

1. Рекламный макет;
2. Landing page;
3. Продвижение бизнеса в социальных сетях – SMM;
4. Трафик;
5. Маркетинг-кит;
6. Коммерческое предложение;
7. E-mail маркетинг.

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

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

Пример 1

Мы разрабатываем сайт, а именно landing page, и у нас возникает вопрос – какая должна быть структура лендинга.

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

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

Бааам! А вот и проблема

А уже потом мы продаём выгоду. Аналогичная ситуация в холодном коммерческом предложении.

Пример 2

Другой пример. Вы создаёте рекламный макет, например, баннер на главную улицу вашего города.

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

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

НАС УЖЕ БОЛЕЕ 29 000 чел.
ВКЛЮЧАЙТЕСЬ

Лестница узнавания ханта – Виновник торжества

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

Для примера мы будем с Вами рассматривать нашу сферу услуг в сфере маркетинга.

1 этап – Никаких проблем или о них клиент не знает

На этом этапе условно можно выделить два типа людей, опять же, ссылаясь на наш пример:

1. Нет трудности с клиентами, потому что нет своего бизнеса. И это очевидно, нет бизнеса – нет проблем.
2. Нет трудности с клиентами, потому что их продукт и так привлекает клиентов. Такое бывает, редко, но бывает. Когда человек открыл бизнес, а клиенты пошли толпами. В таком случае, можно сказать, о проблеме он не знает.

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

Тут нужно будет сначала показать, что у него есть такая проблема, а уже потом убеждать у вас покупать.

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

2 этап – Поиск возможных решений

У бизнеса нет клиентов. Я думаю многим знакомо, так как все начинают с этой стадии. И в этот момент у любого нормального собственника возникает задача – найти решение.

В таких ситуациях люди обычно начинают искать решение, вводя в интернете запросы начинающиеся на ПОЧЕМУ, ЧТО или КАК. Например, “Как привлечь клиентов” или “Почему выпадают волосы” (это к теме не относится, просто для примера).

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

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

3 этап – Выбор подходящего решения

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

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

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

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

Как Вы понимаете, на этом этапе вы начинаете взвешивать. Причём, взвешивать можно очень разные факторы.

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

4 этап – выбор продукта

Соц сети или сайт? Я выбираю сайт. Решили вы, как наш клиент. Хорошо, делаем сайт. Но сайты бывают разные, можно сделать Landing Page, а можно сделать обычный многостраничный сайт.

Ладно, ладно. Представим, что сразу определились с Landing Page. Но он же тоже разный бывает: анимированный, не анимированный, с видео или без видео, с интегрированной CRM или нет и т.д.

Кстати, если у вас не внедрена crm-система, бегом внедрять. Советую выбрать одну из двух топовых: Битрикс24 или Мегаплан.

Фактически на этом шаге клиент сравнивает разные предложения в рамках одного решения. Сравнивает, либо подбирает для себя. И мысли людей теперь выглядят так: “Почему Landing Page?”, “Что лучше: мультилендинг или лендинг?”

5 этап – выбор поставщика

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

В нашем случае будем продолжать историю, что он выбрал Landing Page + контекстная реклама.

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

Кого же выбрать? Кого?

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

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

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

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

И напоследок видео, для того чтобы информацию Вы усвоили лучше. Лестница узнавания Ханта, смотрим:

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

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

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

Стройка-Ремонт — Страница 2 — Бесплатные готовые шаблоны landing page (лендинг пейдж)

Landing page ремонт квартир и загородных домовСтройка-Ремонт

02.06.201500

Очередной отличный вариант бесплатного landing page строительной тематики «Ремонт квартир и загородных домов». Хорошая вёрстка, классические

Landing page комплексный ремонт квартирСтройка-Ремонт

25.05.201500

Сезон ремонтно строительных работ уже в разгаре и вот ещё один хороший вариант бесплатного landing page на тему комплексного ремонта квартир.

Landing page евроремонт квартир под ключСтройка-Ремонт

25.05.201500

Неплохой вариант бесплатного шаблона landing page на тему евроремонта квартир и коттеджей. Классическая компоновка включает заказ обратного звонка, акцию

Landing page ремонт и отделка помещенийСтройка-Ремонт

25.05.201500

Отличный и бесплатный landing page выполненный в приятных глазам тонах на тему ремонтно-отделочных работ коммерческих и жилых помещений.

Landing page дизайн интерьеровСтройка-Ремонт

18.04.201500

Качественный, бесплатный шаблон landing page на тему дизайна интерьеров. Отлично подойдёт для портфолио и посадочной страницы для дизайнеров занимающихся

Landing page автоматизация зданийСтройка-Ремонт

22.03.201500

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

Landing page деревянные лестницы на заказСтройка-Ремонт

03.03.201500

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

Landing page продажа щебня любых фракцийСтройка-Ремонт

05.01.201500

Уникальный шаблон landing page на редкую тематику продажи щебня любых фракций. Идеально подойдёт для продвижения этой услуги в сети, подойдёт для фирм

Landing page продажа, доставка и монтаж дверейСтройка-Ремонт

28.12.201400

Качественный landing page строительной тематики. Шаблон предлагает к продаже двери и также предлагает доставку  и монтаж дверей. Профессионально отрисованный

Навигация по записям

что это такое и как работает

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

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

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

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

Лендинги: что это такое и как они работают?

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

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

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

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

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

Получается, что лендинг – это дополнение к основному ресурсу. Он помогает решить многие проблемы. Однако, не стоит забывать, что landing page рассчитан на выполнение какого-то определенного целевого действия, а значит не следует при помощи одной страницы решать сразу несколько задач. В этом случае лендинг работать не будет, так как рассеется внимание аудитории.

Landing Page: преимущества и недостатки

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

Преимущества landing page:

• Одностраничный сайт предлагает пользователям определенное предложение, а значит, сосредотачивает внимание на чем-то одном. Это позволит в большинстве случаев привести к совершению посетителем целевого действия.
• Лендинги имеют простую структуру, поэтому посетителю не придется искать нужную ему информацию.
• Стоимость и быстрота создания landing page также является его преимуществом. Лендинги разрабатываются и полностью наполняются за 1-5 дней.
• Посетителю не придется долго ждать загрузки страницы, так как лендинг весит немного.

Минусы landing page:

• Лендинг не основной канал для привлечения аудитории и продажи товаров и услуг, а вспомогательный. В бизнесе в любом случае требуется полноценный веб-ресурс.
• Может случится так, что слишком навязчивый лендинг наоборот оттолкнет пользователя. Не стоит использовать при его создании слишком много шаблонов.
• У landing page большая конкуренция, где представлено много компаний.
• Сайт-страница рассчитан на одно конкретное целевое действие: продажа, сбор лидов, регистрация и т.д., поэтому не может продвигать широкий ассортимент.

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

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

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

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

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

• Безразличие. Посетитель просто перешел по ссылке и у него нет представления о том, что вы ему предлагаете. Здесь поможет хороший оффер.
• Осведомленность. Посетитель начинает задумываться, поэтому следует рассказать о вашем предложении (товар, услуга и т.д.).
• Сравнение. Посетитель должен получить на выбор несколько вариантов, с помощью которых создаться иллюзия самого выбора.
• Выбор. После сравнения, потенциальный покупатель должен выбрать именно ваше предложение. Для этого следует рассказать о плюсах того, что предлагаете.
• Покупка. Совершение завершающегося целевого действия: оставление заявки, контактов и т.д.

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

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

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

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

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

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

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

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

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

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

Как создать лендинг пейдж?

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

Первым вариантом станет конструктор веб-ресурсов. В данном случае можно создать лендинг самому бесплатно. О том, что такое конструктор сайтов простыми словами, мы уже говорили ранее. В интернете их много. Как варианты, это Wix, Tilda, Flexbe, LPgenerator и другие.

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

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

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

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

20 бесплатных HTML шаблонов Landing Page / HTML шаблоны / Постовой

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

Люди, которые решили создавать сайт сами, могут начать разработку с нуля, а могут и использовать готовые шаблоны, ведь для них не требуется особых знаний в разработке. Достаточно базовых знаний HTML и CSS, тех, что в школе учат. Тут опять встает вопрос. Использовать платный или бесплатный шаблон? Конечно же, платный будет намного качественней, и, вероятно, покажет более высокие конверсии. Бесплатный будет менее красивый, менее проработанный с точки зрения маркетинга, верстки и дизайна.

Эта подборка состоит как раз из бесплатных шаблонов на чистом HTML для создания Landing Page. Изначально подборка состояла из 40 позиций, но проснувшись утром и посмотрев на эти шаблоны свежим взглядом, решил удалить большую часть, так как это был, откровенно говоря, хлам, а хлама в интернете и так полно. Остались лишь самые достойные шаблоны, на которых можно хоть что-то строить. В подборку вошли шаблоны лендингов самых разных тематик, но, почему-то, преобладают LP для мобильных приложений. Они оказались наиболее качественными.

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

Другие подборки бесплатных HTML шаблонов Landing Page:

Кстати. Если вы, по каким-то причинам, захотите натянуть эти шаблоны на движок WordPress, то по этой теме я когда-то делал подборку из плагинов для создания Landing Page на WordPress. Можете попробовать их использовать. Возможно, это значительно сэкономит время. Хотя, лично я, особого смысла этим заниматься не вижу, так как для простого LP хватит чистого HTML.

Итак. К вашему вниманию 20 бесплатных HTML шаблонов Landing Page.

Outline

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

Appi — Шаблон с фоновым видео

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

Bukku

Бесплатный HTML шаблон для создания Landing Page по продаже книг. Выполнен в стиле Flat в зеленых тонах. Присутствует некоторая занимательная анимация.
Также разработчик предоставляет для бесплатного скачивания исходники в формате PSD.

Landing Page по продаже кофе

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

Fractal

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

Engage

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

Lucid

Бесплатный Bootstrap-шаблон Landing Page мобильного приложения. На странице присутствует таблица ценообразования, несколько презентационных блоков приложения и карта Google.

Landing Page для кафе или ресторана

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

Oleose

Очень качественный, адаптивный, бесплатный, но опять для мобильного приложения. Landing Page реализован на фреймворке Bootstrap. Имеет три варианта цветовой гаммы: светло-голубой, светло-зеленый и фиолетовый. Однако, он не так строго заточен под свою тематику, соответственно можно легко переделать под нужную вам.

Fotografy

Бесплатный, относительно чистый Landing Page для фотографа. Реализованы основные блоки, которые могут понадобится фотографу: портфолио и отзывы.
Шаблон имеет полноэкранный слайдер в шапке.

Take — бесплатный одностраничник

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

Foodee

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

WHITE

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

Cyprass

Шаблон подойдет для создания Landing Page какой-нибудь Digital-компании: веб-студии, команды фрилансеров или тому подобных. Имеет для этого все необходимые ресурсы: портфолио с фильтром по работам, различные круговые диаграммы, табы, слайдеры… Помимо этого поддерживает фоновое видео в первом экране.

Navigator

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

Lhander

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

Fudi

Еще один бесплатный шаблон мини-лендинга. Имеет большую фоновую картинку и несколько экранов.

KreFolio

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

Шаблон Landing Page с фоновым видео

Бесплатный html шаблон Landing Page с фоновым видео во весь экран и формой для отправки заявки в первом экране. Подойдет для создания посадочной страницы любой организации, будь то финансовая, юридическая, или просто студия веб-дизайна.