Лучший лендинг продажа железных пример. Сразу же перехожу к правилам. Примеры лучших лендинг пейдж

12.04.2019

Что такое landing page и в чем его особенности? Как самому быстро сделать крутой лэндинг с высокой конверсией? Какие конструкторы для создания посадочной страницы сейчас популярны?

Здравствуйте, уважаемые читатели! С вами один из авторов бизнес-журнала «ХитёрБобёр.ru» Александр Бережнов.

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

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

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

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

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

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

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

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

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

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

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

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

Воронка продаж – это процесс продажи товара/услуги. На каждом этапе этого процесса отсеивается часть людей – потенциальных клиентов коммерческой компании. У нас на сайте есть отдельная статья о .

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

увидели ссылку на посадочную страницу 100 человек;
перешли по ссылке 40 пользователей;
заявку оставило 10 человек;
купили продукт 2 человек.

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

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

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

CTR – отношение числа кликов к числу показов. Измеряется в процентах.

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

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

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

EPC – это усредненный показатель заработка с одной тысячи посещений лендинга.

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

В каких случаях необходимо создать лендинг?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Пример из практики
Молодой человек заинтересовался предложением компании «Кверти». Парень никогда раньше не слышал об этой фирме, а потому ищет доказательства ее существования. Посещает сайт и блог компании, вступает в группу в соцсетях.
Он убедился: компания работает. В блоге постоянно обновляется контент. В соцсетях админы быстро реагируют на вопросы пользователей. Клиент возвращается на одностраничник, делает предварительный заказ.
А теперь задайте себе вопрос: чтобы бы сделал парень, если бы не нашел следов «Кверти» в Интернете? Если бы все существование компании начиналось и заканчивалось на одной-единственной посадочной странице. Стал бы он заказывать их продукт?

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

2. Сколько стоит создание лендинг пейдж и от чего зависит цена на одностраничный сайт

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

Первый вариант – дорогой. Фрилансеры берут от 100-200 у.е. за работу, дизайн-студии – от 1 000 у.е. Крутые агентства – от 5 000 у.е.
Второй вариант – «почти» бесплатный. Если вы подключите к разработке программиста или копирайтера, если за основу возьмете платный шаблон – цена этого способа составит от 20 до 1 000 у.е. и еще выше. Для лучшего понимания цен на разные виды сайтов и лэндингов, прочтите нашу статью .

Если вы решитесь заказать лендинг, вас попросят заполнить бриф – специальный опросный лист: ответить на вопросы, что бы вы хотели видеть на сайте.

От ваших ответов и будет отталкиваться исполнитель при определении цены за работу.

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

Цена будет зависеть от:

необычная структура и уникальный дизайн потянет на 7 00 у.е.;
контекстная реклама и ее настройка – от 100 у.е. в месяц;
текст от хорошего копирайтера – 50-100 у.е., от отличного коммерческого писателя – от 1 000 у.е.;
уникальные картинки и иконки (не скаченные со стоков) – это еще как минимум 100-200 у.е.

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

Я встречал лэндинги, конверсия которых составляла 50–60% . То есть каждый второй посетитель оставлял свои данные или слал заявку на покупку продукта. Секрет такой большой отдачи заключался в двух факторах:

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

Я расскажу вам об этих правилах.

Совет 1. Размещайте на лэндинге один продукт

Не сумели зацепить – читатель не дойдет до заветной кнопки «купить».

Следуйте следующим правилам:

Сосредоточьте внимание клиента на чем-то одном.
Расскажите ему о преимуществах только этой версии программы.
Предложите ему скидку на один товар.
Заинтересуйте его рассылкой по определенной теме.

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

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

По статистике 80% потенциальных покупателей уходят со страницы в первые пятнадцать секунд. И вот основные причины:

Они не нашли, что им здесь делать. На сайте отсутствует конкретный призыв к действию: «подпишитесь», «заказывайте», «узнайте больше» и прочее. Запомните, если на экране нет «большой красной кнопки», подписанной простым словом «купить», – перед вами плохой лэндинг.
Посетители не понимают, что им тут предлагают. Их раздражают десятки наляпанных друг на друга деталей, кричащие гифки и сплошной Caps Lock. Несуразные элементы борются за внимание посетителя, сбивая его с главного – с покупки или подписки.

Данные советы помогут вам увеличить продажи вашего продукта:

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

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

Совет 3. Используйте продающие заголовки

Продаете люминесцентные лампы? Вот вам заголовок: «Экономьте энергию в 4 раза эффективнее».

Приглашаете толстушек в фитнес центр? Бейте в самое сердце: «Кто еще хочет фигуру телезвезды?»

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

Совет 4. Составьте качественный продающий текст

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

Чтобы текст был первоклассным необходимо:

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

Я обратил внимание на то, как гуру интернет-маркетинга любят покритиковать большие лендинги. Если присмотреться к объекту критики внимательнее, станет ясно – осуждают нудные и малоинформативные тексты. Интересные и стоящие длинные landing page критиканы почему-то обходят стороной.

Не бойтесь больших текстов, если:

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

Статистика
70% посетителей не дочитают вымученный вами лэндинг и до середины. Не вините себя. Постарайтесь захватить внимание оставшихся 30% – это тоже неплохо.

Совет 5. Избегайте агрессивной рекламы!!!

Как вам три восклицательных знака в конце предложения? Может, ЕЩЕ И CAPS LOCK стоило добавить?

Эти штуки – признак агрессивной рекламы. У нормального человека вид заглавных букв и трех восклицаний вызывает приступы паники: «Мне хотят впарить какую-то ерунду», «Опять эта навязчивая реклама!», «Я всегда говорил, что интернет – это помойка».

А для хороших копирайтеров, редакторов, контент-менеджеров – это еще и знак местечковости, непрофессионализма а иногда и, простите, идиотизма.

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

Этот этап очень важен для успешного продвижения и продажи товаров и услуг.

Сразу же перехожу к правилам:

Читаемый шрифт – 16 кегль. Рекомендую: Georgia, Open Sans, PT Sans, Arial, PT Serif, Clear Sans, Garamond.
В строке – до 80 символов.
Каждые 3-5 строк – новый абзац.
Каждые 2-4 абзаца – новый подзаголовок. Подзаголовки должны быть составлены так, чтобы читатель, пробежавшись по ним глазами, без труда понял о чём идет речь.
Обязательно: списки, цитаты, таблицы.

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

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

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

Еще пример
Если пользователь кликает на баннер «купите новый айфон со скидкой в 10%», то на landing page должно висеть предложение именно о покупке этого телефона и именно с этой скидкой.

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

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

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

Даю подсказки:

Гарантия на возврат денег в течение 1-2 недель. «Если вам не понравится продукт, мы вернем все вложенные в него средства».
Предложение попробовать продукт бесплатно. «Пробный 2-недельный период поможет вам определиться».

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

С дефицитом будьте аккуратнее. Мало кто сейчас верит таймерам обратного отсчета. Тем более, когда счетчик постоянно обновляется при перезагрузке лендинга.

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

Заставьте покупателя думать так
«Вчера было 74 микроволновки с 50%-скидкой, сегодня утром – 23, а к обеду их осталось всего лишь 7 штук. Надо срочно брать!»

Совет 11. Убедите пользователя в том, что с вами надежно и безопасно

Размещайте элементы доверия недалеко от призыва к действию.

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

Совет 12. Никаких сложных форм для заполнения

Сама по себе форма ввода данных не вызывает у посетителей неприятных эмоций. Большинство целевой аудитории готово взаимодействовать с вами. Если надо – они напишут свое имя, род деятельности и e-mail.

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

Еще одна проблема – сложная капча.

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

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

Этот совет объединяет суть всех предыдущих пунктов. Заказывайте простой Landing page.

Страница должна быть:

Без лишней графики и текста
С предложением совершить лишь одно действие: купить один продукт, подписаться на одну рассылку и так далее
На вид свободной, просторной и не перегруженной

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Инструкция по установки лендинга

Несколько простых шагов как установить одностраничник:

Зайдите на сайт своего хостинг-провайдера. Перейдите в панель управления аккаунтом.
Найдите корневую папку сайта (она должна быть пустой). Название этой папки – заранее купленный вами домен.
Нажмите кнопку загрузки, в появившимся окне выберите архив с шаблоном.
Когда архив скопируется в папку домена, нажмите рядом с ним кнопку «Распаковать».
Подождите секунд 20, пока закончится операция. Обновите страницу.
Лендинг установлен!

Чтобы отредактировать landing page, перейдите в корневую папку вашего домена и ищите нужный файл. Меняйте текст, картинки, вставляйте видео. Научиться этому можно: прочитайте парочку статей по теме – и вперед, делать деньги.

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

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

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

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

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

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

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

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

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

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

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

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

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

9. Заключение

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

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

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

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

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

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

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

1. Nest Thermostat

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

2. Boy-Coy

Сайт дизайнерской студии, после которого вы вряд ли захотите даже искать предложения конкурентов. Четырехэкранный лендинг способен убедить обратиться именно к этим ребятам, даже если вы не прочитаете ни отзывов, ни списка компаний, с которыми сотрудничала студия. Скорее всего, вы просто пролистаете, любуясь эффектом параллакса и сами того не заметите, как начнете вносить свои данные в симпатичную форму обратной связи.
http://boy-coy.com

3. Водка «Валенки»

Еще один пример красивого landing page с эффектом параллакса. Сугубо имиджевая страница, не заставляющая немедленно совершить покупку, но создающая положительный образ у целевой аудитории. Заметьте, информация о качестве продукта представлена в достаточном объеме, но её можно и упустить, наблюдая за тем, как красиво плавают кубики льда. Тем не менее, нужный эффект уже достигнут. Этот сайт слишком красив, чтобы предлагать что-то некачественное – такой подсознательный вывод возникнет у каждого посетителя любого со вкусом сделанного сайта.
http://www.valenkivodka.com

4. Интернет-магазин плюшевых медведей

По-настоящему интересные лендинги способны привлечь внимание даже людей, далеких от целевой аудитории. Убедитесь на примере магазина, продающего огромных плюшевых медведей. Сайт буквально переполнен интересными задумками и словно ведет с посетителем диалог, что в итоге, с высокой вероятностью, означает покупку.
http://medvedy.com

5. Smart Progress

Красивый landing page популярного сервиса постановки и достижения целей. Во-первых, зайдите и посмотрите, как это работает, во-вторых, оцените дизайн, олицетворяющий движение к поставленной цели. В совокупности с очень грамотным наполнением блоков он действительно мотивирует сделать все, что запланировано, но откладывалось в долгий ящик.
https://smartprogress.do

Примеры продающих лендингов с высокой конверсией

1. Производство и монтаж деревянных окон

Как известно, лендинг не должен перегружать посетителя, а сразу давать ему то, за что можно зацепиться и оформлять заявку. Спорить не будем, но некоторые товары требуют тщательного выбора, и одним-двумя блоками тут не отделаешься. Лендинг данного производителя окон пошел по программе максимум и коснулся таких подробностей, о которых мы при выборе окон и не задумываемся. И хотя в паре блоков, как нам кажется, случился информационный перегруз, все равно эта страница является хорошим примером большого лендинга.
http://goodwin-nnov.ru/

2. Страхование КАСКО

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

http://простокаско.рф

3. Франшиза развлекательных аквариумов-автоматов

Хороший пример продающего лендинга, обеспечивающего высокую конверсию за счет того, что четко объясняет выгоды потенциальному клиенту, но и оставляет интригу, желание узнать подробности бизнес-плана, обещающего пассивный доход. Дизайнеру – наша отдельная похвала.
http://morewishes.ru

4. Ремонт ноутбуков

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

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

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

Дамы и господа! Знакомьтесь, самые крутые и лучшие продающие лендинги 2017-2018 по версии и популярного сайта behance.net.

Примеры лучших лендинг пейдж

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

Уникальное торговое предложение

Первый пример УТП лучшего лендинга 2019 года - фирма по продаже стульев.

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

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

Следующий пример лучшего, по нашему мнению, лендинга - посадочная страница фирмы по продаже меда

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

Следующий пример лучшего лендинга

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

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

Еще один пример крутого landing page

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

Хотите узнать больше о УТП? Читайте статью с рекомендациями по созданию УТП на сайте Импульс Дизайн.

Описание продукции

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

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

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

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

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

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

Лаконичность - лучший друг лендинга. И следующий пример лучшего лэндинга это подтверждает.

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

Выгоды и преимущества на одностраничнике

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

Преимущества

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

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

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

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

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

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

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

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

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

Усиливается желание благодаря небольшому блоку выгод

При этом компания демонстрирует выгоды для клиента не только тем, что использует во время процедуры качественные продукты, но и намекает о том, что косметика в продаже. Чему и свидетельствует кнопка с СТА.

Блок доверия на посадочной странице

Блок доверия не является обязательным требованием для лендинга, в отличие, например, от блока call-to-action. Однако он помогает пользователю решиться на целевое действие. Ведь лендинг, исходя из своей специфики, не предусматривает большое количество информационного текста о компании. Следовательно, лучше, если блок доверия будет реализован другими способами. Посмотрим как с этим справились ТОПовые лендинги.

Вариант 1. Отзывы

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

Вариант 2. Видео

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

Вариант 3. Фотографии

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

На сладкое. Призыв к действию (СТА)

Первый лендос имеет "сочный" СТА, оформленный в едином стиле с сайтом. Желание сделать заказ усиливается скидкой.

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

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

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

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

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

На этом все! Ставьте лайки и подписывайтесь на наш блог, чтобы не пропустить самое интересное.

Собрал коллекцию 14 отличных landing pages. Собирал не один день, но 17 марта 2017 года их все можно было посетить, кликнув по рекламному объявлению в поисковой выдаче Яндекса или Гугля. Как правило в спецразмещении.

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

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

1. Научное детское шоу

Лендинг для детского праздника

Когда я впервые увидел этот landing page, то подумал, что это отличный пример бизнеса, который не возможно испортить никакими ошибками на лендинге. Шоу ведут телеведущие, среди заказчиков есть целая голливудская звезда – Стивен Сигал. Ну и сама идея очень яркая. Так что конверсия у этого лендинга наверняка очень высокая. Но. Быстрый поиск принёс вот такой восхитительный экземпляр:

2 Обучающий праздник

Альтернативный landing page для праздника

Это по сути один и тот же бизнес. Может даже владелец один. Или один из бизнесов работает по франшизе. Лично я открыл бы свой кошелёк, чтобы достать банковскую пластиковую карточку на втором лендинге. Почему? А тут показали на видео больше деталей, поработали над возражениями (успокоили рептильную часть мозга, если применять терминологию нейромаркетинга) и показали цены. И знаменитости среди клиентов тоже имеются. Пусть и другие.

3 Landing по бурению скважин – гламурный

Гламурный лендинг по бурению скважин

Этот лендинг я не буду комментировать. Его надо рассматривать только в паре со следующим. Он попал в список для контраста.

4 Landing по бурению скважин — брутальный

Брутальный landing page по бурению

Вопрос на засыпку. Кому ты понесёшь свои денежки: виртуальной девушке со стаканом воды или куче реальных мужиков минимум с пятью буровыми на Уралах и ещё Камазом в придачу?

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

5 Landing page для кухонь на заказ

Landing page кухни на заказ

Дизайнеру за landing page твёрдая четвёрка. Маркетологу поставь оценку сам. Я отмечу только безыдейность скидки в 20% на первом экране. Кухня может стоить и 10 000 рублей, а может стоить дороже миллиона. Разные ценовые сегменты. Поэтому скидка 20% — это либо 2 000 рублей, либо больше 200 000 рублей. Я уже не говорю о том, что обычно это скидка к вчерашней наценке.

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

6 Пошив костюмов на заказ Санкт-Петербург

Landing page костюмов на заказ

Моя любимая посадочная страница в сегодняшней коллекции. Можно назвать её лендинг по-петербуржски. Нет ничего лишнего. По-азиатски кричащего. Окно-с в Европу 🙂 Единственный недостаток — оформление отзывов. Но спасает аккаунт в инстаграмм.

Да, они выиграли битву за мой кошелёк.

7 Пошив костюмов на заказ Швейцария

Landing page пошива костюмов из Швейцарии

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

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

Фишки чур не палить! 🙂

8 Ремонт и отделка квартир

Лендинг по ремонту и отделке квартир

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

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

9 экскурсии по Москве

Лэндинг экскурсий по Москве

Самый длинный landing page. Идея бизнеса мне понравилась. Сам лендинг комментировать сложно. Разве что Блока попросить:

Мильоны - вас. Нас - тьмы, и тьмы, и тьмы.
Попробуйте, сразитесь с нами!
Да, скифы - мы! Да, азиаты - мы,
С раскосыми и жадными очами!

Тяжёлое наследие Византийской империи.

10 Печеньки

Печеньки лояльности

Идея бизнеса — пять. Исполнение…

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

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

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

11 Служба доставки

Landing службы доставки

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

Тем более, что full — это и есть полный. Масло масляное вышло. Наполнение этой услуги (услуги ли?) не понятно. А среди потенциальных клиентов совершенно точно полным полно людей, которые это слово увидят на посадочной впервые в жизни. Так что это прямая потеря в конверсии.

Ну и сразу под кнопкой призыва к действию идёт грубая ошибка дизайнера. Из содержимого лэндинга следует, что возврат средств осуществляется без комиссии. Но из первого экрана можно сделать предположение, что возврат стоит 0,5%. Дизайнер просто поставил два не связанных предложения рядом. Слово Возврат написано же с большой буквы? Написано. А то что это читается как одно предложение – кого волнует?

И заметил ли ты кнопку запуска видео? Я её увидел только когда в 3-й или 4-й раз рассматривал скриншот.

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

12 Сход-развал усов и бороды

Барберячечная

Это услуга, смысл которой мне никогда не постичь. По совету Дмитрия Пучкова (aka Гоблин) много лет стригусь машинкой под ноль. Да и Хайзенберга из Breaking Bad из меня не выйдет. Разве что Джесси. Поэтому оценить продающие качества лендинга не возьмусь.

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

13 Бутерторт

Landing page бутерторта.

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

Продавать торты покилограммно, как свиньям на откорм – это хуже некуда. Я понимаю, что в кулинарном техникуме преподаватели так научили, потому что сами они работали или обучались ещё во времена СССР. Но голову-то надо включать!

Торты едят порциями. Порция примерно 200 грамм, значит в килограмме 5 порций, стоимость порции 220 рублей. Вот и чего бы не написать: от 220 рублей за порцию, минимальный размер торта на 10 порций?

Впрочем, это всё мелкие придирки – за свежесть подхода многое можно простить.

14 Идеальный landing page

Идеальный landing page

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

Он действительно очень и очень хорош!

Твитнуть

Плюсануть