Лэндинги что это такое


Целевая страница — Википедия

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

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

Существует четыре основных типа целевых страниц:

  1. автономная целевая страница
  2. микросайт
  3. главный сайт
  4. страница сегментации

Автономная целевая страница[править | править код]

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

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

Микросайт[править | править код]

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

Главный сайт[править | править код]

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

Страница сегментации[править | править код]

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

  1. рекламные целевые страницы
  2. целевые лид-страницы
  3. «вирусные» целевые страницы

Рекламные целевые страницы[править | править код]

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

Целевые лид-страницы[править | править код]

Lead Capture — страницы, созданные для сбора информации о целевой аудитории товара или услуги. Используются при разработке маркетинговой стратегии для сокращения рисков в области продаж. На основе собранной о посетителе информации формируют предложение, ориентированное на конкретного потребителя. Лид-страницы обычно содержат краткую информацию о предложении и форму опросника (обычно с минимальным количеством полей). Чаще всего для мотивации посетителей к заполнению лида служат призывы оставить свои данные сейчас в обмен на выгодные условия и подарки от компании.

«Вирусные» целевые страницы[править | править код]

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

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

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

Для увеличения конверсии целевых страниц используются инструменты A/B-тестирования (сплит-тестирования). Задача тестирования заключается в том, чтобы выявить дизайн с максимальной конверсией.

Методы увеличения конверсии целевых страниц[править | править код]

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

  • Цепляющие заголовки и продающий текст. Качественный контент на лендинге может увеличить конверсию более чем в 3 раза;
  • УТП (уникальное торговое предложение), описывающее ваш продукт с точки зрения его незаменимости и необходимости вашему клиенту;
  • Отзывы. Не обязательно в текстовом формате — видеоотзывы также широко применяются;
  • Качественные фото и видеоматериалы. Это могут быть примеры работ или видео-faq по-вашему инфопродукту;
  • Призыв к действию — в скрытой или открытой форме.

ru.wikipedia.org

Что такое лендинг / Trinion corporate blog / Habr

В свое время при начале работы с CRM-системами, мне пришлось косвенно и напрямую разбираться с Landing Page: что это такое; какие бывают Landing Page; почему их используют; какую пользу они приносят, какой вред; в чем отличие их от сайта? Эти и многие другие вопросы стояли передо мной. Думаю, с ними сталкиваются многие, кто услышал что-то про Landing Page и решил сделать его для себя или своей компании.

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

Что такое Landing Page

Landing Page — это всегда одностраничный сайт, который призывает к какому-либо одному действию.

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

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

То есть на Landing Page вы не в целом рекламируете себя, свою компанию, товары и услуги, а конкретный продукт с конкретной целью.

У вас может возникнуть вопрос, в чем же тогда отличие Landing Page от той же самой страницы на сайте?

  • Во-первых, на Landing Page посетители очень сжато видят информацию, необходимую для принятия решения (если Landing Page правильно сделан).
  • Во-вторых, вы можете добавить специфичную информацию, если не позволяет ваша CMS
Из чего должен состоять Landing Page?

У Landing Page есть своя структура и определенный стандартный набор элементов. Рассмотрим подробно все составляющие Landing Page, и на какие нюансы необходимо обратить внимание при разработке:

1. Заголовок

Заголовок должен содержать максимально сжатую информацию, которая ясно выражает суть вашего предложения. Это первое, что будет читать пользователь на вашем Landing Page. Можно назвать это рекламным слоганом. Если в заголовок не вмещается вся необходимая информация, напишите подзаголовок. Допустим, если мы продаем какую-то программу по управлению запасами, то заголовок должен выглядеть примерно так:

Есть проблемы с запасами?
Купите решение вашей проблемы!

2. Картинка

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

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

3. Описание предложения

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

Например, если говорить о вышеупомянутой программе, ее описание на Landing Page может быть таким:

Получите программу в три клика:

1. Зарегистрируйтесь
2. Получите письмо со ссылкой для скачивания
3. Пользуйтесь программой и будьте эффективны

4. Отзывы

Отзывы являются одним из обязательных элементов Landing Page. Эта информация необходима для вызова доверия у потенциального клиента. Если посетитель хочет купить ваш продукт и видит, что другие клиенты уже воспользовались им и оказались довольны — повышается уровень его доверия, и возрастает вероятность того, что он купит.
5. Логотип

Логотип вашей компании должен присутствовать на Landing Page обязательно, но он не должен “вести” на главный сайт. Здесь должна быть просто картинка, а не ссылка, это важно понимать.
6. Иконки социальных сетей в подвале

Эти иконки также не должны быть ссылками на ваши профили в социальных сетях. Это должны быть формы добавления посетителя в друзья к вам на этих ресурсах. Почему это должно быть так? Для того, чтобы человек не уходил со страницы вашего Landing Page фокусировался только на вашем конкретном продукте и предложении.
7. Форма для заполнения информации

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

Это то, чем заканчивается работа в системе — посетитель по заполнении формы должен нажать на кнопку Одобрить, Отправить, Записаться, Купить и т.д. Только после нажатия вы получите информацию, заполненную клиентом в форме.
9. Форма после отправки заявки клиентом

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

Есть несколько правил относительно элементов, из которых состоит Landing Page:

1. Ни одна из ссылок, кнопок не должна вести на другой ресурс

Сам по себе Landing Page — это конечная остановка пользователя. Клиент должен совершить действие и не должен уходить на другой сайт или в соцсети. Фокус, фокус и еще раз фокус!
2. Расположение элементов — это подход творческий

Некоторые придерживаются такого порядка расположения элементов на сайтах, как AIDA (Attention, Interest, Desire, Action) — Внимание, интерес, желание, действие. Но если у вас какое-то предложение, не укладывающееся в стандартные рамки, то не мучайтесь, а реализуйте свой порядок элементов.
3. Что делать, если у вас нет отзывов

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

Мы рассмотрели, из каких элементов состоит Landing Page, теперь разберемся, какие бывают типы “посадочных страниц”, какие элементы они содержат, какие имеют структуры и чем отличаются друг от друга. Существует 5 основных типов Landing Page:

1. Лидогенерационный (Lead Generation Landing Page)

Цель данного типа Landing Page — собирать информацию о лидах — потенциальных клиентах. Например, ФИО, телефон, email — та минимально необходимая информация, по которой можно в дальнейшем связаться с лидом (позвонить, выслать письмо, исходя из контекста предложения).

Lead Generation Landing Page всегда имеет форму и кнопку для отправки заполненной информации на сервер продавцу, владельцу Landing Page.

2. Landing Page для клика(Click-through page)

Цель данного типа страниц — сбор кликов. Он используется для того, чтобы человек перешел на страницу покупки товаров. Вы рекламируете товар или услугу на Landing Page и у вас есть всего одна кнопка Купить или Перейти на страницу товара.

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

Зачем используется этот тип Landing Page? Чтобы “разогреть” посетителя для покупки, быстро информировать его о вашем предложении и продукте, не отвлекая на другие товары и услуги вашей компании, вызвать желание нажать кнопку.

Допустим, в поисковой выдаче (при использовании Яндекс Директ) у вас есть купленная фраза, по которой клиент переходит на ваш Landing Page, где он знакомится с продуктом, не рассеивая внимание на другие товары, “зреет” для покупки. И когда он готов совершить покупку, он кликает кнопку и уже переходит на страницу заказа товара, расположенную на вашем основном сайте.

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

3. Сжатая страница (Squeeze Page)

Основная цель данного типа страниц — сбор email-адресов для будущих рассылок.

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

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

4. Страница продажи (Sales page)

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

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

5. Яркие страницы (Splash page)

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

Процесс работы Landing Page и рекомендации по работе

Теперь рассмотрим, как происходит работа сайта. Процесс работы Landing Page можно разделить на четыре этапа:
  1. Получение входящего трафика
  2. Проведение A/B-тестирования
  3. Работа посетителя на Landing Page
  4. Обработка запроса после достижения цели — постконверсионная обработка

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

1. Получение входящего трафика

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

Я рекомендую разделять пользователей по источнику перехода. Старайтесь делать отдельные страницы для email-рассылки, отдельно для Яндекс Директа, отдельно для поисковиков или социальных медиа. Почему это необходимо делать?

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

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

2. A/B-тестирование

После того, как мы разделили трафик, мы должны провести A/B-тестирование. Что это такое? Это значит, что мы различным клиентам показываем различные формы страницы. Например, одна форма — это длинный Landing Page, другая — короткий Landing Page. И мы смотрим, какая из них будет эффективнее. “Длина” страницы определяется размером описания продукта.

Допустим, к нам на сайт зашло 60 человек: 30 на одну форму, 30 — на другую. Конверсия у них разная, и в зависимости от эффективности форм, мы выберем ту, что привлекла больше клиентов. Если из первой тридцатки пришло 5 человек, а из второй — 15 человек, то, конечно, мы будем использовать второй вариант Landing Page.

3. Работа посетителя на Landing Page

Какие нюансы здесь необходимо учитывать? Будущая работа пользователя “прогнозируется” при разработке Landing Page. Поэтому при разработке страницы, конечно, нужно учитывать расположение и наличие элементов. Но никто не отменял творческую работу. Важно не забывать, что здесь все-таки нет определенного шаблона, все зависит от контекста: нужно понимать, что вы продаете и кому вы продаете.

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

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

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

4. Постконверсионная обработка

Что делать, если посетитель нажал на целевую кнопку? Работа с ним на этом не должна заканчиваться.

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

Ошибки при запуске Landing Page

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

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

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

На Landing Page необязательно размещать информацию о компании. Главное — это ваш продукт и ваше выгодное предложение.

2. Слишком подробное описание продукта

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

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

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

3. Не используют A/B-тестирование

Я советую: используйте A/B-тестирование, пробуйте различные варианты страниц. Часто думают: если каждый лид у меня на вес золота, то я буду использовать тот вариант, который мне больше нравится, который я считаю наиболее удачным.

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

habr.com

Как создать лендинг: раскрываем секреты дизайнеров

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

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

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

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

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

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

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

Серьезный подход к серьезным задачам

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

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

 Выбирай любую!

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

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

Конкретика воспринимается лучше абстрактных рассуждений Мы делаем лендинги с учетом интересов ЦА и юзабилити. 7 дней – и посадочная готова. Обращайтесь!.

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

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

Практически команда супергероев Как сделать хороший лендинг еще лучше?

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

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

Никаких обязательных полей для заполнения, никаких капч – красота!

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

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

Стоит навести курсор на фото – появляется текст отзыва

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

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

Покажите пользователям, что они получат от вашего продукта

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

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

Следуй за мной – как бы говорит она нам Как сделать крутой лендинг: 13 небанальных идей

Анимация

Вообще, у анимации функций много. Движущиеся картинки и предметы привлекают и удерживают внимание пользователя, направляют его взгляд на самые важные элементы лендинга (кнопку СТА, таймер, виджет и так далее), частично заменяют текст. Один из примеров – на сайте 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 мы сделали прелоадер, который повторяет навигационное меню. Это позволяет пользователю понять принцип управления страницей до ее загрузки.

Прелодер на лендинге Qubi

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

Прелоадер на лендинге Levellen

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

Прелоадер на лендинге Whalenet

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

Прелоадер на лендинге Parielle

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

Прелоадер на лендинге Projectto

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

Интерактив

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

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

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

Пользователь видит наличие свободных помещений

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

Пользователь видит предложение узнать подробности об офисе

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

Страница с описанием офиса

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

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

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

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

Ну согласитесь, аппетитно!

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

А завещание успею написать? М-м-м, люблю апельсиновые корочки! Лендинг хоть и стебный, но обязан быть в этой подборке Какое там у меня желание? А, хомяка купить…

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

12-primerov-velikolepnykh-lendingov-cherpaem-vdokhnovenie-u-professionalov

texterra.ru

Что такое лендинг простыми словами + 3 случая, когда он полезен

 

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

Содержание статьи:

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

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

В этой статье я расскажу вам:

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

Что такое лендинг простыми словами: вводная информация

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

1. Простота навигации

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

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

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

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

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

  • лаконично;
  • тезисно;
  • информативно;
  • аргументировано.

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

Обратите внимание! Если текст составлен правильно, точно «бьёт» по болевым точкам потенциального клиента, количество отказов будет минимальным.

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

3. Малое количество текста

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

  • продающим;
  • убеждающим.

Это станет гарантией достижения успеха!

4. Быстрый результат

Читайте также: Индексация сайта в поисковых системах: что это такое и как ее ускорить

Landing page – правильно сконструированный и наполненный – гарантирует оперативный результат. Именно в этом и состоит одна из основных его целей.

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

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

5. «Коллекционирование» лидов

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

  • электронную почту;
  • номер телефона;
  • или другие способы связи.

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

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

Landing page: 5 случаев, когда он может быть бесполезным

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

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

1. Большой ассортимент товаров

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

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

2. Сложный товар

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

1. Во-первых, они продаются по схеме B2B.

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

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

3. Высокая цена

В случае если товар стоит слишком дорого – например, 10 тысяч долларов или выше – лендинг тоже станет не лучшим выбором для поиска клиентов. Поэтому дорогие товары посредством таких проектов практически не продаются.

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

4. Создание репутации

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

  • об особенностях компании;
  • о планах на будущее;
  • о перспективах;
  • и т.д.

5. Когда делается ставка только на оформление

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

Конечно, дизайн также важен, но всё-таки он не должен быть первоочередным. Ставка – только на УТП!

Landing page: 3 реальные ситуации, когда он будет действительно работать

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

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

Сюда следует отнести не только продажи, как таковые, но и записи на участие:

  • в тренингах;
  • в мастер-классах;
  • в вебинарах;
  • в конференциях
  • и тому подобных мероприятиях.

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

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

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

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

2. Собирание лидов

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

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

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

3. Интересы аудитории

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

Что такое лендинг простыми словами: теперь о технической стороне

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

Как быть? Оптимальный вариант – ориентироваться на платформу WordPress. Эта система управления контентом – лучшая! Она позволяет создавать сайты различного типа. И для этого не нужны какие-то особенные знания и навыки.

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

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

  • готовый к работе;
  • доступный для пользователей;
  • с первыми статьями;
  • с первыми посетителями.

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

Что такое лендинг простыми словами: виды лендингов

Читайте также: С чего начать блог в инстаграм: 4 шага

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

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

  • контактные данные;
  • форма заявки – как правило две или даже больше;
  • призывы к действию;
  • уникальное торговое предложение.

Настала пора представить примеры лендингов различного типа.

1. Для сбора контактных данных

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

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

  • либо электронной почты;
  • либо номера мобильного телефона.

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

На страницах для сбора контактных данных зачастую представлено:

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

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

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

2. Для продажи товаров

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

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

Товарные landing page привлекают пользователей:

  • информативностью;
  • яркостью;
  • наличием разных «плюшек».

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

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

3. Для продажи услуг

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

  • информация;
  • УТП;
  • призыв к действию;
  • форма обратной связи;
  • и т.п.

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

  • через электронную почту;
  • по телефону;
  • посредством мессенджеров.

4. Визитка

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

  • об отдельном специалисте;
  • о компании в целом.

Чаще всего такие landing page создаются самостоятельными специалистами, фрилансерами. На странице они публикуют:

  • данные о себе;
  • свои навыки;
  • свой опыт;
  • примеры работ – портфолио;
  • стоимость услуг и т.п.

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

Если это корпоративный landing page, то на нем публикуется:

  • история компании;
  • ее специализация;
  • расценки на услуги;
  • информация о партнерах;
  • и т.д.

Но в целом отличия от личного одностраничка практически нет. Принцип подачи информации аналогичный.

5. Что такое лендинг простыми словами: брендированные одностранички

Такие landing page создают известные бренды, о которых и так все прекрасно все знают. Зачем они тогда это делают? Чтобы предоставить информацию о новом продукте или услуге.

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

Зачастую на лендингах в такой ситуации делают две ссылки:

  • одна направляет на страницу покупки;
  • вторая – на более подробную информацию о товаре.

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

Что такое лендинг простыми словами: собрать самому или заказать у профессионалов

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

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

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

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

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

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

Что такое лендинг простыми словами: подводя итог

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

Остались вопросы? Задавайте их в комментариях под статьей. Постараюсь ответить на них максимально оперативно и полно.

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

ifish2.ru

Landing page, которая работает / Habr

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

Что такое landing page?


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

Три наиболее частых причины создания landing page:
  • заставить пользователя зарегистрироваться или подписаться на рассылку
  • продать конкретный продукт в конкретной ситуации (распродажа или промо-акция)
  • заставить пользователя скачать или установить софт

Принципы разработки эффективной landing page


Давайте обсудим компоненты или факторы, присущие хорошей landing page.
Call to action (призыв к действию)

Call to action просит и даже заставляет пользователя совершить конкретное действие. Пример call to action – «Подпишитесь на нашу рассылку». Часто call to action предлагает пользователю кликнуть на какой-то элемент страницы (ссылку или кнопку) или заполнить форму.

Советы:

  • Выражайтесь четко. Конкретно говорите пользователю, что именно он должен сделать и что будет потом.
  • Не злоупотребляйте call to action-ами. Если на сайте их немного, то можно сфокусироваться на том, чтобы пользователь предпринял желаемое действие как можно скорее.
  • Используйте кнопки. Кнопки – это традиционный контрол и любой пользователь знает, что по нему можно кликнуть. Хороший дизайн кнопки еще раз обращает внимание на call to action.
  • Дополнительная информацию должна быть наготове. Именно она должна убедить пользователя предпринять необходимое действие.

Landing page компании Square – отличный пример хорошего call to action, который направлен на регистрацию пользователя. Сайт предлагает завести аккаунт, и, как результат действия, Вы бесплатно получаете продукт компании (считыватель кредитных карт Square).

Заголовок

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

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

Когда делаете заголовок, спросите себя: «Достаточно ли это интересный заголовок и действительно ли заставляет пользователя продолжать читать дальше?»

Советы:

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

Хороший пример заголовка у landing page компании Shopify. Он весьма короток и дает представление о том, чем занимается сервис, и привлекает внимание, ведь использован крупный размер шрифта и расположен заголовок на видном месте. Найти Shopify в поисковике можно, набрав «ecommerce store».

Простота

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

Советы:

  • Каждый элемент страницы должен подталкивать пользователя совершить действие. Используйте принципы редукционизма, чтоб убрать лишние элементы и текст.
  • У landing page должен быть один главный call to action. Цель странички должна быть предельно ясна и заключается в том, что пользователю необходимо выполнить одно единственное действие. Наличие других действий призвано способствовать выполнению главного.
  • На landing page должно быть много свободного пространства. Слишком перегруженная страница может отпугнуть пользователя.

Landing page Dropbox крайне простая. Там всего 3 элемента: логотип, видео и одна единственная кнопка. Call to action – скачать приложение. Но ведь видео – это дополнительный call to action, дающий пользователю информацию о том, почему он должен стать пользователем Dropbox.

Траектория взгляда

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

Надлежащая траектория ускоряет восприятие информации и гарантирует, что посетитель сайта в конечном счете понял call to action.

Советы:

  • Расположите элементы landing page в логической визуальной последовательности. Определите порядок, в котором нужно просматривать элементы и придерживайтесь его. Узнать больше о визуальной последовательности можно тут: «Working with Visual Weight in Your Designs», «Creating Focal Points in Your Web Design» «Using Power Structure and Gestalt for Visual Hierarchy».
  • Используйте графические элементы. Стрелки, иконки и яркие картинки могут помочь направить взгляд пользователя на нужную область страницы.
  • Используйте контрастные цвета для определенных компонентов веб-страницы. Яркие элементы выделяются, привлекая к себе внимание.

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

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

Пользователи попадают на Вашу landing page из разных источников, поэтому landing page должна соответствовать каждому из них. Например если на рекламном баннере написано, что перейдя по нему Вы сможете купить iPad в 2 раза дешевле, то на landing page должен быть именно iPad со скидкой.

Советы:

  • Создавайте отдельные landing page для каждой маркетинговой кампании. Если Вы делаете рекламную компанию с Facebook, то это должно быть отражено на landing page.
  • Landing page должна меняться в зависимости от источника – добавляйте контент, промо-коды и call to action-ы.

Не подвергайте пользователя риску

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

Советы:

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

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

Дефицит

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

Советы:

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

На сайте Mighty Deals размещается таймер, показывающий срок действия скидки. Он подталкивает пользователей не откладывать покупку на потом.

Элементы доверия

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

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

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

Советы:

  • Размещайте социальные данные из авторитетных и известных веб-сервисов. Хорошим примером является количество лайков в Facebook.
  • Используйте элементы доверия связанные с call to action и размещайте их рядом.
  • Будьте честными. Не стоит публиковать поддельные статусы или отзывы с других сайтов.

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

Заключение


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

habr.com

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

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

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

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

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

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

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

Содержание:

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

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

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

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

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

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

7). Разработка лендинга и публикация в интернете — видео инструкция!

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

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

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

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

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

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

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

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

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

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

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

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

Модель — AIDA

Attention — Внимание;

Interest — Интерес;

Desire — Желание;

Action — Действие;