Landing page примеры – Примеры хороших продающих Лендинг Пейдж

Содержание

«Убойные» посадочные страницы: три примера эффективных лэндингов

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

Посадочные страницы: определение, критерии эффективности

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

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

  • Наличие подчеркнутого призыва или приглашения посетителя к действию. Хороший лэндинг четко побуждает потенциального клиента к совершению одного действия, например, к подписке на рассылку или к регистрации на сайте.
  • Соответствие информации на посадочной странице обещанию, данному посетителю вне вашего сайта. Например, если сниппет поисковой выдачи или текст рекламного объявления сообщает клиенту о возможности подписаться на бесплатные видеоуроки, лэндинг должен предоставить ему такую возможность.
  • Простота дизайна и неперегруженность информацией. «Приземлившись» на страницу, потенциальный клиент не должен отвлекаться от конверсионного действия рюшками в шапке сайта или длинными рассуждениями о качестве продукта.
  • Корректное использование фотографий. Картинки улучшают визуальное восприятие лэндинга. Но соблюдайте меру — вы ведь не хотите, чтобы клиент забыл добавить товар в корзину, погрузившись в изучение фото.
  • Использование силы брендов. Изображения надкушенного яблока или зеленого дроида добавят посетителям вашего сайта уверенности в качестве соответствующего продукта.
  • Возможность быстро поделиться информацией в социальных сетях. Всегда добавляйте на посадочные страницы кнопки шеринга Facebook, Twitter, «Вконтакте» и других сетевых ресурсов.
  • Постоянное совершенствование. Хороший лэндинг не бывает статичным. Мы, например, перманентно тестируем целевые страницы, изменяем их в соответствии с поведением пользователей, дорабатываем и улучшаем.

Три примера «убойных» посадочных страниц

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

Посадочная страница компании Content Rules

Американский разработчик контента Content Rules создал эффективную посадочную страницу для распространения своей электронной книги.

Что компания Content Rules сделала правильно:

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

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

Логотип Content Rules повышает уверенность посетителя в качестве продукта.

Что можно усовершенствовать:

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

  • Социальный шеринг

Кнопки популярных социальных сетей повысят эффективность лэндинга Content Rules.

Лендинг компании по недвижимости ALM Real Estate Media Group

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

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

  • Возможность регистрации через Facebook

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

Что можно усовершенствовать:

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

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

Лэндинг Windows Intune

Корпорация Microsoft использует посадочную страницу для распространения 30-дневной пробной версии облачного сервиса Windows Intune.

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

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

  • Четкий призыв к действию и фокусировка на преимуществах продукта

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

Использование логотипа Windows повышает доверие аудитории к продукту.

Что можно улучшить:

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

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

Заключение

Итак, вы познакомились с тремя примерами хороших лэндингов. Обратите внимание, каждый из них может стать еще лучше после тестирования и оптимизации. Воспользовавшись опытом компаний Content Rules, ALM и Microsoft, вы точно создадите несколько шедевральных посадочных страниц. Только обязательно расскажите об этом в комментариях!

Адаптация материала Эреза Барака Killer Landing Pages: 3 Examples of Landing Pages that Convert.

Еще несколько полезных материалов по лэндингам:

uboynye-posadochnye-stranitsy-tri-primera-effektivnykh-lendingov

texterra.ru

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

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

Обратите внимание на роль «главного изображения» или «hero image» в каждом примере — оно закладывает продающий потенциал лендинга.

Надеемся, эти кейсы вдохновят вас на собственные тесты.

Сайт магазина дизайнерской одежды и аксессуаров Hebe Boutique — пример гармоничного, продуманного дизайна. Главное изображение сразу привлекает внимание, а фотографии товаров отличаются качеством. Типографика тоже радует: толщина шрифта больше стандартной, что, вместе с качественными фото, дает добротный визуальный образ. 

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

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

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

Интернет-магазин Ada Blackjack продает сумки и рюкзаки. Дизайн прост, в его основе — хорошие фото товаров. Такой макет не отвлекает от главного — товаров.

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

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

Другой способ выделиться — нестандартный дизайн. Пример — магазин одежды и товаров для дома RYDER, с весьма креативным макетом (см. меню на скриншоте). Стоит протестировать, как это влияет на конверсию landing page.

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

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

Dick Moby продают очки, и на лендинге бренда много сильных дизайн-ходов:

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

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

Бренд продает накладные ресницы. Они же — в центре композиции, а благодаря укрупненным фото товара (и его упаковки), продукт привлекает внимание с первых секунд.

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

Читайте также: Методика выявления уникальных отличий товара или услуги среди конкурентов

Poketo — пример грамотного расставления цветовых акцентов. Хотя на главной странице много ярких красок, в целом, дизайн не перенасыщен ими. Сайт скорее светлый, пастельный, а броские цветные пятна только собирают внимание. 

Jackie Smith — очередной «яркий» сайт-eCommerce. Как и в примере выше, визуальный баланс выдержан хорошо. Насыщенными цветами выделены важные элементы — фото товаров и блоки с акциями. Все остальное — черно-белое. 

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

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

На первом экране онлайн-магазина Greyrock — только фото. Там изображена мебель, которая собирается легко и без инструментов (реальное УТП). Девушка с книгой и надпись в заголовке дополняют композицию, как бы говоря: «Расслабься (Take it easy), закажи мебель, быстро собери ее и отдыхай».

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

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

Еще один интернет-магазин в стиле «Ничего лишнего». Хотя дизайн обходится без особых «фишек», впечатления незавершенности он не оставляет. Все к месту, от перечня товаров ничего не отвлекает.

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

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

Интернет-магазин THING IND. предлагает нестандартные товары для дома. Концепция отражена в оформлении лендингов. На сайте вместо черного выбран темно-синий шрифт (в том числе, для навигации). Дизайнеры создали непринужденную атмосферу, что нетипично для сферы eCommerce.

Soap Co. подают товар так, что он «продает себя сам». Нет никаких рекламных элементов — только фото и текст. Отличный пример минимализма в дизайне.

Насыщенный, стильный дизайн. Элементов много, но внимание не рассеивается. Заняты даже углы — в них размещена аббревиатура бренда.

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

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

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

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

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

The Letter J продает типографские изделия: принты и чехлы для iPhone. Интересен подход к расположению фото: изображения размещены на фоне пересекающихся цветных листов бумаги. Интересный и необычный дизайн-прием. 

Интернет-магазин 100% Pure оформлен не слишком вычурно. Однако, дизайн доказывает, что разработать хороший сайт и лендинг можно без лишнего креатива. Хорошего UX вполне достаточно. 

Фото в этом примере не статичные, а динамичные — как в буквальном смысле (они анимированы), так и в переносном (ботинок словно стремится за предел сайта). Так бренд транслирует верный посыл — обувь All Birds для движения, активной жизни.

Читайте также: Оптимизация юзабилити главной страницы интернет-магазина

Интернет-магазин Oi Polloi показывает. что минимализм — не синоним скучному дизайну. Крупные фото товаров на цветном фоне вместе с необычным шрифтом создают отличное впечатление. 

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

Читайте также: Лендинг vs Домашняя страница: что эффективнее?

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

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

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

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

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

По материалам: oberlo.com

05-12-2016

lpgenerator.ru

Схема структуры макета идеального Landing Page

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

Содержание

Заголовок
Логотип, название компании, контакты
Демонстрация продукта/услуги
Преимущества бренда
Описание оффера
Взаимная коммуникация
  Лид-форма
  CTA
  Акция
Социальные доказательства
Завершающий маркетинг
Вместо заключения

Заголовок

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

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

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

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

Простой пример от LPgenerator:

Этот и другие шаблоны вы можете взять за основу для создания своего первого лендинга в конструкторе LPgenerator:

Логотип, название компании, контакты

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

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

Разобравшись, куда он попал, и увидев ваше предложение, пользователь задастся вопросом, как приобрести ваш товар или услугу. Именно поэтому главная страница должна проектироваться с блоком контактов, и чаще всего здесь же ставят CTA-кнопку «Заказать звонок».

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

Демонстрация продукта/услуги

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

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

Вот удачный макет, сочетающий обе эти техники:

Преимущества бренда

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

Сначала мы использовали лаконичный коммерческий заголовок, призванный «схватить» клиента сразу после входа. Теперь нужно опередить вопрос посетителя «Зачем мне это нужно?». Тут важно найти баланс между информативностью/объемом, а не «растекаться мыслью по древу», так как специфика landing page не позволяет подобного.

Подходящие примеры находим в магазине целевых страниц:

Описание оффера

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

Вот пример еще одного шаблона из нашей Галереи:

Взаимная коммуникация

Лид-форма

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

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

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

Теперь о том, где же оптимальное место лид-формы: на первом экране или после «линии сгиба». Ответ нашелся у эксперта Майкла Огарда (Michael Aagaard) из компании ContentVerve. Он провел занимательное сплит-тестирование: сравнил две версии расположения поля. Первый вариант — выше «линии сгиба», второй — ниже.

В результате выяснилось, что второй вариант повысил уровень конверсии на целых 304%.

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

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

CTAA

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

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

Проверяли два варианта, где были кнопки «Получите 30-дневную версию»/«Получить мою 30-дневную версию».

Удивительно, но во втором случае коэффициент кликабельности вырос на 90%.

Резюмируя сказанное:

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

Вот еще один пример от LPgenerator:

Акция

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

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

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

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

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

  • использовать минимум 3 отзыва;
  • размещать настоящее фото клиентов;
  • добавлять ссылки на профиль автора из социальных сетей;
  • делать текст максимально «человечным»;
  • при необходимости использовать поля «Профессия», «Возраст».

Все шаблоны LPgenerator содержат разнообразные варианты блоков с отзывами, а также вы можете воспользоваться конструктором секций:

 

Читайте также: 5 типов социальных доказательств, которые можно использовать прямо сейчас

Завершающий этап

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

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

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

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

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

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

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

31-08-2015

lpgenerator.ru

6 примеров Landing Page (Лендингов) с высокой конверсией

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

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

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

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

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

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

Следующий конверсионный блок — social proof + CTA. Самый сильный блок в лендинге.

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

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

Следующий пример лендинга с высокой конверсией — промышленная тематика «вентиляция и кондиционирование»

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

Баннер с УТП, мотивирующим вторым заголовком и лидогенерирующей кнопкой

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

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

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

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

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

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

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

Пример landing page с высокой конверсией для услуг организации системы отопления

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

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

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

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

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

Говорим об опыте компании, перечисляем задачи, с которыми компания справится. Играем на страхи посетителя.

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

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

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

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

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

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

Яркий пример эффективного сайта с высокой конверсией — лендинг для детского фестиваля

Объемная, интересная работа и отличный результат в виде очень высокой конверсии. Цель этого landing page — привлечь максимальное количество участников детского фестиваля. Задача лендинг пейдж — рассказать посетителю о фестивале и предоставить ему возможность стать его участником.

Баннер — уникальное торговое предложение с указанием главной информации — датой проведения праздника

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

Для мотивации участника предложили подарок за репост. Результат был ошеломительным! Отдельная фишка — мотивация посетителя в виде «желания» ребенка.

Раскрываем преимущество фестиваля и размещаем лидогенерирующую кнопку с интересным СТА. Называем ребенка «предпринимателем» для усиления желания.

Отвечаем на вопрос об участниках, не забывая о взрослых

Мотивируем посетителя лендинга причинами стать участником фестиваля

Усиливаем желание за счет демонстрации спикеров и специальных приглашенных гостей

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

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

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

Пример крутого по нашему мнению эффективного landing page с высокой конверсией

Оценив этот пример landing page, мы пришли к выводу, что он обречен на очень высокую конверсию. Судите сами.

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

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

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

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

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

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

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

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

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

Блок доверий совместил в себе самые мощные компоненты: реальное фото специалиста

а также отзывы клиентов и видеообращения.

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

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

Еще один пример landing page с высокой конверсией

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

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

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

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

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

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

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

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

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

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

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

Мы привели примеры landing page с высокой конверсией, которые помогли компаниям развить свой бизнес, привлечь новых клиентов и получить хорошую прибыль от посадочных страниц. Хотите такой же? Тогда заказывайте landing page в нашей веб-студии и начинайте получать первые заказы уже 25 дней!

На этом все! Ставьте лайки и подписывайтесь на наш блог.

Следующий проект:Оффер на лендинг — примерыПредыдущий проект:Выбор CMS для лендинг пейдж

impulse-design.com.ua

Примеры landing page с оригинальным дизайном

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

Дизайн лендинга и хенд-мейд

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

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

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

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

Тык на картинку, чтобы перейти на лендинг и увидеть его вживую!

Пример лендинга в нише свадьбы

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

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

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

Пример лендинга в нише студия дизайна

Пример 2. Первый экран лендинга небольшой, но известной в своем регионе дизайн-студии. И снова формат «главной страницы» со скроллингом вправо. Кстати, формат страницы при желании можно заменить на привычный вертикальный лендинг (нарисованный пластиковый стаканчик с надписью «skinny version»).

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

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

В следующем примере представлен дизайн лендинга агентства, которое занимается SMM:

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

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

Еще один пример дизайна посадочной странице от сербской дизайн студии:

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

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

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

Пример лендинга в нише веб-дизайн

Пример 5. В качестве примера выбран первый экран посадочной страницы веб-студии с очень приятными векторными иллюстрациями.

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

Пример в нише мобильный провайдер

Пример 6 Первый экран лендинга по продаже сим-карт лучше оценивать «вживую». Милые рукописные шрифты и иллюстрации дополнены анимацией.

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

Пример лендинга в нише дизайн интерьера

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

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

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

Пример лендинга в нише «игры»

Пример 8 Кнопка лендинга предлагает ни много ни мало — «убить всех хипстеров!». Однако оформление сайта доставляет.

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

Пример лендинга в нише алкогольные напитки

Пример 9. Желтый на желтом — не самое лучшее решение, скажете вы? Только не в этом случае! Удачный пример, как можно использовать дизайн этикетки в качестве фона. Так у пользователей не останется шанса не узнать нужное пиво на полке в магазине.

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

Пример 10. Лендинг, рекламирующий новозеландское вино со скроллингом вверх, выполненный в стильной и сдержанной меловой стилистике.

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

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

Вывод:

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

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

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

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

С использованием материалов статьи «Lovely Website Designs with a Hand-Drawn Feel and Awesome Sketchy Illustrations».

convertmonster.ru

Лучшие примеры лендингов, идеальная посадочная страница Landing Page

Создайте посадочную страницу на 1C-UMI. Просто выберите доменное имя и введите ваш e-mail. Затем вы увидите примеры landing page для любого вида предпринимательства — адаптивные шаблоны дизайна. Преимущество адаптивных сайтов заключается в том, что они корректно отображаются и на мониторе компьютера, и на экране мобильного устройства. Лучшие лендинги, безусловно, создаются с адаптивным дизайном.

Расположение элементов в разных шаблонах 1C-UMI несколько отличается. Выберите шаблон, который в большей степени соответствует вашим бизнес-задачам, а также понравится по дизайну.

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

  • Меню
    Оптимизируйте навигацию на странице.
  • Карусель фото
    Добавьте фотографии вашего товара или менеджеров компании.
  • Формы обратной связи
    Дайте клиенту возможность оставить вам данные о себе.
  • Контентные блоки
    Разместите актуальную информацию о ваших продуктах или услугах.
  • Счетчик
    Используйте его, если хотите сделать акцент на времени, оставшемся до конца какой-либо акции или начала события.
  • Обратный звонок
    Перезвоните клиенту, как только он пришлет вам свои имя и телефон через эту форму.
  • Блоки-категории
    Опубликуйте расширенную информацию о вашей компании с небольшими фотографиями или иконками.
  • Отзывы
    Выберите лучшие мнения клиентов о вашей работе и разместите их в этом блоке.
  • Карта
    Напишите на странице точный адрес и прикрепите карту Google или «Яндекс», чтобы клиент не заблудился.
  • Социальные сети
    Предоставьте пользователю возможность поделиться с друзьями вашим предложением в социальных сетях.

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

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

  

umi.ru

Лучшие примеры целевых (landing) страниц

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

UberVu

Monetate eBook 

Groupon

iPhone App Development

TripLingo 

 

Bundlr 

Ben the Bodyguard

Statusboard

dribbblr

Weatherwise

Tea Round App

Square

GiftRocket

Votizen

TapShop.cz

CHOICR

Symbolicons

Localhero

causevox

Huli Health

Blabcake

Polytown

knovio

Menucopia

IMPRESS

slidedeck

monsoonco

keas

wistia

design boost

Startup Weekend

Favomatic

BiznessApps

brusheezy

 

По материалам: Adrian, Oli Gardner 

 

www.dejurka.ru

Leave a Reply