Landing page услуги лучшие примеры. История развития лендинг пейдж

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

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

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

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

Надоело врать

Часто мои коллеги, после очередного разговора с клиентом по услуге , говорят мне возмущённую фразу: “Никита, нам надоело спорить с ними. Может сделаем то, что они хотят?”.

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

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

Будет и интересно, и скучно, но точно полезно. Начнём с лаконичного описания данного термина.

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

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

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

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

Подготовительная часть

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

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

Всё как при запуске ракеты: 50% успеха это правильное определение координат. Итак, каким должен быть продающий сайт.

1. Один продукт (цель)

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

Это то же самое, если Вы приедете покупать автомобиль в салон, а я Вам дополнительно к нему буду продавать дом на Рублевке.

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

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

Вы частично правы, только Вы видите всё замыленным взглядом. Для Вас все Ваши услуги или товары по-умолчанию нужны для Вашего клиента, а на самом деле, в 9 из 10 случаев (бывают исключения) человек приходит за чем-то одним.

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

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

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

Ошибка

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

Так как всё равно, что купить кота в мешке. Никакой дополнительной информации, выгод и ответов на вопросы.

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

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

Поэтому когда Вы делаете сайт, чётко определитесь для какого продукта Вы это делаете. И также периодически меняйте слово “Продукт” на “Цель”.

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

2. Целевая аудитория

По моим внутренним подсчётам это 200 упоминание на нашем блоге про целевую аудиторию.

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

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

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

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

Целевая аудитория

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

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

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

Другой купит только то, что не занимает много свободного времени. А третий вообще кроме низкой стоимости ничего не видит. Этот список можно продолжать и продолжать.

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

https://youtu.be/tKhP5geLfmY

3. Уровень осознанности

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

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

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

И для этого сравните между собой три одинаковых и в то же время разных запроса в поисковую строку Яндекса или Гугла:

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

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

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

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

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

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

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

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

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

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

https://youtu.be/p3DhGn_AL1w

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

Но, как обычно, раскрою еще один секрет, который делает сайт продающим. Брифинг проходит устно.

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

Такой брифинг занимает 1-2 часа. И раз вскрываю все карты, то приготовьтесь к тому, что если у Вас компания новая или в ней ничего нет, то “упаковщик смыслов” просто ничего не сможет взять и сайт получится точно НЕ продающим.

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

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

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

Реализация

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

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

1. Оффер

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

Главный оффер может быть 4 уровней. Отличительную разницу сразу видно на примерах.

Первый уровень - когда Вы просто пишите “Аренда машин в Москве”.
Второй уровень звучит уже интереснее - “Аренда машин в Москве. Премиум-автопарк”.

Третий уровень для многих даётся очень сложно и базируется на результате - “Аренда премиум-машин в Москве. Единичные экземпляры привлекут тысячи глаз всего от 5000 рублей в день”.

Можно ли назвать это идеальным предложением? Конечно, нет. Я придумал его за 2 минуты для этой статьи.

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

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

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

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

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

2.

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

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

Но это полная правда. Страшный сайт с хорошими текстом сделает своё дело. А плохие тексты на красивом дизайне потеряют клиента.

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

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

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

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

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

Не банальный заголовок. Если Вы видите заголовок “Почему выбирают нас?”, “О нас” или другой избитый вариант, который используется на десятках других сайтов, то бегите со всех ног.
Сайты с банальными подводками говорят об их безусловном проигрыше на фоне любого другого сайта.
Вы-подход. Чем больше на сайте заголовков и текстов, которые начинаются со слова “МЫ”, то тем хуже сайт.
Клиенту куда важнее, чтобы говорили о нём и для него, а уже потом он читал о Вас любимых.
Простой язык. Если потребитель ничего не понимает в том, что написано на лендинге или встречает незнакомые слова.
В таком случае это значит сайт также нужно улучшать, ведь нужно говорить на доступном языке для клиента, а не для Вас.
По делу. На одностраничнике не должно быть текста ради текста, даже если он создаётся для SEO.
Если можно с сайта убрать этот текст и ничего не изменится, то нужно резать и сокращать.
Конкретика. Так же избитые словосочетания из серии “Индивидуальный подход”, “Гибкая система скидок”, “Высокое качество” являются клеймом.
Единственное, это допускается, когда раскрывающий текст даёт 100% конкретику, а эта фраза лишь является подводкой или заголовком.

Отдельным пунктом хочу вынести такой критерий как “Отработка возражений”. Он реализуется по всему сайту во всех элементах текста.

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

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

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

3. Дизайн

Красивый сайт не всегда равно продающий сайт. Это Вам нужно запомнить навсегда. В своём материале

Продающие сайты. Что это такое? Каждый второй скажет: “Конечно же, это лендинги!”. Они же одностраничники, они же лендинг пэйдж, они же продающие страницы.

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

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

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

Критерии оценки сомнительны

По какому принципу оценивать ? Какие брать за основу? Как составить рейтинг ТОП-10 сайтов?

Где брать сайты на конкурс? Всё это усложняет ситуацию в создании настоящего и честного рейтинга лучших сайтов.

К тому же, мы не знаем сколько продаж компании совершают через подобные сайты. Им же нельзя позвонить и спросить: “А какая у вас ?” или “Сколько Вы получаете заявок из ?”.

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

Ага, размечтались!

Поэтому я сделал проще. Стал искать и просматривать рейтинги и подборки лучших лендингов. И знаете что?

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

2. Мастерская “Dinero”

Это не сайт, это целый фильм об одном “персонаже” - деревянном кошельке. Если бы он стоил 1 000- 2 000 р., то сайт бы провалился.

6. Проект “Большая сушка”

Большинство женщин (их целевая аудитория) слышали о проекте “Бешеная сушка”. Их реклама к запуску заполоняет весь интернет. И это не удивительно, когда инвестируются миллионы на трафик.

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

Проект “Большая сушка”

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

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

7.

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

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

CRM “МегаПлан”

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

Кстати! Если Вы хотите использовать в качестве своей CRM-системы, то советую не забыть промо-код “Megastart”. Так Вы получите скидку на первую покупку 10% и 14 дней бесплатного использования.

8. Банк для предпринимателей “Точка”

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

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

Банк для предпринимателей “Точка”

9. Оснащение тренажерных залов “Goodfit”

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

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

Для полной упаковки не хватает видео-презентации от лица генерального директора. Наверняка он у них в отличной физической форме.

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

Оснащение тренажерных залов “Goodfit”

10. Торговый центр “МЕТРОПОЛИС”

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

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

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

Торговый центр “МЕТРОПОЛИС”

Только Россия!?

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

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

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

Это сайт, состоящий из множества лендингов. Практически многостраничный сайт. Но все-таки лендинг.

https://youtu.be/ClF-txTHGnc

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

Мы, русские, другие. У нас другой тип мышления, так как мы живём в другой стране.

Например, у Американца почти нет опасений в голове, что компания возьмёт деньги и растворится. Так как у них всё защищено на десять рядов, что только один PayPal стоит.

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

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

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

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

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

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

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

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

Мы с вами уже обсуждали, что такое 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. Ремонт ноутбуков

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

Текст на лендинге — маркер «здоровья» проекта . Жив ли он или умирает в муках, доносят несколько строк выше линии сгиба.

Заголовки справедливо считаются ключевым элементом целевой страницы. Однажды (David Ogilvy) сказал: «Написав заголовок, вы потратили 80 центов своего доллара». Это означает, что из 1000 человек, посетивших лендинг, 800 уйдут, прочитав только заголовок. Но это — среднее значение, улучшаемое хорошим текстом и оптимизацией верхней части воронки конверсии (что благотворно повлияет на ее нижнюю часть).

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

Ключевые тезисы

Редко кто дочитывает лонг-риды до конца — поэтому кратко резюмируем выводы исследования в первом же пункте:

на 14% лендингов SaaS-стартапов нет подзаголовков;
среднее число слов в заголовке — 6;
среднее число слов в подзаголовке — 12;
средний показатель качества заголовков (по данным сервиса CoSchedule) — 59 баллов;
39% заголовков продают преимущества продукта;
20% заголовков задействуют социальные доказательства;
в 50% заголовков и подзаголовков использованы позитивные установки;
13% заголовков и подзаголовков сообщают негативные установки;
«Вы» и «Ваше» встречается в 10 раз чаще, чем «Мы» и «Наше»;
42% заголовков содержат жаргонизмы;
скорость, простота, рост, деньги, гуманность, улучшения — 6 основных тем для текстов landing page;
каждый заголовок сводится к 1 из 9 формул.

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

На 14% лендингов стартапов нет подзаголовков

Пренебрегаете подзаголовком? Значит, вы уверены в качестве заголовка страницы — ведь он один убеждает остаться те 80% посетителей, что уходят сразу после «посадки».

Согласно Wordstream:

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

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

Заголовок: Отчеты по расходам сделаны для вас — но не вами;
Подзаголовок: Автоматизированный процесс ExpenseBot помогает вашему бизнесу отслеживать издержки, окупать сотрудников и контролировать траты.

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

Противоположный пример — компания TapInfluence, которая не извлекает выгоду из подзаголовка. Лендинг не доносит посетителям функционал и ценность продукта, хотя онлайн-пользователи «страшно ленивы» — то есть, они не пойдут вглубь лендинга за информацией, а просто закроют вкладку.

Контент. Создан покупателями для покупателей.

Среднее число слов в заголовке — 6

Считается, что 6-7 слов — . Но Джоан Вибе (Joanne Wiebe) из Copyhackers доказал ошибочность этого утверждения еще в 2014 году, посредством «визионерского» сплит-теста.

Контрольная версия: Получите результаты от своих facebook-постов.
Вариант 1: Это как полноценная smm-команда по требованию.
Вариант 2: С нашим генератором идей для статусов и предельно простым планировщиком постов у вас никогда не кончится эффективный контент facebook-страниц.

Первый вариант повысил CTR на 36%, а второй — на 29%. Иногда для донесения ценности не хватает пятого-шестого слова. Ниже — пример лаконичного (и неудачного) заголовка от Simply Measured.

Лучшее социальное начинается здесь.
Обоснованные решения. Исключительные результаты.
Лучшая в мире социальная аналитика без усилий.

Учитывая, что это самые читаемые четыре слова на всем лендинге, маркетологам стоило донести оффер четче. Заголовок не слишком информативен. Это похоже на так называемый «флип-феномен», или феномен переворота — технику, при которой подзаголовок тестируется как заголовок, и наоборот.

61% заголовков не продают преимуществ продукта

Цифра удивляет, не правда ли? Знаете старую аксиому: «Свойства говорят, а выгоды продают»? Но если подумать, то проблема сводится к уровню намерений и осведомленности:

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

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

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

Закрывайте больше сделок. Делайте больше денег.

А следующий пример, увы, не делает этого. Лендинг от SensorTower:

Заголовок: Разведка в маркетинге приложений стала проще.
Подзаголовок: Лидирующая платформа для оптимизации магазинов приложений и разведки в индустрии.

Из текста посетитель понимает что-то о функциях (немного), а также — то, что решение простое и популярное. Но он не видит, почему это нужно прямо сейчас. На такой странице передать преимущество можно через заголовок, подзаголовок или текст внутри поля ввода. Но ни одна возможность не использована.

Словом, этому лендингу оптимизация текстов явно не помешала бы.

20% заголовков и подзаголовков задействуют социальные доказательства

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

Красным подчеркнуто: «Помогло сотням тысяч команд».

Также претензии на славу демонстрирует и FastCall — но в заголовке:

Текст заголовка: #1 ратифицированный дилер в AppExchange, с поддержкой Salesforce

Средний показатель качества заголовков по CoSchedule — 59 баллов

Инструментом анализа заголовков CoSchedule удобно проверять качество текстов на англоязычных блогах и лендингах. Система рассматривает ряд элементов:

Длина : люди забывают прочитанные в онлайне слова за считанные секунды;
Баланс слов : заголовки должны обладать гармоничным сочетанием общих, редких, эмоциональных и сильных слов;
Тип заголовка : больше относится к блог-постам. Заголовки в стиле «Как сделать...», рейтинги, ТОПы, списки постов и вопросов — такие варианты приносят высокие результаты;
Настроение : акцент на негативные эмоции или позитивные настроения в заголовке.

Рассмотрим заголовки, высоко оцененные системой.

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

Выгоды, которым доверяют люди.
Передовой инвентарный софт для выдающегося роста бизнеса
Аналитика digital-маркетинга с Competitive Edge.

Вам нужно больше клиентов?

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

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

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

AppZen

На лендинге AppZen размещено два равнозначных СТА, что неоднозначно в плане конверсии, но зато здесь удивительно сильный текст.

Хватит тратить время и деньги на отчеты о расходах

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

Хей, мисс-фотограф!
Наконец, бэк-офис упрощен.
Работай умнее.

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

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

Половина заголовков и подзаголовков используют позитивные установки

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

Согласно CoSchedule:

«Заголовки, передающие сильные положительные или отрицательные эмоции, как правило, работают лучше».

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

44% заголовков передают позитивные эмоции;
37% заголовков передают нейтральные эмоции;
13% заголовков передают негативные эмоции;
59% подзаголовков передают позитивные эмоции;
22% подзаголовков передают нейтральные эмоции;
13% подзаголовков передают негативные эмоции.

Бенджамин Бренделл (Benjamin Brandall) проанализировал тексты лендингов на эмоциональную окраску специализированным софтом. Вот несколько позитивно-окрашенных заголовков:

Сделайте свой фронт-деск восхитительным.

Никогда не создавайте детали снова.

Трекинг проектов для удаленных команд.

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

И список негативных:

Решение по управлению задачами для команд.

Работай умнее.

Лучшие сообщения для веб и мобильных приложений.
Хей, мисс-фотограф!
Маркетинговая eCommerce-платформа.

Автоматизация входящих продаж.
Самый быстрый способ использовать Твиттер в команде.

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

Заголовки и подзаголовки: популярные слова и фразы

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

Ваше/Вы в 10 раз чаще, чем Мы/Наше

Превратите свои ошибки в действия

Продукт — это все о клиенте, а не о вас. Вы продаете то, что делает ваше решение для кого-то, а не то, что делаете вы.

Вот статистика по исследованию:

Вы/Ваше: 65 лендингов;
Мы/Наше: 6 лендингов.

ТОП-10 фраз

Постройте свой digital-бизнес быстрее с мобильным бек-эндом как услугой

Мы еще увидим, что заголовки часто подчеркивают простоту, скорость и превосходство. Список лучших практик:

«лучший способ...»;
«превратите свой...»;
«легко использовать...»;
«быстрее с...»;
«от google/согласно google»;
«тысячами...»;
«без написания кода...»;
«лучший в мире...»;
«доверяют тысячи...».

42% заголовков содержат жаргонизмы

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

Хотя жаргон в копирайтинге, как правило, запрещен, Белинда Уивер (Belinda Weaver) утверждает, что в ряде ситуаций это нормально. Она доказывает, что допустимо использовать жаргон в общении на техническую тему. Так как SaaS-платформы — это технологические продукты, то жаргонизмы вполне допустимы. Тем не менее, редко когда они действительно необходимы маркетологам, ведь ваш продукт предназначен не для разработчиков, а для пользователей.

Пример жаргонизмов от Neptune.io

Автоматизация отклика на события от DevOps

Это работает, потому что целевая аудитория понимает значение терминов. Если человек не в курсе, значит продукт не для него.

Пример от Datadog

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

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

А) Получите готовый проект с Nitro; Vs. В) Отслеживание проектов для удаленных команд.

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

Каждый заголовок можно отнести к одной из 9 формул

Формулы заголовков используются копирайтерами с тех пор, как они были популяризованы Джоном Каплесом (John Caples) в 1932 году. Но, несмотря на прошедшие 84 года, формулы вполне применимы и для лендингов облачных стартапов — конечно, с некоторыми корректировками. Каждый заголовок из рассмотренных выше (да и вообще, из существующих) подпадает под одну из 9 категорий.

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

[Программное обеспечение] для [цель]

Решение по управлению задачами для команд.
Управление транзакциями для современных профессионалов недвижимости.
Отчеты по расходам, оптимизированные для реальных людей.
Продающая CRM для маленьких команд с большими амбициями.
Надежный сбор данных для лучшего бизнеса.
Контент. Созданный потребителями для потребителей.
Автоматизация откликов на инциденты для DevOps.
#1 рекрутинговое решение для растущих компаний.
Отслеживание проектов для удаленных команд.
Чат и входящая почта для команд. Одно пространство, чтобы общаться и оставаться на связи.
Расширенная инвентаризация софта для выдающегося роста бизнеса.
Программное обеспечение для лидеров.

[Превосходная степень] путь к [цель]

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

[Повелительное наклонение/императив] [выгода]

Превратите своих холодных лидов в возможности для продажи.
Работайте умнее.
Постройте свой digital-бизнес быстрее с мобильным бек-эндом как услугой.
Превратите свои ошибки в действия.
Быстро превратите своих лидов в доходы.
Фокусируйтесь на моментах, которые важны.
Развивайте свой местный бизнес.
Создайте базу данных так же легко, как электронную таблицу.

Развивайте свой бизнес.
Сделайте удаленной дизайн-работу.
Превратите людей, которых вы знаете, в бизнес, о котором мечтаете.
Заставьте свой беспилотник работать.
Отправляйте электронную почту, которая конвертирует.
Вырастите и сохраните своих пользователей.
Улучшите User Onboarding.
Закрывайте больше сделок. Делайте больше продаж.
Запустите продуктивные переговоры.
Получите больше лидов. Улучшите вовлечение.

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

Лучший [цель]

Улучшенная адаптация пользователей.
Лучшие сообщения для Web и мобильных приложений.

[Программное обеспечение, продукт] который [выгода]

Отправьте email, который конвертирует.

[Выгода]. [Выгода]

Получите больше лидов. Улучшите вовлечение.
Закрывайте больше сделок. Делайте больше продаж.
Отличные переговоры. Выдающиеся результаты.

[Выгода] без [недостаток, боль]

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

[Вопрос]

Вам нужно больше клиентов?
Есть идея приложения? Воплотите ее с POP.

[Назначение]

Маркетинговая платформа eCommerce.
Оснащение панели за 15 минут.

Вместо заключения

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

Исследование Process Stree на основе 87 лендингов показало лучшие практики и скрытые тренды создания заголовков. Эти данные подойдут для глубоких тестов и корректив на целевых страницах. Рассмотрите примеры, изучите 9 формул построения заголовков и начинайте оптимизировать!

Задумываетесь об оптимизации конверсии своего лендинга? Ознакомьтесь с нашей >>>

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

Секреты создания формы для лендинга

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

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

Требования к созданию идеальной формы заказа для landing page

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

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

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

Пример формы заказа для landing page

Где сделать landing page форму заявки?

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

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

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

Принцип работы

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

Говоря про основные преимущества конструктора веб-форм Formdesigner, можно отметить:

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

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

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

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