Кейс: создание лендинга для тренинга. Интернет-магазин плюшевых медведей

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

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

Удачное использование фотографий и отзывов клиентов

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

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

Пример такого лендинга я встретила у Мегаплана:

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

Наши клиенты считают, что планирование важно.

Результат от первого лица.

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

Направляющие элементы

Это разного рода стрелки, жесты и даже взгляды, направленные в сторону CTA-элемента (кнопки заказа/подписки) или иного блока, на который вы хотите обратить внимание.

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

Когда-то нашла в сети интересное исследование: демонстрировали тепловую карту (она показывает путь посетителя по сайту) с разными вариантами изображений.

Вот вариант, где младенец смотрит на нас:

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

Но поменяем его позу - ребёнок смотрит на текст:

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

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

Вам кажется, что это банально? Тесты говорят, что посетителям так не кажется.

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

Интересно, если бы все смотрели на форму, конверсия бы выросла?

Негативные отзывы

Недавно мы делали тестирование сайта (результатами я с вами ещё поделюсь). В числе прочего люди отметили обилие позитивных отзывов на соответствующей странице - и ни одного по-настоящему негативного. Это может вызвать недоверие.

Честно, они правы. Я знаю, что некоторые компании специально пишут сами себе негативные отзывы, чтобы разбавить «сироп». Мы пока такого дзена не достигли, думаем над вариантами выхода из ситуации.

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

Эмоции

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

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

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

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

Демо

Если вам есть, что показать людям, покажите.

Это может быть процесс или результат вашей работы на фото или видео.

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

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

Посмотрели, понравилось, пришли.

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

Такой эксперимент со слайдами обязательно ещё повторим.

«Подвал» и P.S.

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

Поэтому в продающих текстах можно играть с постскриптумом.

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

«Страница захвата», «Посадочная страница», «Продающая страница», Landing page — все это разные названия лендинга. Что же такое лендинг, кто на него «садится» и зачем он инфобизнесменам? Читайте ниже!

Что такое Landing page?

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

Личные данные клиента (e-mail, контактный телефон, ФИО) преследуют следующие цели:

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

Главный показатель эффективности лендинга - конверсия. Она измеряется в процентах. Вот формула для вычисления конверсии: конверсия = отношение числа совершивших целевое действие к количеству посетителей страницы, умноженное на 100 %.

На страницу зашло 300 человек, 30 из них совершили целевое действие - сделали онлайн-заказ. Значит, конверсия лендинга - 10% (30/300*100%=10%). Чем выше этот показатель, тем лучше и эффективнее ваш b

Важные составляющие лендинга

Лендинг будет эффективным, то есть, приведет клиентов, если он содержит все компоненты, перечисленные ниже:

1. Простая «блочная» конструкция

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

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

1. Оффер

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

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

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

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

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

• объясняйте, что вы продаете, используя УТП (Уникальное торговое предложение)
  «В 6 раз более эффективное средство от моли, чем вы привыкли»
• показывайте возможный результат
  «Пей напиток Х, чтобы похудеть на 10 кг за 2 недели!»
• фиксируйте в заголовке боль клиента
  «Каждый день болит голова?»

• Можно также делать интригующие заголовки.
  

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

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

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

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


Форма регистрации на курс, внесение своих контактов для получения книги или видеоролика также является родающим триггером. Одна из таких форм, как правило, размещается на 2-3 экране лендинга.

1. Отзывы

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

1. Качественные фото и видео

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

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

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

Особенности инфолендинга

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

1. Акцент на истории успеха

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

Можно представить ведущего тренинга, пусть он расскажет свою историю успеха, кратко опишет свой курс и пригласит прочитать свою книгу.

1. Детальное знание целевой аудитории

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

1. Больший объем текста

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

1. Социальные доказательства качества

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

1. Nest Thermostat

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

2. Boy-Coy

Сайт дизайнерской студии, после которого вы вряд ли захотите даже искать предложения конкурентов. Четырехэкранный лендинг способен убедить обратиться именно к этим ребятам, даже если вы не прочитаете ни отзывов, ни списка компаний, с которыми сотрудничала студия. Скорее всего, вы просто пролистаете, любуясь эффектом параллакса и сами того не заметите, как начнете вносить свои данные в симпатичную форму обратной связи.
http://boy-coy.com

3. Водка «Валенки»

Еще один пример красивого landing page с эффектом параллакса. Сугубо имиджевая страница, не заставляющая немедленно совершить покупку, но создающая положительный образ у целевой аудитории. Заметьте, информация о качестве продукта представлена в достаточном объеме, но её можно и упустить, наблюдая за тем, как красиво плавают кубики льда. Тем не менее, нужный эффект уже достигнут. Этот сайт слишком красив, чтобы предлагать что-то некачественное – такой подсознательный вывод возникнет у каждого посетителя любого со вкусом сделанного сайта.
http://www.valenkivodka.com

4. Интернет-магазин плюшевых медведей

По-настоящему интересные лендинги способны привлечь внимание даже людей, далеких от целевой аудитории. Убедитесь на примере магазина, продающего огромных плюшевых медведей. Сайт буквально переполнен интересными задумками и словно ведет с посетителем диалог, что в итоге, с высокой вероятностью, означает покупку.
http://medvedy.com

5. Smart Progress

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

Примеры продающих лендингов с высокой конверсией

1. Производство и монтаж деревянных окон

Как известно, лендинг не должен перегружать посетителя, а сразу давать ему то, за что можно зацепиться и оформлять заявку. Спорить не будем, но некоторые товары требуют тщательного выбора, и одним-двумя блоками тут не отделаешься. Лендинг данного производителя окон пошел по программе максимум и коснулся таких подробностей, о которых мы при выборе окон и не задумываемся. И хотя в паре блоков, как нам кажется, случился информационный перегруз, все равно эта страница является хорошим примером большого лендинга.
http://goodwin-nnov.ru/

2. Страхование КАСКО

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

http://простокаско.рф

3. Франшиза развлекательных аквариумов-автоматов

Хороший пример продающего лендинга, обеспечивающего высокую конверсию за счет того, что четко объясняет выгоды потенциальному клиенту, но и оставляет интригу, желание узнать подробности бизнес-плана, обещающего пассивный доход. Дизайнеру – наша отдельная похвала.
http://morewishes.ru

4. Ремонт ноутбуков

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

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

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

Фишки и особенности

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

2. Форма для оплаты онлайн

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

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

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

3. Программа курса

Программа и подробное содержимое образовательного продукта - то, чего так часто не хватает на одностраничниках. Их владельцы так сильно стремятся ПРОДАТЬ, что забывают рассказать о том, что именно содержит тренинг/семинар или даже обучающий курс.

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

А если пользователь всё же захочет получить всю информацию по программе курса на одной странице (например, чтобы тут же её распечатать), ему поможет кнопка "Скачать программу курса".

Что дальше?

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

Заказать лендинг для курсов, семинара или другого образовательного мероприятия

Хотите продавать обучающий продукт, но не знаете, как это сделать? Планируете заказать лендинг тренинга, семинара, вебинара или образовательных курсов, но не хотите получить очередную стандартную поделку? Давайте поговорим об этом в онлайн-чате прямо сейчас:)

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

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

Сколько стоит разработка лендинга в тематике «Тренинг»?

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

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

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

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

Как привлечь клиентов с помощью лендинга тренинга?

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

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