Лендинги лучшие примеры – ТОП 10 примеров лучших лендингов по недвижимости и агентств недвижимости

Содержание

лучшие примеры [и критический разбор]

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

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

Что же делает дизайн посадочной страницы эффективным?

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

  • Изложение преимуществ должно быть ясным и кратким, чтобы посетители сразу же понимали назначение страницы. Именно по такому принципу построены лучшие продающие одностраничные сайты.
  • Страница должна выражать одну-единственную идею с одним главным призывом к действию (Call to action, СТА).
  • При создании макета посадочной страницы используйте приемы дизайна для выделения своего СТА (пустое пространство, цвет, контраст, направляющие сигналы).
  • При использовании форм для сбора данных старайтесь сбалансировать объем запрошенной информации и ценность предложения, получаемого взамен (отчет, «белая книга» и т.п.)
  • Используйте модальные диалоговые окна для выведения вспомогательной информации (условия, политика конфиденциальности, подробная информация о товаре) вместо перенаправления посетителей на другие страницы (что заставит их свернуть с намеченного вами пути конверсии).

Итак, приступаем к разбору примеров действительно хороших посадочных страниц для E-commerce, мобильных продуктов и услуг, финансовых продуктов и страхования, офлайн-услуг, B2B, спецпроектов, анонсов мероприятий, HR-лендингов и вирусных landing pages.

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

Содержание

E-commerce

Влюбиться в продукт по фото

Крутой баннер с рисованными продуктами

О сервисе за 27 секунд

Крутая анимация первого экрана

Милые (как котики) тексты

Теплый ламповый сайт

Мобильные продукты и услуги

Отвечает на вопросы

Забавная графика

Регистрация в 2 строчки

Начать без регистрации

Проще некуда

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

Финансовые продукты и страхование

Просто о сложном продукте

Люди. Люди. Люди.

Продать страховку в два экрана

Офлайн-услуги

Call to Action с размахом

Продать любой ценой

Связь

Просто как в интернет-магазине

Экспериментальный минимализм

Спецпроекты

Красивое путешествие

Виральный контент для сложной тематики

Сайты B2B

Кнопка на каждом экране

Легкий дизайн посадочной страницы для сложного сервиса

Веселые картинки для B2B

Анонсы мероприятий и курсов

Точечная анимация и живые отзывы

Сначала история — потом продажи

Поиграли со шрифтами

Лендинг как авангардное искусство

Новый модный русский дизайн

HR-лендинги

Определение ЦА

Страница одного удачного элемента

Хайповые лендинги

Мемы и шуточки для своих

Шутки шутками — но не забываем про продукт

Образцово-показательный лендинг

Дочитали до конца? Круто!

Плюсы хороших лендингов

Минусы ну таких лендингов


E-commerce

Влюбиться в продукт по фото

kitchenceremony.com

Плюсы. В первую очередь — очень аппетитные картинки с налетом luxury. Большая привлекательная фотография на весь первый экран. Аккуратное и понятное меню над ней. Динамика при проскролле в следующем экране.

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

Крутой баннер с рисованными продуктами

ji-fruits.ru

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

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

Удачная иллюстрация процесса заказа — переписка в мессенджере:

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

О сервисе за 27 секунд

partiyaedi.ru

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

Милые уникальные картинки — всегда хорошо:

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

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

Крутая анимация первого экрана

satellite-express.ru

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

Все продукты (их четыре) расположены на втором экране:

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

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

Милые (как котики) тексты

www.kotofabrika.com

Плюсы. Этот сайт выделяется отличным копирайтингом. И если он покажется излишне «ми-ми-ми», то стоит вспомнить, кто является ЦА производителя. А это хозяева котиков, которые покупают для них домики. Достаточно ми-ми-ми?

Нестандартно подписанный блок для связи с консультантом (а ведь на 99% сайтов они абсолютно шаблонные, хотя кастомизировать их совсем не сложно):

И в целом стиль коммуникации очень дружелюбный и расслабленный, при этом покупатель найдет ответы на свои вопросы:

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

Теплый ламповый сайт

oknaludyam.ru

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

Во втором окне сразу видим кнопку «Рассчитать стоимость» (обратная связь).

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

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

Карта и Васька прекрасны

Еще один минус — текст кнопки «Рассчитать стоимость окон» не оправдывает ожиданий — вместо калькулятора открывается стандартная форма обратной связи.

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

Мобильные продукты и услуги

Отвечает на вопросы

lite.youdrive.today

Плюсы. Видео в первом экране привлекает внимание и отлично «продает эмоцию»: электросамокат — это быстро, стильно, радостно, динамично.

Кнопки приложений для Android и iOS — сразу под видео:

Количество текста сведено к минимуму, вместо повествовательного стиля — короткие ответы по делу:

Что можно улучшить: поскольку это лендинг для приложения, имело бы смысл разместить ссылки на Google Play и AppStore на странице несколько раз, а не один.

Забавная графика

molodost.bz/fact/

Плюсы. Основной плюс — интересный подход к визуализации пути к цели. Стильные анимированные иллюстрации с умеренной иронией.

И вот такой баннер на третьем экране:

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

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

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

Ну и маленькое примечание: стоит следить за скидками. Скидка с 12 900 до 12 990 — так себе бонус.

Регистрация в 2 строчки

lingualeo.com

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

Дизайнеры последовательно используют символ продукта — львенка — на всей странице:

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

Начать без регистрации

www.duolingo.com

Плюсы. Еще один сервис для изучения языков — но здесь первый экран еще круче!

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

Кстати, кнопка «Начать» есть не только в самом начале, но и внизу короткого лендинга.

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

Проще некуда

https://www.strava.com/

Плюсы. 100% прямолинейность и простота.

Можно улучшить: 0% для улучшения. Можно включать в список лучших лендингов мира в категории минимализм.

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

ru.bookmate.com

Плюсы. Скидка крупно на первом экране. Здесь же — все нужные кнопки («Получить подписку», «Войти», «Магазины приложений») и краткая формулировка сути сервиса. Все по делу.

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

Можно улучшить: call to action (CTA, призыв к действию) остается в хедере сайта при прокрутке, но, возможно, стоит поэкспериментировать с его размерами и/или добавить кнопки подписки после отдельных блоков.

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

Финансовые продукты и страхование

Просто о сложном продукте

rocketbank.ru

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

Описание тарифов — компактно и наглядно:

Что можно улучшить: не самое разумное использование первого экрана. Не информативное (скорее, имиджевое, видео) — хотя оно хорошо продает эмоцию, и это может быть плюсом. Есть автозапуск, но по кнопке Play видео открывается в небольшом YouTube-фрейме — и тогда имиджевая составляющая оказывается под вопросом.

Люди. Люди. Люди.

www.mtsbank.ru/malomu-biznesu

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

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

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

Можно улучшить: мало call-to-action элементов. Возможно, кнопку «Открыть счет» следовало бы разместить не только в верхнем баннере, но и в середине и конце лендинга и сделать ее более очевидной. Также не хватает формы обратной связи/онлайн консультанта или номера телефона в видимой части экрана (телефон можно найти только рядом с навигацией в футере сайта, и это общий колл-центр банка, без привязки к продукту).

Продать страховку в два экрана

www.tinkoffinsurance.ru/autoinsurance

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

И затем — схема из трех шагов:

Два экрана — три СТА (call to action) (Купить полис — Рассчитайте страховку — Позвоните мне). Все максимально лаконично, белый фон, черный шрифт, один цвет для расстановки акцентов, много воздуха, минимум слов, прямолинейный текст на кнопках.

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

Как настраивать контекст на профессиональном уровне — без агентства? В модуле контекстной рекламы PromoPult — автоматический подбор слов, автоматическая генерация объявлений, «умное» управление ставками. Готовые отраслевые решения. Статистика в реальном времени. Для профессионалов — множество точных настроек.

Офлайн-услуги

Call to Action с размахом

moscowfreetour.ru

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

Шапка сайта перемещается при проскролле, так что навигационная панель и номер телефона (!) всегда доступны.

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

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

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

Продать любой ценой

qlean.ru

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

Предложение «Рассчитать стоимость» и напоминание о скидке остается с вами при прокрутке:

Цены в блоке с расценками отображаются сразу с 30% скидкой:

… и прежде чем уйти, вы увидите финальное предложение о заказе уборки)

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

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

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

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

Запускаете рекламу в системе PromoPult? Не уверены, что все делаете правильно? Хотите сделать лучше, но не знаете как? Обращайтесь за помощью к профессионалам системы. Ваш персональный менеджер в системе PromoPult.

Связь

Просто как в интернет-магазине

moskva.mts.ru/personal/mobilnaya-svyaz/mobilniy-internet/podklyuchit

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

Максимально просто и понятно оформлен блок допродажи:

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

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

Экспериментальный минимализм

www.yota.ru/#/promo

Плюсы. Очень необычный лендинг. Один экран, все что мы видим — 4 ссылки слева и большой голубой баннер справа из трех слайдов: «Реклама интернета для планшета» — «Реклама скидки 50% за привязку карты» — «Реклама Wi-Fi роутера для YOTA». Вот такой смелый минимализм и постмодернизм в действии.

Можно улучшить: не надо ничего улучшать. Идеальный экспериментальный лендинг.

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

Спецпроекты

Красивое путешествие

getlost-getnatural.ru

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

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

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

Обидная недоработка для такого красивого сайта — плохо читаемый белый шрифт на светлом фоне:

И еще один минус — неочевидные иконки.

Подсказка: верхняя — войти, нижняя — зарегистрироваться.

Виральный контент для сложной тематики

changes.docplus.ru

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

При этом с большинства карточек есть ссылка на основной сайт.

И в конце посадочной — промокод на услугу.

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

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

Съем позиций, кластеризация запросов, парсер Wordstat, сбор поисковых подсказок, сбор фраз ассоциаций, парсер мета-тегов и заголовков, анализ индексации страниц, чек-лист оптимизации видео, генератор из YML, парсер ИКС Яндекса (бесплатно).

Сайты B2B

Кнопка на каждом экране

megaplan.ru/megaplanstart

Плюсы. Сайт 100% заточен под продажи. В первом же экране — форма заявки. Затем кнопка с призывом к действию «Попробовать бесплатно» появляется после каждого блока (1 раз на каждый экран).

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

Очень хороший прием — блок «Зачем Мегаплан руководителю и сотруднику». В зависимости от того, кого вы выбираете, вы видите конкретный набор преимуществ, маркированный иконками.

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

Легкий дизайн посадочной страницы для сложного сервиса

www.cloudpayments.ru

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

Кнопка «Подключить» на первом же экране — большой плюс.

Хороший подход к блоку отзывов: крупные фотографии в рост, человеческий язык.

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

А еще с основного лендинга можно перейти на лендинг 18+… Но мы не можем гарантировать, что среди наших читателей нет 18–, поэтому просто покажем, как организован переход. Любопытно?

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

Веселые картинки для B2B

piratecode.ru

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

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

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

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

Устранить рутину в простановке внешних ссылок можно с помощью модуля «Естественные ссылки» от PromoPult. Система может вообще все работы по линкбилдингу взять на себя — вы только оцениваете площадки.

Анонсы мероприятий и курсов

Точечная анимация и живые отзывы

another-georgia.com

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

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

Отличный прием — тексты от первого лица:

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

Что можно улучшить: сейчас на посадочной странице слишком мало призывов к действию (call to action). Кнопка «Записаться» есть только в шапке сайта, при этом она не очень заметна. Стоило бы попробовать добавить более очевидные и крупные кнопки после отдельных блоков и повторить CTA несколько раз.

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

Сначала история — потом продажи

noboring-finance.ru/planerka

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

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

А далее — три истории вот в такой стилистике:

И только после блока классного сторителлинга посетитель видит описание курса

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

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

Поиграли со шрифтами

special.meduza.io/storm/2017/

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

И вот образец того, как коротко и понятно сформулировать тематику конференции, показать проблемы и определить ЦА:

Для юмора (и котов) тоже осталось немного места:

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

Что можно улучшить: не надо ничего улучшать. Надо учиться 🙂

Лендинг как авангардное искусство

kaskadproject.com

Плюсы. Это не просто лендинг, а произведение концептуального искусства.

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

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

Что можно подсмотреть, вне зависимости от смелости ваших взглядов: короткая форма регистрации, никаких лишних вопросов вроде фамилии, города, возраста и т. д.:

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

Новый модный русский дизайн

rubyrussia.club/ru

Плюсы. Дизайн верхнего баннера — на острие современных модных трендов, образец landing page «made in Russia» (привет единению советских авангардистов и Гоши Рубчинского):

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

Очень компактно — о каждом из спикеров:

И снова котики — да что ж такое…

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

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

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

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

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

Посадочной называется целевая страница, вовлекающая в конверсионный сценарий посетителей вашего сайта, приходящих из поисковых систем, с рекламных объявлений и других источников трафика. Иногда специалисты называют эти страницы лэндингами (от англ. 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

Landing Page: примеры хороших современных лендингов

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

Итак, почему же структура лэндинга подойдёт не каждому предприятию? Ответ прост: если фирма занимается продажей одного товара или оказанием одной услуги, такой как продвижение сайта в Яндексе недорого – тогда разработка лендинга будет то, что надо.

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

Landing Page: примеры

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

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

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

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

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

На изображение приведён пример удачного макета и заманчивого предложения. Качественное фото-фон, равномерно наложенный текст разборчивым шрифтом, что является вторым принципом создания Landing Page.

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

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

И последнее, но очень важное, что нужно учитывать – это само составление предложения, которое будет, так сказать «лицом» Landing Page. Обсуждая макет, мы уже затрагивали тему формирования предложения.

Если создавать успешный лендинг, то лучше составить спецпредложение, содержащее наличие скидки или акции, например, при заказе SEO раскрутки сайта, цена на настройку в Яндекс Директ будет снижена в на определённый процент или же будет бесплатна.

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

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

Лендинг Инстаграм: примеры

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

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

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

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

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

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

Красивые лендинги: примеры

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

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

Минимальное содержание текста, удачное сочетание цветов и полю для клиента отведена лишь одна кнопка – что в данном случае удобно, так как речь идёт только о подключении, то есть если кликнуть по кнопке «подключить», вероятно, покажется форма заполнения.

Такое решение подойдёт если для создания сайта Вы будете использовать конструктор сайта Tilda: что это такое мы уже описывали в отдельной статье.

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

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

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


8 вдохновляющих примеров лендингов строительной тематики

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

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

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

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

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

Великолепный лендинг, демонстрирующий элитные апартаменты Австралии. 

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

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

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

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

Неплохо оптимизированная страница с адаптивным дизайном. Один из немногих хороших лендингов в этой отрасли. Интересный выбор цвета для первого разворота.

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

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

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

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

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

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

Сильные стороны этого лендинга:

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

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

Очень простой лендинг с оригинальной визуальной подачей — нескромной и стильной:

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

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

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

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

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

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

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

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

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

Лендинг по продаже домов из оцилиндрованного бревна и газобетонных блоков.

Большой недостаток этого лендинга — отсутствие внятного названия самой компании или стартапа. Есть лишь упоминания о Wisdom group и блоков YTONG на целой веренице логотипов первого экрана. Внимательно пролистав страницу, сложно понять, у кого же, все-таки, посетитель должен оформлять заказ и кто будет отвечать за его обслуживание?

Однако сам дизайн лендинга свежий и яркий. Здесь с пониманием отнеслись к потребностям целевой аудитории и дали подробные ответы на 3 ее главных вопроса:

  • Сколько стоит?
  • Из чего делается?
  • Как быстро?

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

Шаблоны по бизнес-нишам: строительство домов

Выводы

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

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

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

02-11-2016

17 вдохновляющих примеров лендингов и советы по их оформлению

«Хорошие художники копируют. Великие — крадут»

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

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

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

1. Подбирайте слова

Язык всегда считался мощным орудием влияния на аудиторию. Ниже — пример того, как используя «правильные» термины, можно увеличить интерес посетителей к ресурсу: главная страница сайта Patreon содержит броскую надпись: «Стань меценатом в искусстве!»:

В чем особенность этого оффера?

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

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

И это работает.

2. Вызывайте доверие

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

Оффер компании, занимающейся автоматизацией создания и рассылки счетов, вызывает доверие у посетителей: «Утонченное решение для CFO (Chief Financial Officer, финансовый директор). Простое — для команды».

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

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

Блестяще!

3. Выделите ваше УТП

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

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

4. Добавьте интерактивные элементы

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

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

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

5. Пусть изображение говорит за себя

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

Например, Chatterbox Labs:

«Сегментация аудитории с помощью науки о данных*. Новый взгляд на оптимизацию рекламных кампаний»

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

Конечно, призыв к действию можно выразить яснее, но вы поняли главное: изображение отлично справилось с ролью рассказчика!

*По мнению Harvard Business Review, наука о данных (data science) — самая «сексуальная» профессия XXI века.

6. Будьте проще

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

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

Лендинг содержит два CTA: «Начать — это бесплатно» и «Посмотреть видео»

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

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

7. Ближе к делу

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

Это ошибка. Ваша страница должна максимально полно раскрывать предложение, а посетители — понимать, куда они попали и почему им это может быть интересно. Причем понимание должно происходить мгновенно, например, как на лендинге AskNative.com:

«Ответы местных жителей на все ваши вопросы в путешествии»

Без лишней двусмысленности текст на посадочной странице сразу сообщает очень коротко и ясно, для чего предназначен сервис. Кстати, авторизация через Facebook — дополнительный умный ход (см. п. 6).

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

8. Вы не продаете вещи — вы улучшаете жизнь

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

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

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

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

9. Добавьте видео

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

Для примера рассмотрим главную страницу сайта и контекстное объявление ChickenSaloon.com — производителя курятников. К услугам посетителей пошаговая видео-инструкция по изготовлению собственного курятника:

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

10. Помогите сделать правильный выбор

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

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

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

11. Сделайте сильное заявление

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

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

12. Держите марку. Рискуйте

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

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

13. Спрашивайте

Еще один эффективный способ установить контакт с посетителями — начать первое знакомство с вопроса, как это делает Trulia:

«Хотите узнать, сколько стоит ваш дом?»

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

14. Обращайтесь к эмоциям

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

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

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

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

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

15. Говорите прямо

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

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

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

16. Внимание к общим проблемам

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

«Попрощайтесь с невыносимыми совещаниями»

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

17. Помните о цвете

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

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

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

Желтый — оптимизм, ясность, теплота
Оранжевый — дружелюбие, радость, доверие
Красный — возбуждение, молодость, смелость
Сиреневый — творчество, воображение, мудрость
Синий — доверие, надежность, сила
Зеленый — миролюбие, рост, здоровье
Серый — баланс, нейтральность, спокойствие

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

По материалам wordstream.com 

01-10-2015

Лучшие лендинги мира: 12 примеров, на которых стоит учиться

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

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

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

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

№1: Посадочная страница VideoFruit

Лендинг пейдж VideoFruit

Что сделано правильно:

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

·        Четкое преимущество: если вы подписаны, они научит вас получить первую сотню подписчиков.

·        Зеленая кнопка призыва к действию удачно контрастирует с синим фоном и выделяется.

·        Социальное доказательство помогает установить доверие — NBC News, ESPN, Lifehacker и Moz — крупнейшие и авторитетнейшие сайты Буржунета.

Что можно протестировать / улучшить:

·        Слова, которые передают пользу, «получить ваши первые 100 подписчиков» сливаются и плохо отображаются на синем фоне. Они должны контрастировать.

·        Неплохо бы провести А/В тестирование с другим заголовком - «Хочешь начать свой бизнес?».

№2: Лендинг пейдж ConvertKit

Лендинг пейдж ConvertKit

Что сделано правильно:

·        Обещание «запустить свой первый веб-сайт за 30 дней» является сильным, граничащим с фантастическим, однако вызывает сильное любопытство у читателя.

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

Что можно протестировать / улучшить:

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

№3: Веб-страница Aura Dating Academy

Лендинг пейдж Aura Dating Academy

Брать деньги за уроки ловеласа — это определенно интересная бизнес-идея.

«Академия свиданий» Aura реализовала ее с помощью прекрасной целевой страницы.


Что сделано правильно:

•    Желтая кнопка призыва к действию прямо просится, чтобы ее нажали.

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

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

•    Ярко выраженное ценностное предложение — Дэвид хорошо знает потребности ЦА и поможет «уверенно знакомиться с женщинами».

Что можно протестировать / улучшить:

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

•    Можно опробовать другой набор заголовков. Например, со словом «привлекать».

№4: Лендинг компании MeetEdgar

Лендинг пейдж MeetEdgar

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

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

Исследования Conversion XL показывают, что удаление навигационных элементов с таких веб-страниц увеличивает коэффициент конверсии на 16-28%. Поэтому мы не советуем рисковать.

Что сделано правильно:

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

•             Удачное обещание сэкономить время — очевидная польза, которая делает клиента счастливым.

•             Кнопка призыва к действию выделяется на синем фоне.

Что можно протестировать / улучшить:

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

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

•             Можно расширить информацию о компании и предлагаемых услугах.

№5: Веб-страница MotleyFool

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

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

Что сделано правильно:

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

•             Выделяется слово «бесплатно» и подчеркивается, что «вы ничего не теряете» при подписке на курс.

•             Слова «нет жаргона Уолл-стрит» помогают развеять опасения финансово неграмотных новичков.

Что можно протестировать / улучшить:

•             Целесообразно опробовать замену слова «ensure – обеспечить» на «гарантировать» финансовое будущее, чтобы добавить уверенности потенциальному клиенту.

•             Многих может испугать, что «каждый день он будет получать email для прохождения курса» - пользователям хочется все и сразу, даже если так не бывает.

№6: Лендинг пейдж LandingFolio

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

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

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

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

Что сделано правильно:

•             Заголовок давит на болевую точку.

•             Подзаголовок передает преимущество, которое решает проблему.

•             Логотипы MOZ и Conversion XL внушают уважение.

•             Большая зеленая кнопка призыва к действию выделяется.

Что можно протестировать / улучшить:

•             На веб-странице есть несколько ошибок, которые портят впечатление.

•             На кнопке лучше писать не «Закажи свой...», а «Получи больше конверсий» или что-то похожее.

•             Строчка «Посмотреть примеры заголовков» рядом с кнопкой отвлекает внимание клиента.

№7: Лендинг пейдж IDoneThis

Лендинг пейдж IDoneThis

Что сделано правильно:

•             Фраза «более 160 000 человек» передает социальное доказательство — многие его используют, поэтому вам обязательно следует попробовать!

•             Заголовок посадочной страницы передает четкую и понятную выгоду.

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

•             Возможность регистрации с помощью Google — это простота и высокие конверсии.

Что можно протестировать / улучшить:

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

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

№8: Веб-страница Outskirt Press

Целевая страница Outskirt Press

Что сделано правильно:

•             Обещание впечатляющее — решает проблему начинающих авторов опубликовать собственную книгу со 100% прибылью и соблюдением прав.

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

•             Маркированные списки позволяют легко взглянуть на преимущества.

Что можно протестировать / улучшить:

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

•             Черный шрифт заголовка и текста на синем фоне увеличивает время прочтения. Помните: повлиять на решение пользователя нужно за секунды!

№9: Посадочная страница бизнес-тренера Ноа Кагана

Целевая страница Ноа Кагана

Что сделано правильно:

•             Минималистская страница помогает сосредоточиться на единственном действии — регистрации.

•             Зеленая кнопка с необычным призывом к действию привлекает внимание.

•             Текст передает преимущества и рассказывает именно о перспективах взаимодействия.

•             Ниже приводятся социальные доказательства — отзывы известных людей.

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

Что можно протестировать / улучшить:

•             Неясно, что означает «85% моих самых горячих бизнес-советов» - почему не все???

•             Можно провести А/В тестирование других вариантов СТА вместо фразочки Spice me up.

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

№10: Сайт для спортсменов Athlean-X

Целевая страница Athlean-X

 

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

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

Что сделано правильно:

•             Слово «бесплатно» в заголовке выглядит ярко и заманчиво.

•             Цветовая схема и фон лендинга в целом отлично подобраны для суровых фанатов «железа».

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

Что можно протестировать / улучшить:

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

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

•             Не до конца понятно, что означает название «Черная книга бицепсов».

№11: Бизнес-сайт Эндрю Чена

Лендинг пейдж Эндрю Чена

Данный лендинг предлагает подписаться на авторские обзоры событий Силиконовой долины.

Очевидно, что основная клиентура Чена — это инвесторы и специалисты в области высоких технологий.

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

Что сделано правильно:

•             Минималистская целевая страница фокусирует пользователя на действии.

•             Подзаголовок дает четкое представление о сущности продукта и выгодах от него.

•             Внедрение социальных доказательств с такими именами, как New York Times и Fortune.

•             Отзывы дополнительно усиливают социальные доказательства.

Что можно протестировать / улучшить:

•             Вместо @andrewchen желателен соблазнительный, ориентированный на выгоду заголовок.

•             Сжатие текста, отсутствие вертикального выравнивания, нечеткость <h3> и неправильное использование пробелов могут привести к ухудшению конверсий.

№12: Лендинг пейдж Masala Body

Целевая страница Masala Body

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

Что сделано правильно:

•             Фотографии «до» и «после» наглядно демонстрируют, что создательница рецептов похудения действительно знает, о чем говорит. Результат вызывает доверие.

•             Предложение получить по email БЕСПЛАТНЫЕ рецепты призывает попробовать.

•             Идея потеря веса с помощью специй весьма любопытна и привлекательна для большинства — изнурительные упражнения и диеты здесь даже не упоминаются!

•             Автор борется с вероятными возражениями, допуская шоколадный торт в своих таинственных рецептах! Это последняя линия обороны сладкоежек.

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

•             Ниже приведены цитаты экспертов, которые «узаконивают» методику.

•             Отзывы женщин подкрепляют уверенность в результатах.

Что можно протестировать / улучшить:

•             Элементы навигации снова позволяют посетителю уходить через второстепенные разделы сайта — например, через блог — не выполнив целевого действия (без регистрации email).

Берите пример с лидеров, не повторяйте ошибок, и удачных вам конверсий!

ТОП 10 примеров лучших лендингов по недвижимости и агентств недвижимости

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

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

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

Какие элементы должен включать лендинг для тематики недвижимости, чтобы называться эффективным?

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

Четкая структура информации

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

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

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

Дизайн сайта

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

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

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

Пример оффера на лендинге недвижимости

УТП

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

Пример оффера на лендинге недвижимости

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

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

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

Пример оффера на лендинге недвижимости

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

Фото и/или видео

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

Пример оффера на лендинге недвижимости

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

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

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

Призывы к действию (CTA, call-to-action)

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

Пример оффера на лендинге недвижимости

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

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

Пример оффера на лендинге недвижимости

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

Преимущества и выгоды

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

Пример оффера на лендинге недвижимости

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

Пример оффера на лендинге недвижимости

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

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

Пример оффера на лендинге недвижимости

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

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

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

Пример оффера на лендинге недвижимости

Контакты

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

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

Пример оффера на лендинге недвижимости

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

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

Примеры лучших лендингов недвижимости

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

Пример 1.

Пример оффера на лендинге недвижимостиwww.nasledie-hals.ru

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

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

Пример 2

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

Пример оффера на лендинге недвижимости

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

Пример оффера на лендинге недвижимости 

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

Пример оффера на лендинге недвижимости

Пример 3

Сайт, посвященный продаже квартир в жилом комплексе от застройщика.

Пример оффера на лендинге недвижимости

www.vavilovdom.ru

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

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

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

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

Пример 4

В этом примере мы рассмотрим посадочную страницу по продаже пентхауса класса люкс.

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

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

Пример оффера на лендинге недвижимости

Пример 5

Интересный пример лендинга жилого комплекса с ярким дизайном и оригинальной концепцией.

Пример оффера на лендинге недвижимости

www.chicago.kiev.ua

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

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

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

Примеры лучших лендингов агентств недвижимости

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

Пример 1

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

Пример оффера на лендинге недвижимости 

www.rjsmith.co.uk

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

Пример оффера на лендинге недвижимости

Пример 2

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

Пример оффера на лендинге недвижимости

www.homelight.com

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

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

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

Пример 3

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

Пример оффера на лендинге недвижимости

www.compass.com

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

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

Пример 4

Дорогостоящим услугам - дорогой сайт.

Пример оффера на лендинге недвижимости

www.sprec.com

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

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

Пример 5

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

Пример оффера на лендинге недвижимости

discover.corcoran.com

Структура сайта выполнена по маркетинговой концепции AIDA. Здесь есть выгоды и преимущества…

Пример оффера на лендинге недвижимостиФормы призыва к действию, оформленные отдельным блоком…

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

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

Как создать хороший лендинг для тематики недвижимости?

Чтобы разработать эффективный лендинг пейдж недвижимости или агентства недвижимости, необходимо:

  • Продумать концепцию сайта, его структуру и дизайн;
  • Проработать УТП, создав цепляющий и запоминающийся первый заголовок;
  • Сделать качественные снимки реальных объектов или купить их на платных биржах, чтобы подчеркнуть серьезное отношение компании к своим клиентам;
  • Разработать продающие призывы к действию и разместить их по длине одностраничника в зависимости от услуг компании и потребностей ЦА;
  • Тестировать конверсию сайта, постоянно работая над его эффективностью.

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

Понравилась статья? Лайкните ее и подпишитесь на наш блог, чтобы не пропустить новый контент!

Следующий проект:Лучшие лендинги 2019-2020Предыдущий проект:15 адских ошибок лендинга, которые убьют ваши продажи

Отправить ответ

avatar
  Подписаться  
Уведомление о