14 вдохновляющих примеров товарных лендингов для eCommerce-бизнеса. Бизнес лендинг


Каждому по Landing Page. Наболевшее / Хабр

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

Сатира на большинство «лендинг пейджей»

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

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

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

К сожалению, обычно, все это сводится к таймеру конского размера, в период действия которого нам предлагают 20-30-50-100% скидку, сковородку и доставку снегурочкой в бикини.

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

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

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

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

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

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

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

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

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

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

Сперва необходимо провести серию интервью со всеми ответственными сторонами. Такими сторонами могут быть:

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

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

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

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

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

Теперь дело за картой эмпатии (Empathy Map). Она необходима для формирования полноценного образа каждого персонажа и выглядит примерно вот так:

Заполнить ее после интервью будет довольно просто и лучше это делать вдвоем.

Формируем потребности
В итоге, в карте эмпатии будут записаны те самые потребности, которые и нужны для создания крутого лендинга. Если проектируется полноценный сайт, то работу следует продолжить, создав карту идеального пути (Customer Journey Map). Но в лендинге ведь одна страница, так что опустим.

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

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

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

Например, проектируя лендинг для сервиса СМС-рассылки мы обнаружили, что ни один из множества конкурентов не предлагает ничего большего, чем просто сервис рассылки. Вместе с тем, из интервью с бизнесом четко прослеживалась необходимость помощи клиентам в обучении правильному СМС-маркетингу. Такое обучение не только повысило бы лояльность клиентов, но и увеличило бы прибыль самого бизнеса за счет более частных рассылок. По этому мы предложили заказчику составить руководство по эффективному СМС-маркетингу и давать его каждому клиенту, пополнившему счет на некую минимальную сумму. Таким образом мы сформировали УТП (уникальное торговое предложение). Далее были спроектированы две версии лендинга. В первой версии руководство транслируется как одна из особенностей сервиса, во второй – как УТП с таймером. По окончании технической реализации мы запустим A/B-тест и определим какой вариант оказался наиболее успешным.

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

Главный инсайд этой статьи – думайте! Перестаньте штамповать шаблонные решения без какой либо аналитики и предварительной работы. Уважайте себя и бизнес клиента.

habr.com

8 примеров лендингов из сферы инфобизнеса

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

1. Официальный сайт Jens Lehmann

Официальный сайт Jens Lehmann

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

  • Тренера
  • Спортивного комментатора
  • Профессионального голкипера
  • Посла
  • Спикера
Официальный сайт Jens Lehmann

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

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

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

2. Корпоративный консалтинг Keegan & Donato

Корпоративный консалтинг Keegan & Donato

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

Корпоративный консалтинг Keegan & Donato

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

Читайте также: Как фотография основателя компании влияет на степень доверия пользователей?

3. THIS is диджитал консалтинг

THIS is диджитал консалтинг

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

THIS is диджитал консалтинг

Разработчики постарались улучшить визуальное восприятие каждой секции страницы различными мелкими визуальными деталями, что придало ей еще больше стиля и оригинальности. На последнем развороте небольшое видео на фоне офиса и 2 кнопки для обратной связи по email и телефону, но самое интересное здесь — это карта. Здесь она даже просчитывает время поездки и оптимальный маршрут прямиком к офису студии в Дюссельдорфе — очень мило :-)

THIS is диджитал консалтинг

4. VVS — швейцарская консалтинговая группа

VVS

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

VVS

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

Читайте также: Зачем маркетологу панорамное видео?

5. Инновационный дизайн Kaber Technologies

Kaber Technologies

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

Kaber Technologies

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

6. Скромный цифровой консалтинг Pepck

Pepck

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

Pepck

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

Genius Marketing

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

Genius Marketing

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

Genius Marketing

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

8. МЗС-программа Бизнес Молодости

МЗС-программа Бизнес Молодости

Еще один длинный лендинг компании, которая стояла у истоков разработки landing page в русскоязычном сегменте Интернет. Сайт продвигает ВИП-программу БМ «Миллион за сто». Здесь очень много дополнительной информации, в том числе и в видеоформате. О новых тренингах и людях, что их проводят, рассказывается во всех подробностях. Используется несколько всплывающих окон для обратной связи.

МЗС-программа Бизнес Молодости

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

МЗС-программа Бизнес Молодости

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

Читайте также: Landing Page и Бизнес Молодость: шаблоны, техники

Выводы

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

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

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

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

07-12-2016

lpgenerator.ru

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

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

1. PonyExpress. Свежо и зелено

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

PonyExpress

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

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

офисы PonyExpress

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

2. TTG. Правильные акценты

TTG

Данный лендинг — хороший пример минималистичного дизайна в стиле flat. Основная цветовая гамма классическая: белый, синий и контрастный красный. Макет создает ощущение легкости и пространства. Красным же выделены исключительно СТА-элементы, и это прекрасный ход.

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

Из дополнительных плюсов:

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

Плюсы TTG

Из замеченных минусов:

много неочевидных СТА, без призыва к действию списку «Комплектация тарифов» не хватает кнопок «Заказать»

Насколько эффективен анимированный лендинг?

3. Coyote. Дизайн с характером

Стильный черно-белый дизайн с ядовито-зелеными акцентами, полностью соответствующий философии компании: «NO EXCUSES» («Никаких оправданий»).

Coyote

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

оформление сайта Coyote

4. Boa. Дружелюбный дизайн

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

Boa

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

Основной упор сделан на социальность, сторителлинг, кроме того, лендинг просто насыщен живыми улыбающимися лицами. Что интересно: при наведении на фото любого из сотрудников появляются кнопочки, ведущие к их профилям: на Facebook, Twitter, LinkedIn. Только вот беда: ни одна из них на самом деле не работает :)

упор на социальность

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

Лендинги-близнецы Diana Inc. — яркие представители flat-дизайна, полностью копирующие внешность друг друга, за исключением цветовой палитры.

Diana Shipping

Diana Containerships

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

6. Shyp. Краткость — сестра таланта

Shyp

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

Простота и минимализм в веб-дизайне

Простота и минимализм в веб-дизайне

7. Hermes. 100% роскошь

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

Hermes

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

Удобный, деловой, роскошный

8. Farewell. Прощай, обыденность!

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

Сайт компании Farewell

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

высокий профессиональный уровень лендинга

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

Вместо эпилога

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

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

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

03-08-2016

lpgenerator.ru

Лендинг пейдж продвижения в соцсетях

В интернет-маркетинге все как в мире высоких технологий: ситуация развивается слишком быстро и стремительно, словно ураган. Не успел вовремя сориентироваться — и ты пропал. Методы раскрутки в сети, которые были эффективными еще 5-6 лет назад, теперь не работают вовсе. Люди все меньше доверяют традиционной рекламе и все больше — своим знакомым и «лидерам мнений» в популярных соцсетях, аккаунты в которых сегодня имеет любой интернет-пользователь. Продвижение в социальных сетях: ВКонтакте, Facebook, Instagram, Twitter и т.д., становится очень востребованным средством рекламы.

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

Симпатичный современный лендинг по продвижению в популярных социальных сетях:

Calypso Group
  • выполнен в трендовом «плоском» дизайне, который упрощает и ускоряет визуальное восприятие страницы пользователем;
  • отлично просматривается и работает на любом мобильном устройстве;
  • имеет неплохую продающую структуру и набор конверсионных элементов.
Calypso Group

Блоки на странице расположены следующим образом:

  1. Лаконичный первый разворот с контактами и якорными ссылками в шапке, коротким заголовком, СТА и целевой кнопкой.
  2. Триггеры с 4 ключевыми преимуществами компании.
  3. Инфоблок о принципах работы компании с буллетами и якорной кнопкой к лид-форме, справа от которого большой скриншот с примером продвижения сообщества ВКонтакте.
  4. Классный блок-слайдер, посвященный команде: с фотографиями и личными обращениями, которые содержат призывы к действию.
  5. Блок-инфографика об услугах: «Что мы умеем делать».
  6. Простой трехшаговый алгоритм «Как это делается».
  7. Блок с кликабельным портфолио, разбитом на тематики.
  8. Блог компании, к сожалению пустующий.
  9. Контакты.
  10. Главная лид-форма — большая и открытая, с защитой от спама в виде капчи.
  11. Еще одна целевая кнопка, якорная, как последнее средство «зацепить» посетителя — она ведет к лид-форме.
  12. «Подвал сайта» с якорными ссылками, дублирующими ссылки шапки сайта, контактами и кнопками соцсетей: Facebook, Twitter, LinkedIn, Instagram.
Calypso Group

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

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

Bosslike

Весь первый разворот занимают огромные логотипы Twitter, Instagram, ВКонтакте, Facebook и YouTube, нажатие на любой из которых срабатывает так же, как и целевая кнопка выше — перенаправляет на страницу авторизации/регистрации. Выше видны заголовок и подзаголовок с CTA. Лого компании вместе с якорными навигационными ссылками вынесено в плавающую шапку сайта, там же продублирована и целевая кнопка.

Ниже находятся кнопки для расшаривания страницы в соцсетях: Facebook, Twitter и Google+. Под ними есть 3 триггера «О компании в цифрах».

Bosslike

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

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

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

ZT PRO

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

ZT PRO

На втором экране перечислены все услуги компании по продвижению в социальных сетях: Instagram, ВКонтакте, Twitter, Facebook, YouTube. Интересно то, что блоки содержат самые востребованные услуги для каждой из соцсетей в отдельности, причем сразу с указанием цен. Услуги при этом оформлены в виде товаров в магазине — на страницу добавлены:

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

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

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

ZT PRO

Следующий блок — схема работы компании с видео, которое не запускается ни в одном из популярных браузеров :-( Еще один интересный блок — открытая форма захвата данных для сбора Email, в обмен на который предлагают бесплатно один из трех ценных инфопродуктов на выбор.

ZT PRO

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

Минималистичный, а потому очень простой и понятный для восприятия лендинг профессиональных услуг по SEO- и SMM-продвижению.

Elementri

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

  • «Почему мы?» с 4 триггерами преимуществ;
  • 3 услуги: продвижение в Facebook, Вконтакте и в Instagram;
  • подробная вертикальная схема работы;
  • кейсы;
  • большая открытая целевая форма;
  • SEO-текст «О компании»;
  • контакты.
Elementri

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

Неоправданно длинный лендинг ПО для автоматизированного продвижения ВКонтакте. 

Quick Sender

Выполнен в минималистичном стиле, с большим количеством конверсионных элементов. Сделан на неплохом шаблонном макете с бесплатными шрифтами.

Quick Sender

Из преимуществ:

  • 4 основных блока программы и весь ее функционал расписаны предельно подробно, все преимущества понятны пользователю;
  • есть возможность попробовать бесплатную демо-версию продукта, а также скачать отдельную, полностью бесплатную программу для раскрутки в Одноклассниках;
  • огромное количество конверсионных элементов: блок «4 причины выбрать именно нас»; факты о компании, целевые кнопки и лид-формы;
  • большой выбор кнопок для расшаривания страницы в популярных соцсетях;
  • более 40 обучающих видеороликов;
  • отзывы ВКонтакте от реальных пользователей с ответами на них разработчиков и видеоотзывы;
  • круглосуточная техподдержка;
  • партнерская программа;
  • оптимизация под мобайл. 
Quick Sender

Среди недостатков:

  • любая кнопка уводит пользователя со страницы;
  • лендинг слишком длинный, поисковые системы снизили лояльность к подобным страницам: для описаний блоков программы можно было бы сделать слайдер, а отзывы из ВКонтакте упаковать в специальный виджет, например;
  • закачку предлагают скачивать ПО с Яндекс Диска, что удобно далеко не всем.

Очень качественный профессиональный лендинг для компании, которая занимается продвижением в Instagram. 

InstaPROsto

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

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

Кроме того:

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

Это пример отличного, просто первоклассного высококонверсионного лендинг пейдж.

Лендинги по услугам продвижения от LPgenerator

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

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

1. Создание и продвижение видеороликов

Создание и продвижение видеороликов

2. Настройка кампаний в Google Adwords

Настройка кампаний в Google Adwords

3. Увеличение продаж

Увеличение продаж

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

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

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

07-06-2017

lpgenerator.ru

Лендинги компьютерных услуг

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

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

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

Чудо техники

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

  1. Что Вы хотите отремонтировать?
  2. Выберите бренд.
  3. Опишите проблему.
  4. Скидки и бонусы.
  5. Данные для курьера.

Ссылка ниже отправляет на страницу новостей компании.

Чудо техники

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

Чудо техники

Хороший пример лендинга, идущей в ногу со временем. Единственное но — не во всех браузерах сайт отображается корректно.

Стильный короткий лендинг, продвигающий услуги профессиональной компьютерной помощи частным клиентам.

NORD-IT

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

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

NORD-IT

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

NORD-IT

Две главные беды этого лендинг пейдж — это МЫ, а не ВЫ-ориентированный копирайтинг, что говорит о неверном позиционировании.

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

Support-PC

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

Support-PC

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

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

Короткий адаптивный лендинг сервисного центра по ремонту компьютеров и гаджетов.

Легкий ремонт

Первое, чему удивляешься — как у лендинга всего на 2 экрана может быть настолько плохая оптимизация? Если в Google Chrome он загружается еще более-менее быстро, то в Mozilla Firefox, например, работать с ним попросту невозможно.

Если закрыть на это глаза, то перед нами — качественный, яркий компактный лендинг с трендовым полноэкранным меню, заточенный под мобильного пользователя.

Легкий ремонт

Интересная особенность: 2 ключевых преимущества вынесены прямо под шапку, рядом с целевой кнопкой. А вот со слайдером проблема — кнопки на нем просто нарисованы и абсолютно не кликабельны.

Профессиональный ремонт компьютеров, устройств и комплектующих Apple в Москве.

Mac-Hack

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

Mac-Hack

Под слайдером — 3 триггера ключевых преимуществ, за которыми расположен каталог обслуживаемых устройств и перечень услуг компании. Далее идет текст о компании, отзывы, список партнеров и «подвал» сайта. Интересная особенность — в правом краю экрана закреплена кнопка Instagram, который выбран основным SMM-каналом продвижения компании.

Лендинг B2B услуг по обслуживанию компьютерной техники.

LA Systems

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

LA Systems

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

Нешаблонный высококонверсионный лендинг B2B услуг по обслуживанию компьютеров.

АЛПЕТ компьютерс

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

АЛПЕТ компьютерс

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

АЛПЕТ компьютерс

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

Новые компьютерные системы

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

Новые компьютерные системы

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

Новые компьютерные системы

Лендинг пейдж компьютерных услуг от LPgenerator

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

По ремонту компьютеров:

ремонт компьютеровремонт компьютеров

А также по профессиональной компьютерной помощи на дому:

компьютерная помощькомпьютерная помощь

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

макет

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

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

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

24-05-2017

lpgenerator.ru

14 вдохновляющих примеров товарных лендингов для eCommerce-бизнеса

14 вдохновляющих примеров товарных лендингов для eCommerce-бизнеса

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

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

quote

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

 

twitter icoТвитнуть цитату

1. Отзывы пользователей. Важнейший компонент современных сайтов eCommerce.

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

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

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

5. Прозрачные условия доставки/возврата. Скрытые расходы на доставку, как известно — одна из главных причин «брошенных корзин».

6. Подробные описания товаров. Просто дайте людям всю необходимую информацию.

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

Итак, начинаем.

1. Fitbit

1. Fitbit

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

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

2. Sofa.com

2. Sofa.com

Страница выгодно контрастирует со многими другими eCommerce-сервисами по торговле мебелью, часто использующими раздражающе-яркие СТА в стиле «Купить сейчас», или «Беспроцентный кредит».

sofa

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

3. Victoria's Secret

3. Victoria's Secret

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

3. Victoria's Secret

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

4. notonthehighstreet.com

4. notonthehighstreet.com

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

Здесь и качественные фотографии, и текстовый контент, разбитый на 5 вкладок, и даже довольно объемная форма заказа.

5. B&O

Товарные страницы B&O

Бренд по продаже техники радует высококачественным дизайном. Товарные страницы B&O — сами по себе высокотехнологичные ресурсы с преобладанием визуального контента. Просмотр таких страниц создает крайне интересный опыт — словом, это надо видеть ;)

6. Modcloth

6. Modcloth

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

6. Modcloth

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

7. Glasses Direct

7. Glasses Direct

Бренд представляет собой пример «взрывного роста» и взлома рынка, казалось бы, прочно занятого оффлайн-ритейлерами. Но во многом, именно Glasses Direct научили людей покупать очки через интернет в свое время, показав, что это быстро и удобно.

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

8. Betabrand

8. Betabrand

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

8. Betabrand

А концепция бизнес-модели доносится новым пользователям на первом окне сайта (см. выше).

9. Nest

Nest

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

10. Made.com

10. Made.com

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

11. Spicely

11. Spicely

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

12. Indochino

12. Indochino

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

13. Airbnb

13. Airbnb

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

Airbnb

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

14. Sonos

14. Sonos

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

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

По материалам: econsultancy.comImage source: Jaime López 

02-03-2016

lpgenerator.ru

Лендинг пейдж по БМ пошаговый алгоритм и структура

Главная » Blog » Landing page all in one » Каким должен быть лендинг по триггерам бм (Бизнес Молодости)

Станислав ЦысСтанислав Цыс
автор Станислав Цыс

руководитель компании Uni Consulting

look 35932

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

3. Вам в принципе интересна тема создания посадочных страниц и интересны технологии БМ

Давайте пройдёмся по основным триггерам, которые должны присутствовать на landing page с точки зрения Пети и Миши:

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

 

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

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

  • landing page по бм• Блок с презентацией Ваших товаров или услуг• Блок в котором,вы укажите проблемы вашей целевой аудитории (для погружения её в состояние страха)• Блок «решения» после проблем Вы плавно предлагаете Ваши решения• Отзывы/кейсы/готовые работы• Как мы работаем• Блок о компании• Блок с сертификатами и/или логотипами с которыми вы работаете• Футер с контактами – укажите все телефоны которые вы имеете, скайп, почта. Также в футере размещают юр. данные они добавляют доверия.

Лендинг пейдж по бм

Важно понимать!

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

Что я могу сказать об этом: в принципе это рабочая структура лендинга по БМ можно брать и использовать. Единственное есть пару комментариев.

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

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

Какая структура подойдет для услуги на landing page по БМ?

Рассмотрим структуру лендинга по продаже услуги на примере нашего кейс-стади.

Продажа интенсивного курса по подготовке к экзамену IELTS для украинского предпринимателя.

Разворот 1: Презентационная страница

3

  • 1. Логотип и подстрочник, телефон и возможность заказать звонок.
  • 2. Главный заголовок, на котором указывается:
  • 2.1. Что мы продаем?
  • 2.2. Где мы это продаем?
  • 2.3. В чем преимущество?
  • 3. Общая информация о курсах, «упакованная» в клипарты

Разворот 2: Видеоприглашение на курсы

4

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

Разворот 3: Доказательство профессионализма с помощью фактов и цифр

5

В верхней части разворота мы видим кнопку «Записаться со скидкой». Чуть ниже в легком дизайне показаны цифры и факты, которые убеждают посетителя сайта в том, что обратиться сюда — это рациональный шаг, ведь у преподавателя 16 лет опыта преподавания английского языка, 7 лет работы в качестве эксперта IELTS, более 10 000 часов преподавательской практики и так далее. 

Разворот 4: История

6

Это что-то вроде текста «О компании». Маркированным списком (так легче воспринимается информация) тут указаны и расписаны все навыки и знания эксперта. Часто в подобных текстах применяются приемы сторителлинга для создания эмоционального отклика у целевой аудитории.

Разворот 5: Отзывы клиентов

7

Один из самых мощных видов социального доказательства. Более 10 отзывов в видео-формате от клиентов.

Разворот 6: Форма захвата 

8

У нас есть:

  • 1. Скидка в 900 гривен (порядка 42 долларов).
  • 2. Указание полной стоимости и акционной цены.
  • 3. Счетчик обратного отсчета.
  • 4. Открытая форма захвата.

Разворот 7: Алгоритм работы

9

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

Разворот 8: Процесс сдачи теста и форма захвата

10

На этом развороте показана информация о том, как сдается тест IELTS и завершается это выгодным УТП и открытой формой захвата. 

Какая структура подойдет для товара

Продажа товара:

Рассмотрим на примере нашего кейса по продаже кровати-трансформера.

Разворот 1,2: Презентация+ключевые преимущества

11

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

  • 1. Продвигаемый товар — кровать
  • 2. Кровать раскладная и инновационная
  • 3. Кровать трансформируется в шкаф
  • 4. Кровать экономит более 4 метров в комнате

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

Мы сразу же «упаковываем» рациональные преимущества продукта.

Разворот 3,4: Презентация+ключевые преимущества

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

Разворот 5,6: Форма захвата+механизм работы+отзывы

13

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

13,5

Разворот 7: Характеристики и цвета изделия

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

14

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

И, конечно же, футер в конце:

1515,5

Полный лендинг Вы можете посмотреть здесь: http://test.uni.co.ua/tehnohouse.php

Какая структура подойдет для инфобизнеса?

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

Разворот 1: Презентация

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

16

Разворот 2: Видео-презентация

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

17

Разворот 3: Мотивация

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

18

Разворот 4: 5 причин, почему клиент еще не достиг успеха

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

19

Разворот 5: Сторителлинг

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

20

Разворот 6: Новый виток презентации услуги

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

21

Разворот 7: Преимущества курсов

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

22

Разворот 8: Подробно о курсе

23

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

24

Разворот 9: Цены

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

25

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

Разворот 10: Форма обратной связи

26

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

Разворот 11: Алгоритм работы

27

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

Разворот 12: Видео отзывы

28

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

Разворот 13: F.A.Q.

29

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

Разворот 14: Результаты

30

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

Более того, ниже предлагается вернуть деньги, если что-то не сработает.

Разворот 15: Истории успеха

31

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

Разворот 16: Форма обратной связи, футер

32

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

Вместо вывода

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

Рекомендую к просмотру мою презентацию на тему landing page

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

P.P.S Советую так же прочитать Как измерить эффективность landing page или главный показатель?

Видео которое я записал для Вас, на эту тему:

landing.uni.co.ua


Смотрите также