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

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

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

Для чего нужны лендинги (и при чем тут Чернобыль)?

Знаете, главную причину, почему человек не покупает то, что ему предлагают в интернете? Вовсе не потому, что он не хочет это покупать. Чаще всего причина в том, что он просто не понимает:

• Что ему что-то предлагают
• Что именно ему предлагают?
• Зачем ему то, что ему предлагают?
• и так далее

То есть люди просто не замечают ваших рекламных предложений. Вокруг слишком много информации. Сайты пестрят баннерами, ссылками, видосами, картинками. У среднестатистического пользователя интернета параллельно открыто 10 — 15 вкладок браузера, между которыми он хаотично передвигается («сёрфит»).

Лендинги призваны решить именно это проблему — максимально сконцентрировать внимание посетителя на той информации, которую вы предлагаете. Первыми все преимущества лендингов оценили, конечно, предприниматели. Обычный сайт дает 0,1 — 0,5% конверсии в заказ. А лендинг дает 1 — 7% конверсии в заказ. Вывод? Будем делать много лендингов.

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

Но что вы скажите например вот об этом (ссылка откроется в новой вкладке)?

Это тоже лендинг, на котором нам показывают обычную вроде статью. То есть здесь никто ничего не продает. Журналисты подготовили материал о катастрофе в Чернобыле и разместили его на лендинге — отдельной странице. Хотя они вполне могли точно так же разместить этот материал на сайте своей газеты. Что при этом поменялось бы?

Они потеряли бы наше внимание. На лендинге все внимание приковано к тому, что вы пытаетесь донести до посетителя. Кстати, этот материал про ЧАЭС стал одним из самых посещаемых в Рунете по этой теме. Не думаю, что им удалось бы достичь такого же успеха, если бы они разместили статью просто на сайте. Полистав этот лендинг так и хочется заново пройти «S.T.A.L.K.E.R — Тень Чернобыля».

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

Кстати, а в чем же заключается «магия» лендинга? Только ли в том, что там нет посторонних ссылок и менюшек?

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

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

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

Но эта причина не единственная. Еще один важный момент — это красивое графическое оформление информации.

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

Если вы захотите добавить какие-нибудь особенные элементы, то вам придется сильно потрудиться (и не факт, что у вас получится). А лендинг — это отдельный «мир». Там вы можете творить все, что пожелаете. А это очень важно.

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

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

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

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

А если вы вставите обычные видео в свою статью — никто их смотреть не будет. И то же самое с остальными графическими элементами. То, что выделено цветом, шрифтом, рисунком — привлекает внимание и остается в памяти. Обычный текст прочитывается «по диагонали» (в лучшем случае).

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

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

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

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

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

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

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

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

Пример крутого лендинга

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

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

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

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

Хотите уметь делать такие же красивые лендинги самостоятельно? Не вопрос.

Как сделать лендинг технически

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

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

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

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

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

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

Что написать на лендинге, чтобы он продавал

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

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

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

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

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

Поэтому лендинги в основном продвигают через контекстную рекламу. Это такие системы как Яндекс-Директ, РСЯ, Гугл Адвордс, КМС, таргетинг вконтакте и другие. Там вы даете рекламу, привлекаете аудиторию, которую могло бы заинтересовать ваше предложение, и оплачиваете отдельно каждый клик по вашему объявлению. Поэтому она и называется «PPC» — то есть «pay-per-click» («оплата за клик»).

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

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

Но если вы хотите получить максимум внимания аудитории к вашему предложению — лучше лендинга ничего не придумаешь. Не забудьте скачать мою книгу . Там я показываю вам самый быстрый путь с нуля до первого миллиона в интернете (выжимка из личного опыта за 10 лет =)

До скорого!

Ваш Дмитрий Новосёлов

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

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

Сегодня с радостью хочу поднять тему лендингов – что такое страницы захвата (лендинги), зачем нужны эти посадочные страницы, кого куда они садят? Для кого они? Чтобы собирать подписчиков или для продажи товаров? Кто из вас уже задумывался на эту тему – поднимите руки!

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

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

Итак, как вы думаете, что же такое Landing Page?

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

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

Страница эта может быть создана отдельно средствами HTML+CSS, или же с помощью специальных плагинов к WordPress.

Что примечательно — для таких посадочных страниц даже целые домены регистрируют, не то чтобы страничку на блоге!

Основная задача Лендингов.

В чем же задача посадочных страниц? Основным пунктом является то что они нужны для того, чтобы получать клиентов. Другими словами это настоящая реклама вашего инфопродукта.И задача этой рекламы продукта одна — ЗАИНТЕРЕСОВАТЬ посетителя, который является потенциальным клиентом!

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

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

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

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

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

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

Итак. Главная цель посадочных страниц (лендингов) – это их конверсия (превращение посетителя в покупателя или подписчика)!

Теперь этот факт точно всем понятен. Я очень на это надеюсь.

Особенности Landing Page.

1. Самое главное — посадочные страницы не перегружены графическими элементами, рисунками, потому что много графики отвлекает. А нам нужно, чтобы посетитель был максимально сконцентрирован на нашем предложении. На заголовке!

2. Вторая особенность – это отсутствие рекламы. Тут даже комментировать не стоит. Реклама итак всем уже надоело. Будет совсем не логично рекламировать кого-то на странице, которая предназначена для рекламы ТВОЕГО продукта или услуги! Кто со мной согласен — прошу отписаться в каментах.

3. Третья особенность – На лендингах не должно быть ничего лишнего, не нужно левой информации. Многие блоггеры, в т.ч. и я, пишут о новостях из жизни, позволяют отклоняться от темы, обсудить погоду, президента или еще чего-нибудь. На лендингах — это не простительно. На лендингах — должно быть все четко и по делу. Что за продукт, что за услуга, кому она нужна, сколько стоит и кнопка «заказать». Помни, что задача твоих посадочных страниц — не научить кого-то чему-то, а получить клиента!!!

Какой должна быть конверсия?

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

Конечно, не стоит надеяться, что спамом у вас будет конверсия больше 1% по-моему это миф.

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

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

Красная кнопка 5,6% конверсия

Зеленая кнопка 3,2% конверсия

Следовательно – используйте красную кнопку для основного действия!

Кнопка “Узнать цену” 5,6% конверсия

Кнопка “Заказать” 0,8% конверсия (ШОК!)

Да, это действительно шокирующая информация! Я до сих пор под впечатлением! Тчательно подбирайте слова!

Форма “Имя, Телефон” лучше чем “Имя, телефон, емейл” и хуже чем “Телефон”.

Людям все-таки приятно когда вы, позвонив им, назовёте человека по имени!

Открытая форма лучше чем закрытая.

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

Заголовок “Закажи ЭТОТ курс и получи в подарок ВОТ ЭТО…” – хорошая конверсия.

Заголовок такого вида “Получи ЭТОТ подарок при заказе ЭТОГО курса…” — плохая конверсия.

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

И помните еще одну штуку: адаптивность вашего лендинга – это +5% к конверсии! Сейчас достаточно большое количество людей используют планшеты и смартфоны для заказов через интернет – помните об этом. Адаптивность сейчас никак нельзя игнорировать!

Заключение.

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

Но как быть новичку, который не в курсе что такое landing page и как её создавать? Могу посоветовать научиться использовать конструкторы типа wp-page или его бесплатные аналоги. Ну или – обращайтесь ко мне – я помогу.

Вот наглядный пример некоторых Лендингов (кликабельно):

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

Что такое Landing page?

Лендинг пейдж (от англ. landing page – целевая страница) – сайт, который состоит из одной страницы, заточенный под одно действие: получить контакт или продать товар/услугу. Такой сайт еще называют посадочная или продающая страница, ленд, одностраничник, страница приземления, лид-магнит.

Принцип у лендинга такой “Buy or die” – купи или умри, в переносном смысле конечно же =) Купи/оставь свои контакты или уходи. Из-за того, что выбор у посетителя небольшой и страница заточена под один продукт/услугу, конверсия получается больше, чем у многостраничных сайтов.

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

Место лендинга в цепочке продажи

Какое может быть ключевое действие у лендинг пейдж?

1. Получить контакт

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

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

2. Продать

На лендинге вы можете сразу продавать товары, обычно такие товары из низкой ценовой категории – до 2000-3000 р. Это относится к страницам, которые продают на холодную аудиторию в лоб, например товары из Китая (портмоне, очки, наушники и пр.) продают именно так.

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

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

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

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

Итак, повторюсь, эта статья нацелена в первую очередь на заказчиков.

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

ЧТО ТАКОЕ ЛЕНДИНГ И ЗАЧЕМ ОН НУЖЕН

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

Методом проб, ошибок и А/Б тестов выяснилась наиболее оптимальная схема лендинга:

1. Логотип и основная деятельность компании.

2. Заголовок. Собственно к чему всё это.

3. Коротенечко описание и картинка.

4. Блок преимуществ.

5. Для целевого лендинга - обязательна форма.

6. Желательно ограничение по времени или количеству.

Итак, смысл лендинга - коротко и ясно сделать выгодное заявление.

А ОДНОСТРАНИЧНИКИ

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

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

НУ И В ЧЕМ ПРОБЛЕМА

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

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

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

ЛЁГКИЙ СТОРИТЕЛЛИНГ

Случай раз.

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

Помимо дизайна, верстки и программирования, компания-разработчик ещё и некоторое время продвигала этот лендинг. Результат: за два месяца 1 звонок и всё.

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

Случай два.

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

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

Смысл этой сцены

1. Соблюдайте баланс между количеством и разумом.

2. Ставьте статистику, особенно перед продвижением.

3. Займитесь сначала маркетингом.

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

Бесплатно за репост в ФБ или ВК, потому что пока ещё набираю интересные кейсы.