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

Что такое «лендинг пэйдж»?

Несложно догадаться, что понятие «лендинг пэйдж» имеет зарубежное происхождение.

Landing page в дословном переводе означает «посадочная страница». Это одностраничный сайт, сайт-визитка или главная страница основного сайта, размещенного в интернете, главная цель которой – подтолкнуть пользователя к выполнению определенного действия. Как правило, действие – это подписка на рассылку, регистрация на сайте, покупка товара или услуги.

Пока что слово «лендинг» и, соответственно, словосочетание «лендинг пейдж» не встречается в образовательной литературе по маркетингу. Да и в словарях данное слово еще не было зафиксировано. Есть второй вариант написания, а именно «лэндинг». Но стоит отметить, что это менее распространенная форма. Такое вывод основан на данных Яндекс Статистики – 1 млн. запросов против 120 тыс.

Если рассмотреть назначение лендингов, то они создаются для:

• Продажи конкретного товара или услуги.
• Сбора информации о целевой аудитории.
• Распространения программного обеспечения и инфопродуктов.

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

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

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

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

Виды лендинг пейдж

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

Landing page бывают:

• One step – одношаговые. Одношаговый landing – это классический вариант сайтов, состоящих из одной веб-страницы. Их основная цель – привлечение и «подогрев» лидов.
• Two step – двухшаговые. Двухшаговые страницы менее распространены, но не менее эффективны. Двухшаговый лендинг – это самостоятельная страница, предлагающая посетителю несколько опций. Выбрав одну из них, клиент попадает на дополнительную страницу, которая может быть представлена формой для оформления заказа, подписки на рассылку и пр.
• Long page – длинные страницы. Под длинной страницей подразумевается то, что лендинг пейдж прокручивается вниз в две и более страницы.
• Short page – короткие страницы. Короткая страница имеет размер в один экран без возможности прокрутки. Короткий лендинг пейдж уместно использовать только раскрученным брендам, с которыми не нужно знакомить пользователей, или в качестве инструмента для перенаправления на другие страницы сайта для сбора необходимой информации.

Сколько стоит лендинг и как его заказать?

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

Для примера:

• Средняя стоимость лендинга у фрилансеров – 5000-20000 рублей.
• Услуги дизайн-студии – 50 000–100 000 рублей.
• Разработка лендинг пейдж авторитетным агентством – 100 000–500 000 рублей.

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

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

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

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

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

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

Как создать лендинг пейдж бесплатно?

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

Реальные способы заполучить landing page бесплатно:

• Создать сайт или купить готовый шаблон на WordPress.
• Воспользоваться специализированным конструктором (генератором).
• Скачать готовый шаблон и «переписать» его в соответствии с индивидуальными особенностями компании.

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

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

Дизайн и структура лендинг пейдж

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

Черты хорошего дизайна лендинг пейдж:

• Простота и лаконичность.
• Блочная подача контента.
• Яркая графика.
• Логичная структура страницы.

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

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

Структура лендинг пейдж:

1. цепляющий заголовок;
2. описание продукта;
3. преимущества;
4. уникальное предложение;
5. форма для заказа.

Структуру дополните отзывами о продукте и блоками «вопрос-ответ». Главное – краткость. Ведь правило Стива Круга «Не заставляй меня думать!» все еще актуально.

13 заповедей для создания эффективного лендинга

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

Правила для создания эффективного лендинга:

Один лендинг – один продукт

Чтобы добиться максимальной отдачи от landing, сконцентрируйте внимание посетителя на конкретном товаре. Другими словами, нельзя ставить клиента перед выбором, поскольку выбирать сложно. Гораздо проще бегло пробежаться взглядом по странице, закрыть ее и забыть о ее существовании. Но цель лендинга абсолютно противоположная. Эффективная схема выглядит так – Товар-Скидка-Форма для оформления заказа.

Цепляющий заголовок

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

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

Четкость целевого действия

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

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

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

Продающий текст

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

Чтобы написать действительно продающий текст, надо:

• Знать, для кого он предназначен. Манера и стиль подачи информации меняется в зависимости от предполагаемого читателя, поэтому перед написанием составьте портрет потенциального покупателя.
• Изучить классические маркетинговые приемы и принципы психологического восприятия информации.
• Уметь подать информацию кратко, но исчерпывающе. Во время чтения у посетителя лендинга непременно будут возникать вопросы, задача автора – дать на них ответы до перехода к следующему блоку страницы.

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

Оформление текста

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

Правила оформления текста:

• Размер и стиль шрифта. Оптимальный размер – 16 px, в исключительных случаях 14, наиболее распространенные стили – Arial, Meiryo, Georgia.
• Предложения. Текст должен содержать простые предложения без сложных оборотов.
• Блочная подача информации. Каждый блок – это абзац. В абзаце должно быть не более 3–5 строк.
• Подзаголовки. Чтобы разбить полотно текста, используйте подзаголовки через каждые 3–6 абзацев.
• Таблицы, графики, списки, цитаты. Эти элементы также помогают разбавить текст и сделать его проще для восприятия.

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

Нет агрессивной и навязчивой рекламе

• Большое количество восклицательных предложений;
• Написание всего текста или его отдельных фраз с заглавной буквы;
• Очевидные фразы наподобие: «Ограниченное предложение», «Ликвидация товара по низким ценам», «Только сегодня скидки до …%»

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

Структура

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

Релевантность

Релевантность – это соответствие ожиданий пользователя с реальностью. То есть если в результатах поисковой выдачи человек увидел заголовок «Эксклюзивные ювелирные украшения», то landing page должен иметь аналогичный или схожий заголовок.

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

Работа с возражениями

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

Чтобы убедить клиента в безопасности сделки используется:

• Круглосуточная служба поддержки.
• Гарантийный срок возврата.
• Формы обратной связи.
• Бесплатный тестовый период.

Ограниченность предложения

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

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

Доверие клиента

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

Для этого лендинг должен содержать:

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

Виктория Кучинова

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

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

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

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

Расширенная форма

Обычно на одностраничниках используют стандартную форму заявки с несколькими полями. Чаще всего клиенту нужно указать контактные данные – имя-фамилию, почту или телефон. Но в некоторых сложных сферах лучше раскрыть тему подробнее. Вот как это сделали в «Текстерре»: в форме лендинга dellservers.ru клиент может выбрать модуль, параметры, задачи сервера. Может сбросить значения, если что-то пошло не так.

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

Две кнопки СТА

На лендинге планировщика задач wunderlist.com/ru – сразу два призыва к действию, которые усиливают друг друга: «Создать бесплатную учетную запись» и «Загрузить Wunderlist». Пользователи кликают по обеим ссылкам, конверсия растет, а лендинг выполняет свою работу на отлично.

Конкретные цифры (результаты)

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

Персонализация

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

Удобная форма ответа

На многих лендингах и сайтах задать вопрос можно только через форму. А это значит, нужно указывать имя и фамилию, оставлять телефон и электронную почту. Иногда вообще приходится вводить капчи и коды – ужас! Понятно, что это делается для того, чтобы получить лиды. Но есть и другой вариант – как на лендинге «Церебро Таргет». Если вы зарегистрированы во «ВКонтакте», ничего заполнять не нужно – бери и пиши. И клиенту удобно, и владельцу хорошо – контакт оставлен, можно работать дальше.

Отзывы клиентов

Можно попросить клиентов рассказать о своих впечатлениях и опубликовать полученные тексты на лендинге. Но загвоздка в том, что посетитель никак не проверит – реальные это отзывы или фейковые. Лучше пойти дальше и убедить посетителей в этом. На лендинге huskypark.info , который разрабатывала «Текстерра», приводятся слова клиентов из «Инстаграма» со ссылками на их аккаунты. Все честно – зайдите и убедитесь.

Демонстрация результатов

Трехмерная графика и дополненная реальность

Лендинг создан для приложения Qubi . Это игра для детей 3+ лет и взрослых. Суть игры проста. На первом шаге пользователь по предложенной схеме склеивает реальный бумажный, картонный или деревянный кубик.

Потом он устанавливает приложение, открывает его на смартфоне и «смотрит» на кубик через камеру устройства.

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

Трехмерную модель кубика можно увидеть на иллюстрации (gif).

Что хотел клиент

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

Что мы сделали

Мы реализовали трехмерность с помощью 3D-трансформаций CSS3. Переходы между гранями кубика сделаны с помощью чистого JavaScript с отслеживанием событий drag и touch. Благодаря необычным переходам между экранами у пользователя создается ощущение объемности экрана. Это особенно ярко выражено на рабочей версии посадочной страницы.

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

Лендинг полностью адаптивный.

Интерактивный выбор цветов окраски интерьера и мебели

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

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

Самая востребованная услуга – окраска мебели и предметов интерьера. На нее приходится около 80 % работ клиента.

Что хотел клиент

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

Что мы сделали

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

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

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

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

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

Необычные и обычные прелоадеры

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

Что такое прелоадер и какие задачи он решает

Прелоадер или спиннер – знак, который появляется на экране до загрузки страницы. Эти элементы вы видите ежедневно, когда пользуетесь интернетом. Ниже пример прелоадера.

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

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

Прелоадеры реализуются с помощью стандартных инструментов фронтенд-разработки: HTML, CSS, JavaScript и дополнительных библиотек и фреймворков, например, jQuery, React.

Как мы улучшаем лендинги с помощью прелоадеров

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

• Qubi

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

• Levellen

На сайте Levellen Interiors мы использовали прелоадер в виде логотипа компании. Это дополнительный элемент брендинга сайта.

На лендинге представлена информация об аренде помещений в бизнес-центре. Главный секрет посадочной страницы находится в разделе «Офисы». Здесь пользователь может посмотреть наличие свободных офисов на каждом этаже здания.

При наведении курсора на свободный офис всплывает кнопка «Подробнее».

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

Особенности реализации

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

Собственно дизайн

В этом примере нет сложных технических фишек и дизайнерских эффектов – весь лендинг вывозит красивая картинка: фон, цвета, аппетитные фотографии астраханской икры. Одностраничник astrahancaviar.ru – хороший пример того, как благодаря дизайнеру продукт хочется приобрести. И немедленно съесть!

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

Что такое 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 – это усредненный показатель заработка с одной тысячи посещений лендинга.

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

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

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

Хотите знать что такое лендинг? Я расскажу Вам об этом самыми простыми словами! Несколько лет назад ко мне пришел один клиент, и сказал: “Александр, сделай мне рекламу лудинга!”. Я немного растерялся. “Чего-чего сделать рекламу?”. “Клиент говорит”: Ну такого сайта, чтобы с него все сразу и быстро продавалось”. “Аааа- лендинга!” -догадался я. “Точно!” – сказал клиент!

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

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

Дайте мне таблеток от жадности! Да побольше! или Продажи через лендинг!

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

Например, Вы занимаетесь подготовкой Новогодних корпоративов. И конечно же считаете, что нужно как можно скорее начать продавать свои услуги. Ведь Новый год “на носу”! Можно конечно сделать многостраничный сайт. И разместить на каждой странице информацию о конкретной услуге. Ну типа там, отдельно “прокат Дедов Морозов”, отдельно “аренда Снегурочек” и отдельно “поедание новогодних подарков”. :)

Но можно сделать и просто отдельный лендинг, где указать просто: “Проведение Новогодних Корпоративов. Дед Мороз и Снегурочка в комплекте”. И это может сработать! Почему? Да потому что посетитель сайта пытается прочитать весь текст, все страницы. Часто ему не хватает терпения дочитать все Ваши конкурентные преимущества до конца. Типа “многобукав ниасилил” :).

А все почему? А потому что Вы не оставляете посетителю лендинга выбора! Один товар (или одна услуга). Два-три конкурентных преимущества. Суперская цена! Ну или якобы суперская. Главное, чтобы клиенту не пришло в голову начать сравнивать с другими предложениями. А для этого – ограничение по времени действия предложения в виде счетчика на лендинге. Ну или просто “написанное словами”!

И… Бинго! В теории посетители такого продающего лендинга должны начать выстраиваться в очередь, ожидая, пока Вы их облагодетельствуете своей услугой или соблагоизволите продать свой товар!

Первый раз в первый класс! Или что такое лендинг?

Однако на деле не все так просто! И даже качественный лендинг не гарантирует высокие продажи! Кстати, я тут уже целый параграф выше написал про лендинги! А что же такое лендинг, я та и не объяснил! А ведь обещал рассказать. Да еще и простыми словами:) Ну ладно.. Сейчас восполню этот пробел!

Обычно у далекого от интернет-реалий человека достаточно смутное понятие о лендинге. Он не знает, что такое лендинг, зато знает, что такое одностраничный сайт! Ну или одностраничник! Честно говоря, я бы всегда так и говорил своим клиентам. Одностраничник. Коротко и понятно! Однако зарубежный “лендинг” все-таки побеждает по частоте употребления. Так что будем все же называть одностраничный сайт лендингом.

Кстати, одностраничный сайт или тот же лендинг достаточно част бывает не одностраничным. А, как бы это сказать поточнее, малостраничным сайтов. Иногда создатели лендингов выносят на отдельные страницы контактную информацию или предложения по акциям. Иногда делают некий “мультилендинг”, где на 3-5 страницах продают несколько товаров. Но в любом случае, страниц не бывает больше 10. В отличие от больших “нормальных” сайтов. Где может быть и 100 страниц и больше.

Но главное отличие лендинга от “многостраничного” сайта – это формат. Я уже писал выше, что у лендинга свой особый дизайн, который “заточен” на быструю продажу товара. И этот дизайн кардинально отличается от дизайна сайта. И еще. На лендингах обычно очень мало текста, так как лендинги не предназначены для СЕО продвижения. Об этом я расскажу ниже. И большое внимание уделяется наглядной графической передаче данных. Поэтому всякие рисунки и пиктограммы на лендингах весьма в почете!

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

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

Ну не шмогла я, не шмогла! Или как лендингу выйти в топ-10?

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

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

Даже если у лендинга достаточно много страниц, продвинуть его по СЕО все равно не самая лучшая идея! Почему? Да потому что “многословный” сайт и лаконичный лендинг предназначены для совершенно разных людей. И даже если лендинг каким-либо чудесным образом “всплывет” на первой страницы поиска Яндекса или Гугла, то продаж не будет. Или будет, но мало. Почему?

• 2. Виды лендинг пейдж
• 4. Особенности landing page
  • A/B тестирование посадочной страницы
  • Как должен выглядеть продающий лендинг и что должен содержать
• 5. Налоги с лэндинг пэйджа
• 6. Заключение

Лендинг, что это такое? Многие начинающие предприниматели и люди, которые собираются что-либо продавать интересуются данным термином. Если говорить кратко, landing page является обычной интернет страницей на вашем домене, поддомене в формате по типу html/css или в другом формате. О подобных страницах мы слышали, но никогда, скорее всего, не вникали в их суть и цель.

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

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

Из этой статьи вы узнаете:

• Лэндинг что это такое;
• Какие виды лендингов бывают;
• Как создать лендинг самому и бесплатно;
• Всё про ведение бизнеса и налоги с лендинг пейджа;
• и т.д.

1. Что такое лендинг пейдж в интернете

В интернет сфере подобные странице имеют различные названия, в частности, их называют: страницами приземления, посадочные страницы, страницами захвата, одностраничными сайтами, landing page и т.д.

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

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

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

Вот несколько работ от них:

• http://olymp.winlanding.ru
• http://autogazkz.kz
• http://zub.winlanding.ru

А все портфолио winlanding можно посмотреть здесь.

Особенно выгодно использование landing page следующим организациям:

• Любым компаниям, занимающимся продажей;
• Компаниям, занимающимся оптовыми продажами;
• Лидерам MLM;
• Производителям продукции различного типа;
• Инфо-предпринимателям;
• Компаниям по продаже особо ценного, уникального товара;
• Компаниям, специализирующимся на продаже обучающих программ;
• Туристическим фирмам;
• СПА-салонам, фитнес-клубам.

Идеальный пример ЛЕНДИНГА

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

Основная цель таких страниц, как уже упоминалось, побудить к целевому действию:

• Подать заявку на получении бесплатной консультации;
• Приобрести товар;
• Подать заявку на осуществление разнообразных подсчетов (расчетов);
• Подписаться на какую-либо рассылку;
• Зарегистрироваться на участие в акции;
• Подать заявку на получение прайса;
• И еще масса разных вариантов…

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

2. Виды лендинг пейдж

Существует четыре разновидности «продающей страницы»:

1. Long page : лендинг пейдж – является длинной страницей приземления. Именно такие типы лендинговых страниц превалируют в интернете.
2. Short : лендинг пейдж – это короткая страница приземления. Ее функция чаще всего заключается в перенаправлении для сбора электронных адресов и увеличение базы подписчиков.
3. One step : лендинг пейдж – является одношаговой страницой;
4. Two step : лендинг пейдж – такая страница, соответственно, является двух шаговой. Суть страницы заключается в том, что на one step странице подогревается интерес клиента, а на two step странице происходит непосредственное оформление необходимого действия.

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

Примеры конверсий, в области туристических услуг (популярная и востребованная сфера бизнеса) уровень конверсии в 9-14% является хорошим показателем, а вот в сфере продаж элитных авто, конверсия на уровне 4-14%, не просто хороший, а отличный показатель конверсии в лендинг пейдже.

Минимальная конверсия лендинг пейдж, как правило, колеблется в пределах 1-4%, но не превышает уровня 30-45%. На практике достижение конверсии 25-30% является хорошим показателем.

Неплохой конверсией считается 5-10%. В случае инфобизнеса, конверсия может достигать уровня 25% - 30%.

К ним можно отнести следующие:

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

Средней конверсии не существует. Это связано с тем, что конверсия напрямую зависит от трех вещей:

1. Непосредственное качество вашей посадочной страницы лендинг пейдж;
2. Качество трафика, посаженное на соответствующую страницу;
3. Особенности бизнеса, уровень конкуренции.

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

3. Как создать лендинг пейдж бесплатно

Представляем популярные сервисы, где можно cоздать одностраничник (landing page) бесплатно:

1. www.setup.ru ;
2. landingi.ru ;
3. ru.wix.com ;
4. lpgenerator.ru ;
5. фриланс сайты - где за 1500-2000 рублей фрилансеры сделают вам landing под заказ.

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

Идеальная «посадочная страница - landing page» - видео

Алгоритм создания Landing Page - видео

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

4. Особенности landing page

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