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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

7.

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

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

CRM “МегаПлан”

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Но, я специально не выкладываю их 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. Ремонт ноутбуков

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

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

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

Простой, но симпатичный дизайн. Плюс в том, что можно войти на сайт через Facebook, не тратя время на регистрацию.

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

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

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

Фишка этого дизайна — простота. Простое меню и яркий слайдер отлично сочетаются.

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

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

Развлекательные сайты

Просто и со вкусом. Сразу ясна цель страницы — просмотр документального видео.

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

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

В дизайне этой страницы, посвященной франшизе о Гарри Поттере, использованы знакомые фанатам цвета, фразы и имена.

Эта страница не только выглядит красиво, она еще и очень функциональна: множество интерактивных элементов, интеграция с Google Maps, использование вкладок.

Uncrate и после редизайна не меняет своей традиции расположения всех разделов сайта в удобном верхнем навигационном меню.

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

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

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

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

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

Лендинги-портфолио

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

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

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

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

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

Пример необычного плиточного дизайна.

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

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

Иконки и ничего лишнего. Хороший пример минималистичного дизайна.

Страница-портфолио отображает самое главное — примеры работ.

Розничная торговля

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

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

Ничто не отвлекает посетителя от созерцания прекраснейших часов.

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

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

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

Toyota сделала сайт в стиле Pinterest для любителей Camry. Здесь можно найти множество фотографий, статей, статистики.

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

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

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

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

Плавающая красная кнопка в середине экрана делает свое дело: на нее очень хочется нажать.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Лендинги стремительно ворвались в мир интернет-маркетинга, потеснив привычные сайты. Если раньше использовались только 2 вида landing page – одностраничники и многостраничники, то сейчас подвиды лендинга вырастают как грибы после дождя.

Чтобы не затягивать материал (статья и без того большая), давайте сразу рассмотрим примеры 15 видов лендингов, которые сегодня существуют в Рунете. В подборке использованы как работы из Сети вообще, так и примеры готовых лендингов от “Панда-копирайтинг”.

Для просмотра примеров лендингов в ПОЛНОРАЗМЕРНОМ ВИДЕ нужно кликнуть 2 раза. Сначала на картинку, а затем, когда изображение “всплывет”, довести мышку до низа лендинга и нажать на появившийся крестик.

Вид 1. Лендинг «О нас»

Давайте начнем хит-парад примеров с лендингов «О нас». Согласитесь, куда лучше: вместо скучного текста из пары абзацев в соответствующем разделе сайта создать полноценный лендинг.

Это как паспорт в красивой обложке – он и расскажет о главных преимуществах/задачах/ценах, и привлечет внимание.

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

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

Примеры лендинговых страниц с каталогами

Страница каталога чайной компании:

Еще один вид лендинга с каталогом. На этот раз мясная продукция:

Фишка: товар сразу перетягивают в корзину с лендинга

Оптимально, если лендинг-каталог содержит следующие элементы:

1. 1. Не более 12 товаров, не более 11 категорий. Для большего количества товаров лучше создать отдельный каталог, иначе есть риск запутать посетителя сайта.
   2. Удобный скролл. Важно, чтобы лендинг не был загроможден позициями, от которых рябит в глазах.
   3. Всплывающие кнопки “Купить/Заказать” под каждым товаром.
   4. Прозрачные условия доставки и оплаты.

А также:

• Интересные решения для корзины или описания товара.

Лендинги-информаторы

Хороший инфо-лендинг чаще всего включает в себя:

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

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

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

А еще – инфо-странички подойдут для оформления статей в корпоративном или личном блоге. Например, в блог компании, которая предлагает онлайн-курсы, подойдут инфо-лендинги про интернет-образование, как пример ниже.

Пример инфо-лендинга для представления новой платформы медиапланирования:

Четкая структура и продающие элементы. Эта Landing Page выглядит очень лаконично.

Оптимально, если информационный лендинг содержит следующие элементы:

1. 1. Подробное описание товара или услуги, которое закрывает возражения покупателя.
   2. Видео о товаре (если это сайт для продажи одного товара).
   3. Интересные факты о товаре/услуге , преимущества.
   4. Минимум рекламы.
   5. Одну-две кнопки с неагрессивным призывом к действию (например, “Перейти в каталог”, “Заказать на сайте”).

Лендинги для захвата лидов. Lead-Page

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

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

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

В зависимости от ситуации, на Lead-landing page можно установить поля:

1. Для ввода номера телефона и имени (если вы предлагаете, к примеру, бесплатную консультацию, бесплатную процедуру в салоне и т.д.)
2. Для ввода электронного адреса и имени. Эти данные после можно использовать для рассылки. Чтобы получить e-mail, лендинг должен предлагать потенциальному клиенту «плюшки» – , руководства, курсы и вебинары, демо-версии ПО и т.д.
3. Для ввода пола, возраста и других личных данных. Подходит, например, для лендингов, которые собирают базу пользователей на сайт знакомств.

Пример страницы для захвата лидов от банка “Тинькофф”: небольшой блок с выгодами от заполнения анкеты.

И еще пример, на этот раз от “Тинькофф-журнала”: преимущества, минимум графики и отзывы. Куда уж убедительнее.

Оптимально, если лендинг для захвата лидов содержит следующие элементы:

1. Заголовок.
2. Подзаголовок.
3. Изображение или видео , которое привлечет внимание.
4. Форма для регистрации (она же захват лида).
5. Практическая ценность, она же выгода для посетителя. Человеку важно знать, что он получит в обмен на его данные. Можно предложить скидки, полезную рассылку, бонусы и т.д.

И еще:

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

Одностраничники под товар

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

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

Пример одностраничника для продажи гироскутера:

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

Оптимально, если на посадочной странице под один товар будут следующие элементы:

1. Качественные фото и видео товара в действии.
2. Советы по использованию.
3. Отзывы (только не фейковые, читатели это чувствуют).
4. Кнопки с призывом к действию.
5. Продающий стиль текста.
6. Преимущества товара.

Одностраничник под услугу

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

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

Еще один пример под страницу услуги салона красоты: продающий текст с формой для захвата лидов и выгодным предложением:

Оптимально если целевая страница под услугу содержит:

1. Понятный заголовок (читатели уходят, если не понимают сразу, что за услугу вы им предлагаете).
2. Видео об услуге.
3. Социальные доказательства.
4. Форму для захвата лидов. Даже если человек сейчас не готов воспользоваться услугой, ваша рассылка может напомнить ему о вас, когда он дойдет до нужной кондиции.

Многостраничные лендинги компании

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

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

Пример яркого лендинга от компании “The мед”:

Если нажать на раздел меню “Производство”, то попадем на ту же страницу, только ниже:

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

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

На примере ниже –одностраничник компании «Pitaron», который имеет блок с кратким описанием, перечисление услуг, преимуществами (как в типичном лендинге). Но, выбрав раздел «Web-desighn», мы попадаем на еще один лендинг, который «запилен» чисто под услуги веб-дизайна от этой же компании.

Посмотрим ниже: раздел «Web-design», в который можно перейти с предыдущего лендинга

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

Оптимально, если многостраничный лендинг содержит следующие элементы:

1. Придерживается правила: одна страница – одна услуга или товар.
2. Менее заметное боковое меню вместо главного меню в его классическом виде.
3. Каждая страница многостраничного лендинга содержит все элементы классического одностраничника: УТП, оффер, преимущества, отзывы и кнопку призыва к действию.
4. Список контактов.

Мультилендинг

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

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

Пример геолендинга барбершопа. Ниже – одностраничник для тех, кто ввел запрос с городом Москва.

А вот так выглядит шапка для Екатеринбурга – поменялись только контакты и город.

Если компания предлагает услуги тренажерного зала, бассейна, фитнес-тренеров и т.д., а пользователь вводит в поисковике «фитнес-зал в Спб», то формируется страничка только про фитнес. Все ненужные данные о других услугах убираются – магия, да и только!

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

Рассмотрим на примерах. Туристическая фирма продвигает свои услуги при помощи лендингов, в которых меняются туристические точки, а город Кемерово не меняется.

В зависимости от введенного запроса динамический лендинг «перестраивает» и свое содержимое

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

Пример мультилендинга сети фитнес клубов:

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

Оптимально, если мультилендинг имеет следующие элементы:

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

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

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

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

Пример лендинга-резюме дизайнера:

Фишка резюме на примере: видео с описанием процесса работы. Такая презентация себя вызывает доверие и ощущение профессионализма. Можно взять на заметку.

Оптимально, если резюме в виде Landing Page содержит следующие элементы:

1. Ссылки на профили в социальных сетях.
2. Нестандартный контент, визуализация, собственный стиль.
3. Фото или видео с владельцем страницы.
4. Примеры работ.
5. Контакты.
6. Отзывы.

Лендинги-презентации

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

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

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

Примеры креативных лендингов-презентаций:

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

Оптимально если целевая страница в виде презентации содержит следующие элементы:

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

Вики-лендинги для VK

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

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

Пример лендинга VK от Петра Панды

Одностраничник от Панда-копирайтинг

И пример из сети: текст разбит на короткие блоки, по объему схожие с небольшими постами в ВК.

Оптимально, если на таком Wiki-лендинге есть следующие элементы:

1. Подробная информация о компании, услуге.
2. Элементы графики покрупней , чтоб не нагружать глаза читателя.
3. Товары (для интернет-магазина с небольшим ассортиментом). Пользователи соцсетей не любят искать товары в альбомах, поэтому их лучше разместить на лендинге.
4. Короткие текстовые блоки.
5. Фото. Поскольку лендинг все-таки размещен в социальной сети, нужно, чтобы пользователи видели того, кто предоставляет им услуги или продает товары.

Лендинг на главной странице

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

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

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

И еще один пример такого лендинга:

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

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

Оптимально, если главная страница в виде Landing Page содержит такие элементы как:

1. Простой контент – минимум полезной информации о компании или продукте.
2. 1-2 неагрессивных кнопок действия.
3. Основные выгоды и преимущества.
4. Контакты.
5. Интересные заголовки, описания, втягивающие читателя и подводящие к нужному действию (перейти в каталог, позвонить, подписаться).
6. Отсутствие массива текста.

Лендинги-Игры

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

Если хотите повысить доверие к продукту или подогреть ЦА – берите на заметку.

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

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

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

Мелочь, конечно, но ведь успех и состоит из мелочей!

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

Оптимально, если страница 404 содержит следующие элементы:

1. Полезные ссылки, возможность перейти на главную страницу сайта.
2. Четкое и понятное сообщение о том, почему пользователь попал на эту страницу.
3. Возможность сообщить о проблеме.
4. Строка поиска, чтобы читатель не ушел, а все-таки нашел то, что ему нужно на вашем сайте.
5. Интерактивные элементы.

Лендинги – Мероприятия

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

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

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

Ниже пример длинного лендинга, который дает много концентрированной информации, поэтому вы не теряете ЦА и они доходят до самого конца текста.

И еще один пример длинной, но правильной Landing Page:

Яркий дизайн, рассчитанный не столько на родителей, сколько на детей. Отличный слоган-мотиватор “Полет в космос по цене билета в кино”. Плюс, возможные возражения читателя закрыты с помощью FAQ.

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

1. Таймер с отсчетом времени до начала мероприятия.
2. Место и время проведения мероприятия, расположенные на видном месте.
3. Несколько кнопок с призывом к действию. Или, как вариант, “залипающая” кнопка CTA.
4. Яркий дизайн, напоминающий постеры.
5. Контакты, расположенные на видном месте.