Показать всё содержание

“Напишу яркий продающий текст для лендинга. 3000 знаков за 500 рублей. Срок исполнения – 2 дня. Лендинг будет продавать!”

Как Вам такое предложение? Соблазнительно? Пожалуй, нужно заказывать.

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

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

Главное не так

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

И это вроде правильно. Вот только не все понимают, что такое настоящий прототип.

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


Прототип с Яндекса

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

Правда потом перед Вами встанут вопросы: “цепляющий заголовок” - это какой? “Эмоциональное продающее описание” - это как? “Заказ по специальной цене” – нам каждую неделю акцию проводить? Почему отзывов должно быть не меньше 10 штук и откуда их взять?

Любой разработчик уверенно ответит: расположение блоков примерное, мы можем оперативно всё поменять, это же прототип.

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

Чтобы понять суть концепции, спросите себя: “Что будет делать пользователь на Вашем лендинге?” Может быть, оценивать гармоничность расположения блоков на странице? Или неистово жать одну из двадцати кнопок “Заказать звонок”, которые понавешали на сайте разработчики по принципу “чтобы конвертило”?

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

Вывод :

Создание прототипа лендинга без одновременного наполнения его текстом – идея более чем сомнительная. Начинать нужно вместе или как минимум с контента.


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

Лендинги бывают разные

Причём не только синие или красные, но и предназначенные для разных задач (я о ступенях ). Поэтому и тексты для каждого случая свои.

1. Для холодных


Лендинг для холодной аудитории

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

Сам же лендинг на примере построен в формате истории (есть разные варианты, это лишь пример). Причём историй здесь целых три, написано жизненно и юмором. Тот самый случай, когда текст лежит в основе всей концепции.

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

Пример структуры для холодной аудитории :

  1. Первый экран;
  2. “Боль” аудитории;
  3. Описание продукта;
  4. Его выгоды;
  5. Сценарий использования;
  6. Детали о товаре;
  7. Отличие от конкурентов;
  8. Отзывы;
  9. Стоимость;
  10. О компании;
  11. О производстве;
  12. О команде;
  13. Гарантии;
  14. Блок “Вопрос-ответ”;
  15. Общий итог;
  16. Контакты.

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

2. Для тёплых


Лендинг для теплой аудитории

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

Здесь важно не затягивать с “предварительными ласками”, а переходить к делу сразу и чаще всего начинать именно с демонстрации преимуществ.

Причём важно не просто декларативно заявить: “Мы лучшее, что у Вас было!”, а доказать, что у Вас действительно лучшее предложение на рынке.

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

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

Пример структуры для теплой аудитории:

  1. Первый экран;
  2. Преимущества;
  3. Каталог/Покупка;
  4. Описание деталей;
  5. Достижения и награды;
  6. Процесс работы;
  7. Коротко о компании;
  8. Отзывы;
  9. Ответы на вопросы;
  10. Контакты.

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

3. Для горячих


Лендинг для горячей аудитории

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

Цель лендинга в примере – “продать эмоцию”. Поэтому на первом блоке пользователя встречает быстрое и динамичное видео, из которого сразу понятно: электросамокат – это круто!

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

Пример структуры для горячей аудитории :

  1. Первый экран с кнопкой “покупки”;
  2. Описание преимуществ;
  3. Сравнение с конкурентами;
  4. Примеры результата;
  5. Процесс работы;
  6. Контакты.

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

Виды текста

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

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

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

2. Заголовки

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

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

– Интригующий заголовок


Интригующий заголовок

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

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

Важный момент: не путайте интригующие заголовки для лендингов с заголовками для постов в соцсетях, статейных сайтов или . Это разные вещи. Заголовки из серии “как я похудела на 20 кг за 10 дней” оставьте для мастеров кликбейта.

– Обобщающий заголовок


Обобщающий заголовок

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

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

Заголовок с цифрой: “7 навыков высокоэффективных людей”;
Заголовок без цифры: “Навыки высокоэффективных людей”.

3. Подзаголовки


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

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

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

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

Только не увлекайтесь цифрами, ведь это всё-таки лендинг, а не статья в блоге “99+ восхитительных фотографий”. Важно, чтобы Ваше предложение (цена или время достижение цели с помощью Вашего продукта) было конкурентоспособным и реальным.

4. Буллиты


Буллит

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

Так и для обычного списка, и для буллита (с некоторыми уточнениями) подходят следующие правила:

  1. Согласовывайте между собой пункты буллита;
  2. Стремитесь к одинаковому количеству слов;
  3. Не используйте больше 5 элементов буллита;
  4. Выделяйте под каждый элемент новую строку;
  5. Акцентируйте внимание на преимуществах

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

– Заголовок буллита


Заголовок буллита

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

– Описание буллита


Описание буллита

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

5. Подводка к блоку


Подводка к блоку

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

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

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

6. Информационный текст


Информационный текст

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

Я знаю, для некоторых владельцев бизнеса эти слова звучат словно магические маркетинговые заклинания. А кое-кто совершенно искренне недоумевает: “А что ещё написать? У всех же такие тексты?”. Но нет. Это так не работает, увы.

Поэтому, если Вам есть что рассказать о своём продукте, и Вы можете сделать это хорошо и “вкусно”, то рассказывайте. Даже если Вы продаёте что-то насквозь банальное, например, пластиковые окна.

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

7. Акценты


Акценты

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

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

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

Типы текста

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

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

1. Подводка = ценностное предложение


Подводка

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

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

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

2. Наши преимущества


Наши преимущества

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

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

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

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

3. Фичи


Фичи

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

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

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

Если же у Вас нет фичи, то это значит, что пришло время её придумать! Даже в самом прозаичном бизнесе можно найти что-нибудь интересное и необычное.

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

4. Цифры и факты


Цифры и факты

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

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

5. Пошаговое руководство


Пошаговое руководство

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

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

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

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

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

Пример продающего сайта № 1

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

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

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

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

Пример лендинга № 2

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

Разжигается интерес критериями.

Профессиональные и яркие фото и видеоматериалы еще сильнее разжигают интерес к услуге.

"Дожимаем" посетителя рядом преимуществ и закрываем потребности, вызываем "желание".

Логический завершающий структуры AIDA - блок "действие".

Пример лендинг пейдж № 3

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

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

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

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

Пример страницы лендинга № 4

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

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

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

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

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

И фотография директора компании с его обращением к клиенту.

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

Пример посадочной страницы № 5

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

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

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

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

Пример удачного лендинга № 6

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

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

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

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

Пример посадочной страницы № 7

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

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

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

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

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

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

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

Пример продающего сайта landing page № 8

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

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

Блок выгод акцентирует внимание на удобство сотрудничества.

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

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

Пример landing page № 9

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

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

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

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


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

Напутственные слова

Современный пользователь, изощренный бесчисленным количеством продающих страниц, попадающимся ему на глаза, уже устал от однотипности. Сегодня в моду вошла уникальность, чем интереснее и необычнее лендинг, тем выше вероятность того, что он привлечет внимание юзера. К тому же, хороший и эксклюзивный дизайн - это всегда плюс: и посетителя удивить, и себя порадовать. А приятно удивленный посетитель, как минимум, +10% к конверсии. Желаем оригинальных и вкусных идей! А если с этим возникли трудности, вы всегда можете заказать landing page в нашей веб-студии.

Подписывайтесь на блог и следите за нашими обновлениями.

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

Ниже мы рассмотрим ТОП-10 продающих лендингов, которые грамотно составлены и которые стоит анализировать, а затем применять фишки на своих продающих лендингах.

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

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

Итак, вот примеры 10 продающих лендингов, которые стоит обязательно изучить:

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

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

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

Примеры лучших продающих Landing Page

1 Shopify

Очень короткий лендинг пейдж, на котором предлагают попробовать бесплатно продукт в течение 14 дней.

Заголовок: короткий и емкий, состоит из нескольких слов.

Преимущества: представлены в виде 3-х пунктов, где присутствуют цифры (это очень важно, потому что привлекает внимает и дает конкретные данные, без «воды»)

Пошаговая форма заявки: они не показывают сразу форму.

Первый шаг — вы заполняете поле с email:

Второй шаг — предлагают заполнить еще 2 поля с паролем и названием своего интернет-магазина:

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

Что еще есть: в конце страницы еще один призыв к действию:

2 Duolingo

Следующий наш подопытный — это сервис по изучению иностранных языков Duolingo.

Заголовок: очень короткий заголовок, как и в предыдущем примере.

Пошаговая форма заявки: на первом также находится 2 кнопки.

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

А сейчас начинается самое интересное, когда вы нажимаете на кнопку «Начать»:

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

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

Потом нужно выбрать цель изучения языка:

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

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

Еще один вопрос, где нужно ответить являетесь новичком или что-то уже учили:

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

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

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

3 Airbnb

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

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

Многие до сих пор заставляют на продающих страницах читать большое количество текста (и это не в виде сторителлинга).

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

Это одна из услуг Airbnb, где вы для гостей можете сделать нечто большее, чем просто экскурсию (они назвали это «Впечатление»).

Чтобы зарегистрироваться для участия в этой программе вам необходимо нажать кнопку «Начать» и вас перенаправит на самое начало:

И только потом предлагают зарегистрироваться и создать свое «Впечатление»:

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

4 Black Negative

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

5 Super Top Secret

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

6 WE AIN’T PLASTIC

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

7 ANTON & IRENE

8 BLITZ

9 The Boat

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

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

Бонусный лендинг

* An deiner Seite

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

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

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

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

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

Вывод

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

Без сильного дизайна онлайн-бизнес не «выстрелит» — или, не раскроется на все 100%. Внешнему виду лендингов посвящена категория нашего блога — . Но сегодня мы рассмотрим удачные примеры дизайна именно товарных лендинг пейдж.

Обратите внимание на роль «главного изображения» или «hero image» в каждом примере — оно закладывает продающий потенциал лендинга.

Надеемся, эти кейсы вдохновят вас на собственные тесты.

1.

Сайт магазина дизайнерской одежды и аксессуаров Hebe Boutique — пример гармоничного, продуманного дизайна. Главное изображение сразу привлекает внимание, а фотографии товаров отличаются качеством. Типографика тоже радует: толщина шрифта больше стандартной, что, вместе с качественными фото, дает добротный визуальный образ.

2.

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

Интересный формат социального доказательства — протестируйте его на своих .

3.

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

4.

Интернет-магазин Ada Blackjack продает сумки и рюкзаки. Дизайн прост, в его основе — хорошие фото товаров. Такой макет не отвлекает от главного — товаров.

5. AMBSN

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

6. RYDER

Другой способ выделиться — нестандартный дизайн. Пример — магазин одежды и товаров для дома RYDER, с весьма креативным макетом (см. меню на скриншоте). Стоит протестировать, как это влияет на конверсию landing page.

7.

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

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

8.

Dick Moby продают очки, и на лендинге бренда много сильных дизайн-ходов:

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

9.

The Horse подкупает нестандартностью. Дизайн главной страницы построен на квадратных блоках. В первом — информация по доставке, в остальных — Instagram-фото продукта. Это интересно, потому что необычно.

10. ESQID

Бренд продает накладные ресницы. Они же — в центре композиции, а благодаря укрупненным фото товара (и его упаковки), продукт привлекает внимание с первых секунд.

11.

В дизайне Mahabis отражен важный аспект оффера — высокое качество. Пользователь может оценить мельчайшие детали — это внушает доверие и побуждает к покупке.

12.

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

13.

Jackie Smith — очередной «яркий» сайт-eCommerce. Как и в примере выше, визуальный баланс выдержан хорошо. Насыщенными цветами выделены важные элементы — фото товаров и блоки с акциями. Все остальное — черно-белое.

14.

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

15.

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

16.

На первом экране онлайн-магазина Greyrock — только фото. Там изображена мебель, которая собирается легко и без инструментов (реальное УТП). Девушка с книгой и надпись в заголовке дополняют композицию, как бы говоря: «Расслабься (Take it easy), закажи мебель, быстро собери ее и отдыхай».

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

17.

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

18.

Еще один интернет-магазин в стиле «Ничего лишнего». Хотя дизайн обходится без особых «фишек», впечатления незавершенности он не оставляет. Все к месту, от перечня товаров ничего не отвлекает.

19.

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

20.

Интернет-магазин THING IND. предлагает нестандартные товары для дома. Концепция отражена в оформлении лендингов. На сайте вместо черного выбран темно-синий шрифт (в том числе, для навигации). Дизайнеры создали непринужденную атмосферу, что нетипично для сферы eCommerce.

21.

Soap Co. подают товар так, что он «продает себя сам». Нет никаких рекламных элементов — только фото и текст. Отличный пример минимализма в дизайне.

22. RSVP

Насыщенный, стильный дизайн. Элементов много, но внимание не рассеивается. Заняты даже углы — в них размещена аббревиатура бренда.

23. Ratio

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

24.

Интернет-магазин Frank Body предлагает современные средства по уходу за кожей. Так как целевая аудитория — молодежь, то и дизайн сайта соответствующий. Эффект достигается монотипным шрифтом и пастельными тонами.

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

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

25. Rest.

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

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

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

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

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

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

Красивый лендинг - важный инструмент интернет-маркетинга

Примеры самых красивых landing page

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

  • Designed to move.org;
  • Evr.st;
  • Grooveshark.com;
  • Hipstamatic.com;
  • GiftRocket.com.

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

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

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

Гармоничные сочетания цветов, ясно описанные выгоды и удобное размещение на экране - признаки успешного лендинга

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

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

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

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

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

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

Заключение

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