Лендінг Пейдж

Лендинг — что это такое простыми словами? Понятный обзор для «чайников». 11 секретов продающего landing page.

Куда не плюнь, везде лендинги. И это неудивительно, ведь многие предприниматели успешно используют их для повышения продаж. Но в некоторых случаях landing page становится источником пустой траты денег. Мало того, что стоимость разработки кусается. Так еще и на привлечение клиентов нужно потратиться…

За 5 лет управления веб-студией я повидала многое. И эффективные landing page, и убыточные. Все дело в том, что многие предприниматели плохо понимают суть этого инструмента и неправильно его применяют.

Здесь мы разберемся с тем, лендинг — что это такое простыми словами и для чего он нужен. После прочтения, вы оцените, насколько одностраничник вам подходит. Это позволит уберечь себя от лишних растрат или наоборот инвестировать в инструмент для получения прибыли. Поехали!

Оглавление:

Лендинг — что это такое простыми словами?

Лендинг — это одностраничный сайт (всего 1 страница), ориентированный на продвижение конкретного типа товара или услуги. Основная задача такого ресурса — побудить посетителя к выполнению целевого действия.

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

  • От обычного сайта и сайта-визитки лендинг отличается особой структурой. Он является концентратом маркетинговых хитростей.

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

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

Базовые понятия о лендинге:

  • Это одностраничный сайт (да, всего 1 страница). У пользователя нет возможности углубляться в разделы и подразделы.
  • Лендинг является концентратом маркетинговых хитростей. Каждый блок играет определенную роль и стоит на определенном месте.
  • Посадочная страница используется для продвижения 1 конкретного вида товаров и услуг.
  • Лендинг размещается в интернете (как обычный сайт). Человек может попасть на него, кликнув по ссылке.
  • Попадая на лендинг, клиент находит именно то, что ищет. Точное соответствие запросу обеспечивается благодаря узкой специфике ресурса.

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

Цели и задачи лендинга

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

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

  • Landing page доказали свою эффективность в рамках проведения рекламных кампаний. Именно поэтому 60% организаций в сфере B2B используют посадочные страницы.

Лендинги используются при проведении рекламных кампаний:

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

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

  • Landing page — это ваш личный онлайн-маркетолог, который работает 24 часа в сутки, описывая все достоинства вашего бизнеса.

Виды лендингов

Предлагаем рассмотреть на примере, что такое landing page и какие посадочные страницы активно используются маркетологами в сегментах B2B (бизнес для бизнеса) и B2C (бизнес для конечного клиента).

Click-through Page

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

Лидогенерирующая страница

Это самый популярный тип landing page с более сложной структурой и дизайном. Такой лендинг рассчитан на глубокую коммуникацию с клиентом. На нем есть форма заявки и CTA-элементы (кнопки).

Squeeze Page

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

Продающая страница

Целевые страницы, предназначенные для прямой продажи товара. Длина такого лендинга зависит от того, насколько детально нужно раскрыть пользователю суть продукта и отстроиться от конкурентов. На нем есть кнопки «Заказать прямо сейчас».

Что такое УТП на лендинге?

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

Составлять такой заголовок (оффер) рекомендуется по специальной технологии 4U, отражающей:

  • Уникальность;
  • Ультраспецифичность;
  • Срочность;
  • Полезность Вашего предложения.

Многие предприниматели часто совершают ошибку, разрабатывая 1 лендинг под несколько УТП. Таким образом они пытаются сэкономить. Но, как известно, скупой платит дважды. Это выливается в пустую трату средств на рекламу. Посетители есть, а заявок нет. Почему так? Все просто, происходит расфокусировка внимания клиента. Он пришел по запросу «пластиковые окна», а ему предлагают еще и «межкомнатные двери» посмотреть, а напоследок закусить «яркими шторами индивидуального пошива». Так делать нельзя.

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

Как работает лендинг?

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

Рассмотрим, как же все-таки работают такие лендинги:

  1. Посетитель вводит запрос в поисковой строке Яндекс или Google , после чего попадает на страницу захвата (landing page). Для этого предварительно нужно настроить контекстную рекламу или произвести seo-продвижение.
  2. После приземления на страницу захвата потенциальный клиент последовательно получает необходимую информацию. Для этого маркетолог разрабатывает специальный сценарий взаимодействия с лендингом.
  3. После того, как заказчик изучил информацию, он принимает решение — оставить заявку или закрыть посадочную страницу и продолжить поиски. Это во многом зависит от ценности самого предложения, конкурентности бизнес-ниши, стоимости товара или услуги, уровня доверия к компании, качества самого лендинга и прочих факторов.

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

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

Что такое конверсия?

Представьте, что на ваш лендинг зашло 100 человек и 10 из них оставили заявку. В данном случае конверсия составит 10%. Если всего один человек оставил заявку — 1%, и так далее.

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

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

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

  • Важно: по статистике, конверсия лендинга в 1,5-2 раза выше, чем конверсия сайта. Это связано со многими факторами, в том числе точным соответствием поисковому запросу, простотой взаимодействия и продающей структурой.

Продающая структура лендинга

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

Заголовок, или оффер

Как описывалось выше, заголовок, также известный как оффер или УТП, отражает суть вашего предложения. Это собственно то, для чего создавался лендинг. Чем сочнее и интересней оффер, тем выше вовлеченность клиентов в изучение лендинга и тем выше конверсия.

Блок — «Описание услуги»

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

Блок — Описание преимуществ»

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

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

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

Блок — «Схема работы»

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

Блок — «Доверие»

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

  • Отзывы и награды.
  • Кейсы.
  • Реальные фото (команды, процесса производства, товара и пр.)

Блок — «Мы в цифрах»

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

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

Блок — «Гарантии»

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

Блок — «Сравнение»

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

Блок — «Последствия»

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

Блок — «Боли клиента»

Все реже встречается на лендинге. Все дело в том, что маркетологи так часто стали использовать боли клиентов, что это порой вызывает смех. У вас болят зубы? Вам плохо, но вы хотите сэкономить? Ждем вас в стоматологической клинике «Березка», где неопытные врачи вырвут вам зуб на 30% дешевле. Смех, да и только. Используйте боли правильно.

Блок — «Форма заявки»

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

  • Важно: категорически запрещено призывать клиента оставить заявку. Да, вы не ошиблись. Посудите сами, почему клиент должен вам оставить свои контактные данные просто так? Предложите ему что-то взамен: бесплатную консультацию или расчет стоимости. Также можно использовать различные усилители предложения, такие как лид-магнит и акции, но об этом поговорим позже.

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

ТОП-3 ошибки использования лендинга

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

В каких случаях landing page убыточен?

  • Разработка 1-го лендинга осуществляется сразу под несколько видов товаров и услуг. Как-правило, это делается с целью экономии, но является грубейшей ошибкой. В данном случае происходит расфокусировка внимания клиента и конверсия падает в 2-3 раза.
  • Отсутствие УТП (уникального торгового предложения) и позиционирования компании на рынке. Лендинг эффективен в том случае, если у вас действительно есть конкурентные преимущества, ваш товар или услуга действительно качественные и приносят пользу клиентам. Предварительно проанализируйте свой бизнес, подумайте, чем вы отличаетесь от конкурентов. Это очень важно.
  • Отсутствие средств на контекстную рекламу или seo-продвижение. Если на посадочную страницу не будут заходить люди, то и конверсии, соответственно не будет. Нет смысла делать landing page без выделенного бюджета на рекламную кампанию.

Вы дочитали до конца! И это прекрасно…

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

Хотите получать полезную информацию в сфере маркетинга?

Вступайте в нашу группу Вконтакте (откроется в новой вкладке).

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

Лендинг — что это такое простыми словами и 12 советов по созданию landing page в примерах

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Сегодня мы поговорим о такой важной вещи как посадочная страница, которую очень часто на буржуйский манер называют лендинг пейдж (от английского landing page — целевая страница). Что же это такое и почему это так важно?

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

Что такое лендинг пейдж и почему это так важно

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

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

А это очень важный момент, который может существенно повысить конверсию (количество покупок или регистраций), ибо landing page призваны максимально эффективно подводить пользователя к выполнению целевого действия. Если вы со всех рекламных объявлений будете направлять посетителей, например, на главную страницу сайта, то можете катастрофически снизить конверсию и вылететь в трубу.

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

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

Читайте также:  Как улучшить акустику в домашнем кинотеатре, используя curve system – новая линейка acoustic geometry от американской фирмы asi

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

Примеры лендингов

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

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

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

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

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

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

    1. Каждый лендинг должен быть заточен только под одно целевое (конверсионное) действие — либо подписка, либо продажи. Не надо жадничать, ибо внимание пользователя будет рассеяно и сильно увеличится вероятность его ухода (так ничего и не выбрав из предложенных вариантов). Лучше как можно меньше заставлять клиентов думать и выбирать — путь конверсионной воронки на landing page должен быть прямым как стрела (очевидным для него) и без каких-либо ответвлений.
    2. На посадочной странице обязательно должен присутствовать призыв к действию (с глаголами в повелительном наклонении — позвони, купи, получи, приди и т.п.). Фразы должны быть короткими и мотивирующими. Например, «купите сейчас», «получить видеокурс» или «подпишись и получи».

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

    Иногда очень неплохо работают анимированные кнопки (но в любом случае нужно будет проводить тестирование эффективности тех или иных элементов лендинг пейджа):

    Большее количество полей может существенно снизить конверсию (что это такое?). К тому же добавление полей для ввода телефона или адреса вызывает у пользователей настороженность и может привести к отказу от целевого действия.
    В статье про SEO оптимизацию текстов я упоминал, что пользователи в интернете тексты не читают — они их просматривают. И самым важным в этом плане является заголовок. Если его нет (или он не выделен соответствующим образом), то это очень сильно снизит конверсию. На лендингах заголовки должны быть обязательно цепляющими, чтобы пользователь склонился к дальнейшему чтению или сразу к свершению конверсионного действию (подписке, заказу, звонку).

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

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

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

    Примеры ошибок делающих landing нерабочим

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

    1. Еще раз напоминаю, что в интернете практически никто не читает (во всяком случае вновь открытую страницу), а именно просматривает информацию. Если она окажется действительно стоящей и требующей более детального изучения, то тогда уже доходит дело и до прочтения (в общем-то, так же как и с газетами). Поэтому не допускайте перегруженности лендинга информацией — это может дезориентировать пользователя и вызвать реакцию отторжения еще до того момента, когда он разберется о чем там идет речь.
    2. Текст должен быть небольшого объема, максимально лаконичен и наполнен информацией, а не водой. Пару абзацев «ни о чем» вызовут у пользователя бурное желание закрыть такую посадочную страницу. На landing page также плохо работает мелкий шрифт. В общем-то, его использование и не нужно, ибо для изложения сути много слов не потребуется.
    3. Не обманывайте ожидания пользователя. Если в рекламе или в посте в социальной сети вы говорили об одном, а при попадании на лендинг пользователь видит несколько другое, то происходит утрата доверия и резко снижается конверсия. Очень важно следить за этим соответствием.

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

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

    У вас есть еще немного времени? Хотите его провести с пользой? Тогда берите попкорн, садитесь поудобнее и смотрите двухчасовой мастер-класс «Пошаговый алгоритм создания Landing Page»:

    25 примеров крутого оформления лендинга

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

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

    Сегмент авиакомпаний

    «Однажды далёкой-далёкой галактике. » Мечтали покорить космические дали? S7 предлагает осуществить мечту, добавляя некую свою изюминку. Запоминающийся лендинг, в котором красиво оформленная космическая тематика подана с толикой юмора — и все на одной странице. Советуем ознакомиться — не пожалеете!

    Сегмент E-commerce

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

    Что тут еще добавить — хорошее фото всегда «решает»:

    Уникальная графика выделяет сайт на фоне конкурентов. Продукт ярко и сочно выглядит на черном фоне — сразу хочется отведать экзотических фруктов. Заголовок — простой и понятный — ничего лишнего.

    Несомненный плюс — проиллюстрирован процесс заказа:

    Как можно обойтись без котиков в интернете? Эта страница выделяется не только дизайном, но и классным текстом, который бьёт точно в ЦА. Копирайтер постарался: текст органичный и без перебора с «ми-ми-ми» — словом, браво! Хозяева домашних хищников, думаем, оценили подачу.

    Сегмент электронной техники

    «Дизайн должен быть функциональным» — на это и ориентировались специалисты Apple при создании гаджетов. Так и здесь — ничего лишнего, только самое главное.

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

    7. «Топ за свои деньги!» — https://www.mi.com/ru/

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

    Сфера услуг

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

    Юзабилити страницы — отличное: сразу после просмотра ролика вам предлагают скачать приложение в AppStore и Play Market.

    Минимум текста — только основная информация. Несомненный плюс — формат F.A.Q., пользователь сразу видит ответы на все вопросы:

    Финансовые продукты и страхование

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

    Понятная визуализация тарифов:

    Строительный сегмент

    Так сложилось, что строительные компании не экономят на хороших digital-проектах. Красивая js-анимация, калькуляторы, дизайн проекты — всё привлекает клиента и удерживает на странице.

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

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

    Офлайн-услуги

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

    Меню в верхней части закреплено и сопровождает вас при скролле.

    В блоках оптимальное количество текста, красивая графика — словом, лаконичное оформление очень к месту.

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

    Скидочное предложение и меню расчета стоимость преследуют вас все время: на первом, втором и даже третьем экранах.

    Ну купите: цена сразу со скидкой.

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

    Фотооборудование

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

    Чёткая картинка со вкусом. Смотришь — и не можешь оторваться, сайт классный по всем параметрам.

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

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

    Связь

    Чем проще — тем лучше. Здесь это правило отработало на все сто. «Лёгкий» дизайн, информация подана ненавязчиво — словом, смотреть приятно и интересно.

    Понятный блок с дополнительными опциями — разберется любой:

    18. «Поздравляем, Вы нашли ещё одну рекламу YOTA» — https://www.yota.ru/#promo

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

    HR-сфера

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

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

    Модно, молодежно, хайпово

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

    Иронии — хоть отбавляй, хватит еще на несколько текстов. Хоть страница и специфическая, не показать ее публике — грех.

    Главная идея: мемы, больше мемов. Каждая «картинка с надписью» круто обыграна, хочется смотреть ещё и ещё.

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

    Сладости на десерт

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

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

    Идеальная Landing Page — 10 обязательных составляющих. Проверьте свою!

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

    Все мы знаем, что лучше один раз увидеть, чем 100 раз… Поэтому рассмотрим пример. Сегодня под разбор попал лендинг с индивидуальной проработкой для изыскательской компании “Гектар Групп”. Кстати, крутые ребята, если что… Посмотреть лендос можно на нашем тестовом сервере по ссылке.

    Эта статья будет полезна тем, кто собирается делать лендинг, и тем, у кого есть лендинг, но он хочет улучшить его “продающесть”. Время прочтения — 7 минут.

    Идеальная продающая структура LP, какая она?

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

    Но есть принципы, которые остаются неизменными.

    Первый экран — УТП

    Уникальное торговое предложение (УТП) — то, что вы хотите донести и закрепить в сознании клиента. То, чем вы отличаетесь от конкурентов. То, почему стоит купить у вас. То, ради чего вы создаете лендинг, в конце концов.

    Нет УТП — значит нет “изюминки”. Значит, вы — такие как все. Значит и лендинг будет похож на сотни таких же безликих одностраничников с “Индивидуальным подходом” и “Гарантией качества”. А чтобы этого не произошло, внимательно и ответственно заполняйте бриф с наводящими вопросами (в самом начале разработки). Но это уже история другой статьи.

    Итак, первый экран — УТП. Запомнили, едем дальше.

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

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

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

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

    Многократно подтверждено, что конверсия такого LP в РАЗЫ ниже. И это логично. Задумайтесь, рациональна ли такая экономия.

    Однако если в рамках одной услуги у вас есть 1-3 под услуги, смело ставьте их. И не забудьте добавить кнопки [Подробнее]. Пусть клиент выбирает.

    Блоки — самые крутые выгоды

    Помните, мы смотрели чуть выше блок Выгод. Ну там, где 4-6 штук в виде небольших буллетов (абзацев) на одной страничке.

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

    Если оно реально крутое, чего на нем экономить место.

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

    Я думаю, смысл понятен. Поехали дальше.

    Блок — Схема работы

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

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

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

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

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

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

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

    Ну а теперь немного поболтаем…

    Для разработки индивидуального проекта требуется глубокое погружение в бизнес (изучение процессов) с целью:

    • Отстройки от конкурентов
    • Формирования УТП
    • Создания эффективной структуры LP (для конкретного бизнеса)
    • Правильной подачи смыслов
    • Выявления и закрытия болей клиентов.

    Напоминаю, что структура LP будет различной в каждом конкретном случае. Над ней работает маркетолог. Далее копирайтер пишет текст с использованием различных технологий маркетинга (ХПВ, AIDA) и пр.

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

    Таким образом, над разработкой работают:

    • Маркетолог
    • Копирайтер
    • Дизайнер
    • Верстальщик, программист
    • Аккаунт-менеджер (который согласовывает каждый этап с вами)

    На стоимость лендинга также напрямую влияют:

    • Объем одностраничника
    • Текущее состояние маркетинга компании и требуемая глубина погружения в бизнес
    • Требования к дизайну (количество правок)

    А что такое шаблонный лендинг?

    Большинство фрилансеров и микростудий выгружают готовые шаблоны LP без проработки структуры, заказывают текст “подешевле” у коллег-фрилансеров, загружают картинки и вуа-ля лендинг готов. Только вот чего-то не продает 🙁

    В Digital-агентстве Клиенты Здесь мы поступаем несколько иначе. Для клиентов с ограниченным бюджетом есть уникальный продукт — шаблонный лендинг с маркетинговой проработкой. В ближайшее время я расскажу о нем подробнее в видео на сайте.

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

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

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

    А кто она такая? Все время говорит про лендинги.

    Меня зовут Юлия Чмыхало, я — руководитель Digital-агентства “Клиенты Здесь” (4 года на рынке). В прошлом — ведущий копирайтер компании LPgenerator и по совместительству маркетолог.

    Лично создала структуру и текст для > 450 лендингов и продолжаю это делать. Консультирую владельцев бизнеса по стратегии продвижения в онлайне.

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

    Материал опубликован пользователем.
    Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

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

    Но опять же все индивидуально по нишам.

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

    В итоге одноэкранный сайт чаще будет дешевле и эффективнее.

    18 примеров лендингов с интересным дизайном и необычными фишками

    Время чтения: 14 минут Нет времени читать? Нет времени?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Параллакс-эффект

    Параллакс-скроллинг – особый эффект, благодаря которому фоновые изображения двигаются чуть медленнее, чем те, что расположены на переднем плане. Вот как на сайте valenkivodka.com. Проскролльте лендинг – бутылка водки будет следовать за вами сверху вниз, медленно перемещаясь. Волшебные пузырьки по всему фону заставляют вспомнить о щедром новогоднем застолье. Душевно получилось!

    Анимация

    Вообще, у анимации функций много. Движущиеся картинки и предметы привлекают и удерживают внимание пользователя, направляют его взгляд на самые важные элементы лендинга (кнопку СТА, таймер, виджет и так далее), частично заменяют текст. Один из примеров – на сайте madwell.com. Пройдите по ссылке – цепочки двигаются. И мало того что двигаются – слушаются каждого движения мышки.

    Внимание, вопрос: какую функцию выполняет эта анимация? Ответить можно в комментариях к статье.

    Иллюстрации

    Не будем говорить банальности: авторские иллюстрации способны оживить самый тухлый шаблонный лендинг, это все знают. Важно, чтобы рисунки отвечали тематике лендинга и ожиданиям его целевой аудитории. Смотрите: на сайте полезного детского питания marcandfisa.com картинки стилизованы под детские рисунки. Точное попадание в ЦА – мамам и папам, которые покупают продукцию, должно зайти.

    Еще один пример на лендинге satellite-express.ru. Иллюстрация идеально дополняет заголовок: «Главное при диабете – найти баланс».

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

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

    Клиент планировал сделать отдельные лендинги для трех продуктов: инструментов автоматизации делопроизводства.

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

    Для каждого продукта мы сделали подробные разделы. Общий объем контента на мультилендинге – примерно 30 тыс. знаков. На каждой странице есть подробные разделы:

    • описание функциональности;
    • дополнительные модули;
    • частые вопросы по использованию;
    • тарифы;
    • отзывы.

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

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

    Нover-эффект

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

    Сплит-макеты

    Split screen, или разделенный экран – очень эффектный дизайнерский прием. Суть в том, чтобы привлечь внимание пользователя к каждой части экрана – чтобы информация точно не потерялась. Таким образом можно рекламировать два товара, две услуги, два важных преимущества и так далее. Вот как это делается на лендинге baesman.com.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    • Levellen

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

    • Whalenet

    На лендинге Whalenet можно увидеть спиннер в виде бирюзового прямоугольника.

    • Parielle

    На сайте Parielle работает классический прелоадер в форме круга.

    • Projectto

    На лендинге Projectto использовали прелоадер в форме прямоугольника.

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

    Интерактив

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

    Как работает лендинг

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

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

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

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

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

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

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

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

    Если нужна помощь в создании продающих лендингов, обращайтесь в TexTerra. Услуга включает анализ ниши, разработку грамотной структуры и качественного контента, привлекательный дизайн, интеграцию с CMS и другими системами. Срок – от 7 дней.

    Что такое Лендинг — Объясним простыми словами

    Мы попытаемся Вам объяснить, что такое лендинг простыми словами. И, так, landing page с английского дословно переводится, как посадочная страница. У нас окрестили, как целевая страница. Предназначена такая страничка для выполнения конкретного действия — нажатия на кнопку «Купить», «Подписаться» и т. п. В инете прозванная, как лендинг пейдж или просто лендинг, на сленге ленд.

    Что такое лендинг — это денежный станок

    Что такое лендинг? Лендинг это двигатель интернет торговли, локомотив продаж! Работает в связке с грамотно настроенной рекламной кампанией. При правильных настройках может стать Вашим денежным станком!

    Антон Петроченков

    Данная технология пришла к нам из США, там появилась ввиду большой конкуренции интернет магазинов. По словам генерального директора ведущего интернет маркетингового агентства Антона Петроченкова, именно он вдохнул жизнь в посадочные странички у нас в России. Антон долгое время работал в Америке маркетологом в престижной фирме. В 2012 году вернулся в Москву и стал усиленно продвигать технологию продающих сайтов. Её цели и задачи далее и рассмотрим.

    Содержание:

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

    Если говорить простыми словами о лендинг пейдж, то это одностраничный сайт. Задачей таких сайтов одностраничников 90 % является продажа товаров или услуг. Ленд эффективно работает для сбора подписной базы. На лендингах никогда нет сторонней рекламы, ограниченное меню в пределах этого документа. Состоит из блоков, начиная от одного и более. Каждый блок расписывает товар поэтапно, подводя человека к выполнению конкретного действия. Предназначен практически для рекламы одного товара или услуги. Должен иметь хорошую графику, грамотно составленные продающие тексты.

    Как создать убойный лендинг самостоятельно

    2. Назначение лендинга

    Лендинг, как правило применяется для сбора подписной базы, в этом случаи используется один, два, максимум три блока. Наиболее эффективными для подписки являются одноблочные landing page (одноэкранные). Где размещается форма подписки и перечисление выгод от регистрации, плюс какой-то подарок — купон на скидку, электронная книга и т. п.

    Посадочная страница, подписная

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

    3. Состав лендинга

    Одностраничный сайт это набор из нескольких файлов и папок.

    • CSS (таблицы стилей)
    • img (картинки)
    • (Ява скрипт)
    • Сам лендинг с HTML кодом

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

    Как уже говорилось выше, лендинг пейдж состоит из блоков. Грамотное построение блоков осуществляется по двум распространенным моделям. AIDA и PMPHS

    Модель — AIDA

    Модель — PMPHS

    More Pain — Больше Боли;

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

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

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

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

    Первый экран должен содержать заголовок и подзаголовок, желательно закрыть 3 — 5 выгод.

    Заголовок:

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

    Пример первого экрана лендинг пейдж

    Подзаголовок:

    Расшифровка заголовка (товара), хорошо работают качественные прилагательные.

    Выгоды:

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

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

    Скачать — Чек-лист:
    « 5 протестированных вариантов первого экрана »

    4. Продвижение лендингов

    Говоря простыми словами, лендинг не предназначен для SEO продвижения и вывода в ТОП поисковой выдачи. На такой ресурс льют платный рекламный трафик, через контекстную рекламу, баннерную, тизерную и т. п. В общем, используют платные рекламные интернет каналы. Такие, как Яндекс Директ, ГУГЛ Адвордс, ВК таргет и т. д.

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

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

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

    Лендинг пейдж — пример

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

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

    Самые дорогие каналы это на поиске, Яндекс Директ и Гугл Адвордс. Но и надо учесть, что это самые горячие пользователи, поскольку они конкретно искали Ваш товар и в принципе готовы к покупке. Хороший лендинг пейдж и грамотно подготовленная рекламная компания дадут хороший результат. (Вспомните про написание заголовков выше).

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

    5. A/B тест лендинг пейдж

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

    Скачать — Чек-лист:
    «Чеклист проверки верстки LP»

    Даже если Вы содрали полностью landing у конкурента Васи, то далеко не факт, что он будет хорошо работать у Вас. Да и не известно действительно ли хорошо все работает у Васи.

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

    Мы как профессионалы рекомендуем тщательный тест посадочной странички перед запуском полноценной рекламной компании.

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

    Скачать — Чек-лист:
    « Чеклист проверки дизайна LP »

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

    6. Политика конфиденциальности

    Размещение ссылки на политику конфиденциальности повышает доверие к целевой странице. Необходимо учесть, что с 1 июля 2017 года вступила в силу новая редакция ФЗ — 152 (Закон «О персональных данных»). Отсутствие такой политики может повлечь за собой штрафы со стороны гос. органов — «Роскомнадзора».

    Такие ссылки на политику должны быть на каждой странице сайта. Как правило, их ставят в футуре. Чтобы не уводить посетителя с целевой странички на общий сайт ссылкой в футуре, сделайте файл в PDF формате с политикой и залейте его на сервер. На ленде поставьте ссылку на него: «вашдомен.ru/polic.pdf» target = «_blank». Политика откроется в новом окне, а посетитель прочтет документ и не отвлечется от ленда на общий сайт. Рекомендуем данный файл PDF закрыть от индексации в robots.txt

    7. Разработка лендинга

    Как же сделать целевую страницу? Да очень просто! В интернете есть много бесплатных шаблонов, их можно скачать и подогнать под себя (вставив свои тексты). Можно воспользоваться всевозможными конструкторами и генераторами. Из них можно выделить lpgenerator.ru и tilda, минусы таких площадок, это платные ежемесячные ресурсы, сложно перенести на свой домен и тому подобное.

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

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

    Ваш промокод TZS52983 (просто скопируйте и вставьте при регистрации)

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

    8. Заключение

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

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

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

    Подписывайтесь на наш проект, оставайтесь с нами.

    Удачных Вам продаж через landing page.

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

    Понравилась статья? Помоги проекту – Поделитесь с другими ссылкой:

  • Ссылка на основную публикацию