Сайт о телевидении

Сайт о телевидении

» » Что такое лендинг пейдж? Как создать лендинг пейдж? Верстаем landing page во Вконтакте

Что такое лендинг пейдж? Как создать лендинг пейдж? Верстаем landing page во Вконтакте

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

Что такое Landing page?

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

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

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

Новая статья:

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

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

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

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

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

2. Продать

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

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

Чтобы создать лендинг Вконтакте, вам нужно сначала создать его в Adobe Photoshop. Без знаний этой программы у вас этого сделать не получится, так что советую ее изучать. Потренируйтесь на моем файле , скачайте его себе на компьютер, откройте в Photoshop. По ширине файл должен быть равен 607 пикселям, как и wiki-страница Вконтакте, потому что располагать его мы будем именно там.

Инструментом Slice Tool нарезаем готовый лендинг на кусочки, сохраняем нужные кусочки выбрав их с зажатой кнопкой Shift «Save for web» → «Selected Slices», и загружаем их на новую wiki-страницу Вконтакте в нужной последовательности. В режиме «wiki-разметки» к коду фотографий добавляем тэги;nopadding;nolink| , чтобы между ними не оставалось пробелов и ссылка на картинку была не активна.

Чтобы при клике на видео в лендинге Вконтакте у вас открывалось видео, нужно заранее в Photoshop отрезать его от других блоков и загрузить отдельным изображением. Затем, в режиме «wiki-разметки» вместо тега nolink| вставляем ссылку на то видео Вконтакте, которое будет открываться при клике на картинку. Редактируйте код аккуратно, чтобы ничего не пропадало.
Таким же образом создаем ссылки на все что угодно.

Если нам нужно сделать три ссылки стоящие рядом горизонтально, мы также нарезаем эти изображения, и загружаем на вики страницу. Здесь важно прописать им правильные размеры. Размер каждой картинки вы определяете еще в Photoshop, в сумме по ширине они должны составлять 607 пикселей. Загруженные картинки располагаются подряд вертикально, чтобы расположить их горизонтально на одном уровне, в режиме «wiki-разметки» вы располагаете их в одну строчку, не забыв добавить тэг nopadding а вместо nolink| необходимую ссылку.

Задание

Скачать файл 607-wiki-lp.psd и сделать из этого файла лэндинг вконтакте. Можно также сделать лэндинг по своей тематике.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Случай раз.

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

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

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

Случай два.

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

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

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

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

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

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

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

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

Что такое landing page? Это страница в Интернете на Вашем домене или поддомене в формате html/CSS или других.

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

Как отличить такую страницу? На ней нет сложной навигации, больших пластов текста, мигающих баннеров и лишних меню.

В Интернете Вы наверняка встречали разные названия landing page - страница приземления, страница захвата, одностраничный сайт, лендинг пейдж и т.д.

Этот инструмент способен продавать на 10–30% эффективнее, чем обычный сайт или интернет-магазин.

Пример одной из наших работ

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

Благодаря жесткой борьбе на рынке и был создан новый формат сайта - l .

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

Кому подходит одностраничный сайт landing page:

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

Фактически, посадочная страница подойдет для продвижения практически любого продукта или услуги.

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

  • Заявка на бесплатную консультацию
  • Заявка на просчёт чего-либо
  • Заявка на покупку товара
  • «Забронировать место»
  • «Подписаться на рассылку»
  • «Принять участие в акции»
  • «Скачать прайс»
  • И многое другое

Существует четыре вида таких страниц:

  1. Long landing page - длинная страница приземления, самый распространенный формат
  2. Short landing page - короткий одностраничник, который чаще всего направлен на сбор email-адресов и увеличение подписной базы
  3. Оne step landing page - одношаговая лендинг пейдж
  4. Two steps landing page - двухшаговые лендинг пейдж. На первой странице мы подогреваем интерес, а уже на второй призываем к действию

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

Как измерить эффективность landing page?

Существует только один объективный показатель для измерения эффективности созданной страницы захвата. Речь идет о конверсии.

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

Средняя конверсия посадочной страницы в Интернете

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

  1. Качество landing page
  2. Качество трафика, который Вы «сажаете» на эту страницу
  3. Бизнес-ниша
  4. Конкуренция на рынке

Пример, того как это выглядит

Наглядный пример. В нише туризма конверсия в 8-13% считается абсолютно нормальной, а вот продажа элитных шуб, как товар для клиентов с более высокой покупательской способностью - совсем другая история. Там показатель в 5-10% - отличный, просто «вау»-показатель.

Как правило, конверсия колеблется от 2-3% до 35-40%. В нашей практике мы достигали показателей в 23-27%.

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

landing page - что это ? Если Вы еще не совсем поняли, то предлагаю несколько примеров в видеоформате:


P.S. Напишите в комментариях, как Вы понимаете, что такое лендинг пейдж?

Итак, что же такое лендинг пейдж? Делаем вывод на основе 4-летнего опыта работы Uni Consulting

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

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

  • Целевая страница
  • Одностраничный сайт
  • Продающий сайт
  • Лендинг пейдж
  • Продающая страница
  • Страница приземления
  • Страница захвата

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

Примеры наших посадочных страниц

1. Открытие виз в Великобританию

2. Инновационная кровать-трансформер


3. Клининговые услуги в Киеве

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

Так, например, продающий сайт по визам стабильно приносит клиенту 5-7% конверсии.

Как определить, нужна ли Вам продающая страница?

  1. Вы чувствуете, что в бизнесе «застой», продажи не растут, заявок через Интернет не прибавляется.
  2. Вам нужно быстро и эффективно привлечь клиентов в свой бизнес.
  3. Вы хотите выделить один из сегментов своего бизнеса и улучшить его.
  4. Вы пускали рекламу на свою старую страницу и не довольны результатом: заявок нет, а деньги потрачены.
  5. Вы хотите поднять уровень продаж в Интернете.

Эти пять «симптомов» говорят об одном: Вам нужна страница приземления, и Вы находитесь в правильном месте и в нужное время!

Итак, Вы решили создать landing page, но с чего начать, куда идти?

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

Сейчас Вас ждет удивительное погружение в нашу среду, в «креативный котел», в котором мы варимся уже более 4-х лет. Вас ждет МНОГО полезного и интересного контента.

Ну что, поехали?

Что важно знать, если Вы решили заказать лендинг пейдж

1. Важно, какими силами Вы будете это делать.

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

Заказать на фрилансе

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

Ниже несколько плюсов и минусов при заказе страницы захвата на фрилансе.

Плюсы:

  • Цена.Это, пожалуй, дешевле всего. Более доступно только сделать сайт самому
  • Скорость. Это быстрее, чем создавать сайт в большой веб-студии
  • Человеческий фактор. Вы можете выбрать тех людей, с которыми хотите работать

Минусы:

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

Пример сетки, сохраните себе, чтобы показать дизайнеру или подрядчику:

  • Сроки и нервы. Как ни крути, репутация у фрилансеров откровенно не очень: «заболел хомячок», «рожает кошка», «умерла двоюродная прабабушка», а дедлайны-то горят…
  • Непрофессионализм. Как правило, даже хороший дизайнер/верстальщик/копирайтер может не знать, как происходит весь процесс. Он не учитывает множество мелочей, которые принимаются за аксиому командой.

Сделать самостоятельно

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

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


Веб-студия

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

Кстати, часть наших ребят как раз в Киеве ☺

Начнем с минусов:

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

Плюсы:

  • Качество и гарантии. Опять же, если студия серьезная, то она может дать хотя бы примерный прогноз и предоставить конкретные гарантии
  • Профессионализм. У нас в рабочей группе участвует от 4-х до 7 человек. Группа может состоять из маркетолога, дизайнера, копирайтера, специалиста по прототипам, проджект-менеджера, программиста, верстальщика, руководителя (проводит аудит) и так далее
  • Соблюдение сроков. Опять же, буду говорить на нашем примере. После того, как проект заходит в Uni, мы разбиваем его на этапы. «Режем слона по кусочкам», после чего раскидываем задачи по отделам.
  • Конверсия. Самое главное - это то, что продукт на порядок качественнее и приносит гораздо больше лидов, чем другие варианты.

Вот пример одной из наших работ:

Продажа косметологических услуг в Киеве


Кстати на эту тему советую посмотреть мое закрытое видео о том, кому можно доверить создание landing page:

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

2. Понимание этапов создания лендинга

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

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

Вот какие этапы мы проходим с клиентами при разработке посадочной страницы:

1. Общее знакомство с клиентом и его бизнесом, заполнение брифа.

  • 2. Анализ
  • 2.1 Анализ рынка
  • 2.3 Анализ бизнеса клиента
  • 2.4 Анализ запросов в сети
  • 2.5 Анализ сезонности
  • 3. Создание структуры и концепции
  • 4. Написание продающего текста
  • 6. Утверждение прототипа
  • 8. Утверждение дизайна
  • 9. Вёрстка и программинг
  • 10. Утверждение проекта

Сейчас часть из Вас подумает: «Да ну его, это же наверняка занимает полгода!»

По факту, со стороны заказчика это выглядит так:

  • 1. Со мной познакомились
  • 2. Мне задали кучу вопросов
  • 3. Я утвердил черно-белую картинку сайта
  • 4. Я утвердил дизайн landing page
  • 5. Я утвердил верстку

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

Одна из наших работ:

Курсы польского языка в Кракове

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

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

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

В анализе мы сформировали следующие этапы:

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

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

Изучение внутренних процессов в бизнесе заказчика, особенностей и перспектив роста.

Составление общей семантики на основе Wordstat.Yandex и Google Keywords Planner. Позволяет создавать 100% релевантный контент.

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

1. Анализ рынка - общий обзор того, что есть на рынке, в том числе, западных кейсов

Вот несколько сайтов, которые мы используем для такого анализа:
  • www.behance.net - крутейший сервис для дизайнеров. Лично я «зависаю» на нем каждый раз, когда мне нужно собрать идеи
  • ru.pinterest.com - не менее полезный сервис. Он немного шире по тематике и для меня не так удобен, но такой же «идейный»
  • dribbble.com - еще одно вдохновляющее место

Профильные сайты:

  • awwwards.com - вдохновляющий сервис для дизайнеров, копирайтеров и просто для вдохновения
  • onepagelove.com - сайт, специализированный на лендинг пейдж
  • land-book.com - все сказано в названии: «Книга о landing page»
  • www.cssawds.com - веб-новости и вдохновляющие сайты на любой вкус
  • www.csswinner.com/ - постоянно пополняющийся банк макетов, за которые голосуют пользователи
  • www.cssdesignawards.com/ - еще одно вдохновляющее место для IT-специалистов
  • www.ratingruneta.ru/ - веб-новости и рейтинги, которые показывают «что хорошо, а что плохо»
  • www.bestwebgallery.com/ - большая галерея с идеями в разных бизнес-нишах
  • www.landingfolio.com/ - большое портфолио с лендингами на любой вкус

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

2. Анализ конкурентов

Мы с Вами объективно понимаем, что конкуренты «строят погоду», и если завтра Ваш соперник сделает скидку на 30% больше, то каким бы крутым не был Ваш сайт - Вы пролетите.

Что делаем:

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

Вот пример:

Анализ конкурентов в Интернете от Uni Consulting - нажмите «Скачать»

Если в целом, то мы смотрим на качество сайта, на его УТП, дизайн, фишки, и т.д.

Кстати, вот полезная презентация на тему ценообразования и эффективной продажи товаров или услуг:

3. Анализ бизнеса клиента

Чаще всего происходит на этапе заполнения брифа.

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

  • Какая наценка на товар/услугу (позволит высчитать ROI в будущем);
  • сколько товаров в ассортименте;
  • какой алгоритм работы с клиентом;
  • и т.д.

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

4. Анализ запросов в сети

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

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

5. Анализ сезонности

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

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

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

Кто-то скажет: «Да это же и так понятно!»

Я могу сказать, что это далеко не всегда так.

Что нужно сделать по шагам:
1. Заходим сюда: https://www.google.ru/trends/

2. Вбиваем запрос (желательно, самый частотный и простой)

3. Получаем результат, например, как тут:

6. Анализ целевой аудитории

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

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

Вы еще тут?Тогда мы продолжаем!

  • Концепцию страницы (цвета, стилистика, фишки, акценты, структура лендинга и так далее);
  • продающий текст;
  • собственно, сам прототип.

Вот несколько примеров того, как мы это делаем:

Прототип компании «Панорама 44» (продажа недвижимости):

Продаже итальянского белья:

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

Важно! С нашей точки зрения прототипирование в лендинг пейдж - самый главный этап в его создании.

Почему? По сути, на этом этапе все уже готово: - это уже готовый сайт, который просто нужно «раскрасить» и заверстать.

Вот на что важно обратить внимание:

1. Создание концепции landing page, блоков которые должны в нём присутствовать и УТП. На основании анализа мы принимаем решение, какие блоки и в какой подаче должны быть на landing page.

2. Неподробный прототип или разбивка прототипа по блокам.

3. Продуманные акции и УТП для landing page

4. Классный продающий текст

Дизайн лендинг пейдж

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

Вот несколько советов с точки зрения маркетинг-дизайна:

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

Теперь, несколько советов, связанных с технической стороной дизайна:

  • 1. Подписывайте картинки на английском языке и в правильном для Вас расширении.
  • 2. Раскладывайте файлы в макете по папкам и подпапкам.
  • 3. Делайте маркировки.
  • 4. Используем шрифты от Google/стандартные или прикрепляйте шрифт для верстальщика.
  • 5.Делаем отдельный документ с ховерами (при наведении) и попап-окнами.
  • 6. Размерная сетка Bootstrap - следите, чтобы всё было по ней.

Чуть больше о размерной сетке бутстрап под адаптивный дизайн (просто для общего развития): http://bootstrap-ru.com/scaffolding.php

Важно! Высота блоков/разворотов должна быть максимум 750 px.

Фух, думаю, что для начала хватит.

На закуску еще несколько шедевров от команды Uni Consulting.

Продажа мобильных офисов в Киеве:

Эксклюзивные платья, несколько разворотов:

Знаменитый GoPro. Дизайн, которому уже больше трех лет, но он все еще актуален:


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

Сразу скажу, что технических моментов здесь очень много.

Тут и адаптивная верстка, и валидация форм и так далее.

Важные подсказки:

Финал разработки целевой страницы

Дальше - самый сок: реклама, трафик, A/B тесты, аналитика, воронки и много чего интересного и вкусного, но в этой статье мы говорим именно об основах, которые важно знать. То, что связано с рекламой и аналитикой мы вынесем в одну из следующих статей.

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

Как отследить эффективность лендинг пейдж?

Естественно, каждый из нас создает одностраничник ради результата. Результатом целевой страницы является % конверсии, которую она дает и качество заявок, которые приходят с сайта.

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

Как отследить конверсию на landing page?

Существует несколько способов: часть из них ручная, часть - автоматизированная:

1. Настройка целей в системах аналитики (мы пользуемся классикой: Яндекс.Метрикой и Google Analytics)

Есть два типа целей, с которыми мы работаем в рамках лендинг пейдж. Первый - цель на страницу. Например, мы говорим системе, что каждый, кто достиг Thank You Page выполнил цель.

Чаще всего работаем именно так.

Вот пример, как это реализовано со стороны пользователя:

1) Я оставляю заявку на лендинге

2) Меня перекидывает на страницу благодарности

Обратите внимание, что меняется url-адрес, это важно!

Вот как это выглядит с точки зрения аналитики (пример из Яндекс.Метрики):

2. Сбор ручной статистики по заявкам

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

Вот как мы это делаем для наших клиентов на профессиональном уровне:

Например, менеджер по холодным звонкам сделал 100 звонков. Встреча была назначена 10-ти людям. Соответственно, конверсия составила 10% (10 разделить на 100 и умножить на 100).

От чего зависит конверсия в лендинг пейдж

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

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

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

В глобальном смысле на конверсию landing page влияет следующее:

  • 1. Ситуация на рынке и у конкурентов
  • 2. Ваша бизнес-среда, ниша, ситуация в стране
  • 3. Ваше УТП
  • 4. Собственно, сама страница приземления, ее подача, дизайн, маркетинг.

Заключение и приятные бонусы

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

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

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

  • 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://verserb1.bget.ru/dom
  • 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 не должна размещаться реклама, она и так является рекламой ваших услуг и товаров.
  • На лендинг пейдж не должна размещаться лишняя информация, которая не относится к продаваемому товару или услуги.
  • Посадочная страница должна иметь определенную структуру: рекламный текст , картинки , минимальная навигация страницы ,