Какие эффекты лендинг пейдж можно реализовать в редакторе LPgenerator?

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

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

Немного о landing page

Лендинг пейдж (в переводе с английского «посадочная страница») — это тип сайта, особенность которого в емкой презентации продукта, услуги, мероприятия и любого другого продукта. Часто целевое действие, ожидаемое от посетителя такой страницы, — заполнение заявки, регистрация на мероприятия, загрузка файла, оформление подписки, иногда покупка товара (если это товарный лендинг). По сравнению со стандартным сайтами, конверсия посадочных страниц на 20-30% выше, именно поэтому они настолько популярны.

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

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

Что такое лендинг пейдж? Руководство для начинающих

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

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

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

Например, вот так выглядит лендинг при переходе посетителя с контекстной рекламы Яндекса по запросу «Ремонт принтеров»:

А вот так — по запросу «заправка картриджей»:

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

Мультилендинг или динамический текст — новое обновление платформы LPgenerator

Видео в первом экране лендинга

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

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

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

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

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

Вот пример от digital-отдела LPgenerator:

Этот лендинг с фоновым видео в хедере можно посмотреть здесь >>>

Создает атмосферу, не так ли? Возьмите на заметку!

Почему видео-лендинги конвертируют лучше?

Параллакс-эффекты на лендинге

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

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

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

1. Параллакс фон

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

Посмотреть лендинг в магазине посадочных страниц >>>

2. Параллакс фон 3D (несколько слоев)

Для того чтобы пользователь ощутил себя «на месте событий», ему не нужно надевать специальные очки — достаточно пос

10 примеров эффективного дизайна лендингов от LPgenerator

В новый год с новым лендингом!

Лайфхак: можно не писать письмо Дедушке Морозу с просьбой отправить вам много- много качетвенных лидов и сделать ваш бизнес успешным. Пишите напрямую в LPgenerator и наш замечательный отдел дизайна исполнит ваши желания 😉

Встречайте новые 10 целевых страниц от наших специалистов, которые вы уже можете встретить на просторах рунета.

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

Дополнительно работы нашей компании вы можете увидеть в разделе “дизайн лендингов”.

1. Хотите украсить свою жизнь яркими красками?

2. Шоу мыльных пузырей. Незабываемые эмоции каждому!

3. Совместный вебинар LPgenerator и Mail.ru

4. Как ускорить автодиагностику на СТО в 2 раза?

5. Увеличьте производительность своего предприятия уже сегодня.

6. Узнайте, как стать лидерами рынка с помощью корпоративных СМИ.

7. Хотите выглядеть неповторимо?

8. Как на 100% обеспечить требования к огнезащите?

9. Команда профессиональных управляющих за 1 месяц увеличит ваши инвестиции.

10. Комфортный свет много лет.

Понравился дизайн?
Мы сделаем для вас целевую страницу еще лучше! Просто оставьте заявку >>>

Высоких вам конверсий!

Команда отдела дизайна LPgenerator 

15-12-2014

HTML-редактор шаблонов Landing Page от LPgenerator

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

Содержание
 
О HTML-редакторе
Инструменты редактора
Виджеты
Вместо заключения

О HTML-редакторе

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

Вот несколько основных преимуществ:

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

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

Назад к содержанию

Инструменты редактора

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

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

По номерам:

1 — сохраняет все нововведения на landing page.

2 — дает увидеть состояние макета в конкретный момент.

3 — отменяет последнее совершенное действие.

4 — возвращает изменения после отмены.

5 — служит для группировки разных элементов лендинга.

6 — предназначен для добавления элементов, применяемых в качестве фона для других элементов, объединенных в группу.

Следующая 6-ка.

7 — с его помощью можно загружать нужные иллюстрации, ставить их как на фон, так и на первый план.

8 — очевидно, что предназначен для добавления текстового контента.

9 — добавляет элемент call-to-action.

Здесь на готовом одностраничнике, например, «Подобрать тур».

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

Все шаблоны одностраничных сайтов html с формой обратной связи в LPgenerator сделаны с тремя основными полями. Один из примеров ниже.

11 — таким способом легко вставляется на страницу любой код (например, ссылка на Twitter или ролик на YouTube).

12 — изменяет порядок слоев элементов, выдвигая на первый план нужный объект.

И следующие 6 инструментов.

13 — по аналогии с предыдущим, позволяет сместить объект под другие.

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

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

16 — предназначен для прописывания SEO-параметров: Title, Description, Keywords, тут же можно настроить блоки для поисковых роботов (noindex, nofollow).

17 — позволяет связать одностраничник html с системами веб-аналитики (Яндекс.Метрика, Google Analytics), настроить CSS, и другое.

18 — дает установить конкретные конверсионные действия, ожидаемые от пользователей (заполнить форму, оставить контакты, заказать расчет стоимости).

Назад к содержанию

Виджеты

Панель выглядит таким образом.

«Таймер» — служит для добавления таймера отсчета.

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

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

«Поп-ап» — позволяет добавить pop-up форму.

По этой теме можно вспомнить один из сплит-тестов, проведенный специалистами бренда De Hypotheker (консультанты по ипотечному кредитованию). Итак, они решили провести эксперимент, проверив, какое решение увеличит количество подписок.

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

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

Победил первый вариант, где подписаться на рассылку приглашали в pop-up окне. Удивительно, но конверсия в подписки сайта увеличилась на целых 757%, немыслимая цифра.

Однако, вернемся к виджетам.

«Карта» позволяет добавить элемент Яндекс.Карты или Google Map, таким образом указав адрес офиса фирмы.

Так выглядит html продающая страница в окончательном варианте с картой.

«Слайдер» — позволяет сделать отзывы или фото в форме слайдера.

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

«Галерея» позволяет сделать составные слайды, увеличение картинок в них происходит по клику.

И сразу лендинг пейдж шаблон html 5, где наглядно демонстрируется этот элемент.

«Видео» позволяет без труда добавлять ролики, настраивать их.

Снова образец готового сайта.

«Дополнительные шрифты» — виджет, благодаря которому можно загрузить новые шрифты с Google Fonts.

Google Fonts — это коллекция бесплатных шрифтов, которые многие веб-мастера используют на своих сайтах.

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

Назад к содержанию

Вместо заключения

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

Высоких вам конверсий!

Image Source: K. James 

22-10-2015

Генератор лэндингов: landing page сервис generator

Отличительные особенности
Вместо заключения

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

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

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

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

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

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

Отличительные особенности

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

Стоит обратить внимание на отличительные особенности, которые имеет генератор:

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

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

Вместо заключения

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

Высоких вам конверсий!

image source: Peter B

27-12-2015

Лендинги для радиоэлектроники

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

Предлагаем вашему вниманию 8 различных лендинг пейдж для продвижения и повышения продаж в нише радиоэлектроники.

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

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

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

• Запросить цену.
• Демонстрация приборов.
• Контактные данные офисов продаж.
• Запросить каталог.
• Сделать звонок на контактный номер через Skype.
• Узнать контакты в своем регионе.
• Дополнительные ссылки.

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

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

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

1. Для обратной связи с помощью звонка или письма.
2. Для удобного поиска и загрузки различной документации.

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

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

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

1. Первый разворот с торговым оффером.
2. Каталог товаров.
3. Большая открытая лид-форма.
4. Текст о компании.
5. Триггеры преимуществ.
6. Примеры кейсов.
7. Снова триггеры преимуществ компании.
8. Большой социальный блок, состоящий из:
   1. 
      логотипов компаний-поставщиков оригинальной продукции;
   2. логотипов крупных компаний-клиентов;
   3. СТА-кнопки для подписки на новости;
   4. иконок популярных социальных сетей.
9. Контакты.

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

• онлайн-чат,
• обратный звонок;
• форму захвата для обратной связи;
• кнопки соцсетей: ВКонтакте, Facebook, Instagram.

За первым разворотом следуют: 

• 3 вида основных продуктов компании;
• ссылка на участие компании в международном военно-техническом форуме;
• сухой текст о компании с преимуществами, оформленными в виде буллетов;
• продукты компании — лидеры продаж;
• отзывы клиентов;
• новостной блок.

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

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

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

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

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

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

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

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

Также в виде виджетов оформлены новости и блог компании. Заканчивается страница блоком «О компании в цифрах», подвалом с навигационными ссылками и кнопками соцсетей. Мощное конкурентное преимущество — наличие собственного мобильного приложения, которое можно скачать в самом конце страницы.

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

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

Продающие лендинги в нише радиоэлектроники от LPgenerator

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

Новинки электроники:

Внешние аккумуляторы:

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

Радиоуправляемые модели:

Спутниковые и цифровые антенны:

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

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

Высоких вам конверсий!

12-07-2017

10 лендингов от отдела дизайна LPgenerator за сентябрь

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

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

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

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

1. Оборудование для пивоварен — актуальный лендинг к празднованию Октоберфест 2016!

2. Начало нового учебного года — отличное время для запуска конкурсов для детей

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

4. Иногда осень — это еще и повод задуматься о самом главном, и лендинг от международного проекта «Свободное сердце» поможет вам в этом

5. Конфликт на работе, а вы не знаете, как отстоять свои права? Решение от сервиса юридической помощи «Антирабство»

6. Яркий лендинг от производителей поручней для эскалаторов Semperit:

7. Профессиональный ведущий для тех, кто планирует торжество

8. Еще один праздничный одностраничник для любителей шоу и ярких впечатлений

9. «Квартирный вопрос» — всегда востребованная тема, вне зависимости от сезона

10. Еще одна посадочная страница от сервиса «Антирабство», на этот раз на образовательную тематику

Понравился дизайн лендинга?

Мы сделаем для вас целевую страницу еще лучше! Просто оставьте заявку>>>

Высоких вам конверсий!

С любовью, команда отдела дизайна LPgenerator

03-10-2016

Почему LPgenerator не использует адаптивный дизайн для шаблонов лендингов?

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

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

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

Адаптивный дизайн — это иллюзия

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

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

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

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

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

Проблемы псевдо-адаптивности

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

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

2. Второе, что пользователь увидит: элементы web-варианта посадочной страницы попросту свалены в «стакан» шириной 320 пикселей. То есть анатомия обычной веб-версии лендинга разделена на сегменты, и при определении мобильного устройства эти сегменты распределяются по высоте страницы без конкретной систематизации.

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

С компьютера страница выглядит вот так:    

  

 но со смартфона…

  

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

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

Сегментированные мобильные лендинги LPgenerator

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

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

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

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

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

Обязательный набор элементов:

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

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

Пример веб и мобильной версии лендинга из магазина посадочных страниц LPgenerator:

*изображения демонстрируют только часть страниц, полноценный просмотр доступен по ссылке >>>

Вместо заключения

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

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

Высоким вам конверсий!

Артем Кабалкин,
основатель LPgenerator 

09-03-2016

Как сделать Landing Page для SEO продвижения?

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

Основа SEO это тексты.

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

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

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

Что нужно делать?

1. Заполните грамотно мета-теги

• Напишите грамотный заголовок Название, оптимальная длина до 80 символов;
• Заполните описание страницы Описание, оптимальная длина до 200 символов;
• Впишите ключевые слова в ключевые слова.

К примеру, вот эта страница соответствует следующему запросу:

• продвижение лендинг
• seo для целевой страницы
• seo продвижение landing page

Title будет правильно оформить так:

Как подготовить Landing Page для SEO продвижения? Советы специалиста.

Описание сделаем таким:

Советы специалиста о том, как подготовить Landing Page к SEO продвижению.Изучите наши рекомендации и внедрите на своем проекте.

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

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

Как подготовить текстовое содержание Landing Page к SEO?

3.Дескриптор должен быть оформлен тегом h2 и иметь вхождения ключевые слова.
4. Остальные заголовки оформите тегами h3-h4;
5. Блок о компании на 500-700 символов — служит отличным местом включения ключевых слов.
6. Тег ALT у картинок, так же повысит релевантность страницы поисковым запросом. Сделайте уникальную картинку для вашего лендинга и разместите ее рядом с описанием компании. Распространите эту картинку по интернету и она начнет ранжироваться в поиске по картинкам по нужным ключевым словам.
7. Используйте ключевые слова в текстах ссылок на внутренние страницы.
8. Блок Ответов на Вопросы — отличный текстовый триггер. Не используйте скрытый контент. Текст должен быть виден.
9. Отзывы — еще одно место текстовое место на лендинге, которое нужно использовать в SEO-целях.
10. Не дублируйте одинаковые тексты блока Вопросов и Ответов и Отзывы на разных страницах — это понижает текстовую уникальность страниц.
11. Если хотите привлекать максимум трафика, нужны внутренние страницы под информационные и коммерческие запросы, которые можно связать в Блоге и доп разделах проекта.

Все советы по SEO и о том, как оформить страницу контакты на сайте, в подготовленной инфографике ниже.

источник изображения НАСА в The Commons

Автор этого поста:

Погодаев Сергей, руководитель компании «Бюро Погодаева»

• Занимается исследованиями алгоритмов поисковых систем с 2009;
• Провел более 150 технических сайтов, поисковых и маркетинговых аудитов сайтов;
• Проводил оптимизацию социальных сетей «Мой Мир» и «AlterGeo»;
• Изучает и развивает направление «Продвижение Landing Page».

»Все статьи автора

10.01.2014

.LPgenerator

— посадочная страница платформа для бизнеса

Связь по скайпу
ПН — ПТ 11:00 -19: 00

Экономьте на программисте

Забудьте про хостинг, множество логинов и паролей

Не нужно платить дизайнеру и верстальщику

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

Сотни тысяч пользователей оценили
технологии создания лендинг пейдж LPgenerator

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

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

Положение об обработке данных данных

.

10 способов эффективного дизайна лендингов LPgenerator

В новый год с новым лендингом!

Лайфхак: можно не писать письмо Дедушке Морозу с просьбой отправить вам много- много качетвенных лидов и сделать ваш бизнес успешным. Напишите напрямую в LPgenerator и наш замечательный отдел дизайна исполнит ваши желания;)

Встречайте новые 10 целевых страниц от наших специалистов, которые вы уже можете встретить на просторах рунета.

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

Также вы можете увидеть в разделе «дизайн лендингов».

1. Хотите украсить свою жизнь яркими красками?

2. Шоу мыльных пузырей. Незабываемые эмоции каждому!

3. Совместный вебинар LPgenerator и Mail.ru

4. Как ускорить автодиагностику на СТО в 2 раза?

5. Увеличьте производительность своего предприятия уже сегодня.

6. Узнайте, как стать лидерами рынка с помощью корпоративных СМИ.

7. Хотите выглядеть неповторимо?

8. Как на 100% обеспечить требования к огнезащите?

9. Команда профессиональных управляющих за 1 месяц увеличит ваши инвестиции.

10. Комфортный свет много лет.

Понравился дизайн?
Мы сделаем для вас целевую страницу еще лучше! Просто оставьте заявку >>>

Высоких вам конверсий!

Команда отдела дизайна LPgenerator

15.12.2014

.

Идеальный Landing Page с высокой конверсией от LPGenerator

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

Содержание

Предварительные рекомендации
Тексты
Призывы к действию
Читабельность
Структура текста
Объем данных
Иллюстрации
Дизайн
CTA-кнопка
Лид-форма
«Плоский дизайн» / «белые пятна»
Шрифты
Вместо заключение

Предварительные рекомендации

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

Обязательными составляющими качественного целевая страница являются:

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

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

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

Читайте также: Что такое лендинг пейдж? Руководство для начинающих

Тексты

Призывы к действию

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

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

Там, где уместно, використовуйте «эффект срочности». Доказательством послужит тест, проведенный командой What Test Won, который доказал — фактор, или эффект, использованный конверсию.

Специалисты тестировали два варианта хедера. Один вариант оффера сообщал «Начни сейчас всего за 1 $» (Начать сейчас всего за доллар). Во второй версии использовалась фраза «Начни всего за 1 доллар» (Начать всего за доллар).Образцы хедеров представлены ниже.

Источник изображения

Источник изображения

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

Читабельность

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

Структура текста

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

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

Объем данных

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

Читайте также: AIDA: проверенная формула копирайтинга для лидогенерации

Назад к содержанию

Иллюстрации

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

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

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

Недавно команда vwo.com провела сплит-тест, после чего выяснился интересный факт.

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

Источник изображения

Собственно, что получилось. Начальная версия оказалась намного менее популярна двухместно. При этом изображение сотрудников увеличилось переходов на 45,5%, а фото автомобиля на 45,05%.

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

Назад к содержанию

Дизайн

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

CTA-кнопка

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

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

Лид-форма

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

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

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

«Плоский дизайн» / «белое пространство»

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

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

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

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

Шрифты

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

Читайте также: 10 ошибок на лендинге, которые наиболее часто делают новички

Назад к содержанию

Вместо заключения

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

Высоких вам конверсий!

26-08-2015

.

Добавить комментарий Отменить ответ

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Комментарий *

Имя *

Email *

Сайт