Landing page хорошие примеры: Лендинги. Когда, зачем и как их использовать? — Маркетинг на vc.ru

Содержание

Лендинги. Когда, зачем и как их использовать? — Маркетинг на vc.ru

{"id":142748,"url":"https:\/\/vc.ru\/marketing\/142748-lendingi-kogda-zachem-i-kak-ih-ispolzovat","title":"\u041b\u0435\u043d\u0434\u0438\u043d\u0433\u0438. \u041a\u043e\u0433\u0434\u0430, \u0437\u0430\u0447\u0435\u043c \u0438 \u043a\u0430\u043a \u0438\u0445 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c?","services":{"facebook":{"url":"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https:\/\/vc.ru\/marketing\/142748-lendingi-kogda-zachem-i-kak-ih-ispolzovat","short_name":"FB","title":"Facebook","width":600,"height":450},"vkontakte":{"url":"https:\/\/vk.com\/share.php?url=https:\/\/vc.ru\/marketing\/142748-lendingi-kogda-zachem-i-kak-ih-ispolzovat&title=\u041b\u0435\u043d\u0434\u0438\u043d\u0433\u0438. \u041a\u043e\u0433\u0434\u0430, \u0437\u0430\u0447\u0435\u043c \u0438 \u043a\u0430\u043a \u0438\u0445 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c?","short_name":"VK","title":"\u0412\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0435","width":600,"height":450},"twitter":{"url":"https:\/\/twitter.com\/intent\/tweet?url=https:\/\/vc.ru\/marketing\/142748-lendingi-kogda-zachem-i-kak-ih-ispolzovat&text=\u041b\u0435\u043d\u0434\u0438\u043d\u0433\u0438. \u041a\u043e\u0433\u0434\u0430, \u0437\u0430\u0447\u0435\u043c \u0438 \u043a\u0430\u043a \u0438\u0445 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c?","short_name":"TW","title":"Twitter","width":600,"height":450},"telegram":{"url":"tg:\/\/msg_url?url=https:\/\/vc.ru\/marketing\/142748-lendingi-kogda-zachem-i-kak-ih-ispolzovat&text=\u041b\u0435\u043d\u0434\u0438\u043d\u0433\u0438. \u041a\u043e\u0433\u0434\u0430, \u0437\u0430\u0447\u0435\u043c \u0438 \u043a\u0430\u043a \u0438\u0445 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c?","short_name":"TG","title":"Telegram","width":600,"height":450},"odnoklassniki":{"url":"http:\/\/connect.ok.ru\/dk?st.cmd=WidgetSharePreview&service=odnoklassniki&st.shareUrl=https:\/\/vc.ru\/marketing\/142748-lendingi-kogda-zachem-i-kak-ih-ispolzovat","short_name":"OK","title":"\u041e\u0434\u043d\u043e\u043a\u043b\u0430\u0441\u0441\u043d\u0438\u043a\u0438","width":600,"height":450},"email":{"url":"mailto:?subject=\u041b\u0435\u043d\u0434\u0438\u043d\u0433\u0438. \u041a\u043e\u0433\u0434\u0430, \u0437\u0430\u0447\u0435\u043c \u0438 \u043a\u0430\u043a \u0438\u0445 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c?&body=https:\/\/vc.ru\/marketing\/142748-lendingi-kogda-zachem-i-kak-ih-ispolzovat","short_name":"Email","title":"\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043d\u0430 \u043f\u043e\u0447\u0442\u0443","width":600,"height":450}},"isFavorited":false}

2086 просмотров

ТОП 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. Здесь есть выгоды и преимущества…

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

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

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

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

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

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

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

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

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

20 характерных особенностей современных лендинг пейдж с примерами | DesigNonstop

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

1. Призыв к действию
После посещения целевой страницы пользователь должен однозначно понимать, какое именно действие (call to action) ему предлагают совершить. Это могут быть такие действия, как скачать, заказать, купить, протестировать, зарегистрироваться, подписаться, отправить информацию.

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

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

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

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

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

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

8. Активные крупные заголовки блоков

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

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

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

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

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

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

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

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

16. Контактная форма для дополнительных вопросов и FAQ
Особое внимание на целевых страничках уделяется информированности посетителя. Для этих целей идеально подходит блок Часто задаваемые вопросы (FAQ) или же готовая диалоговая форма прямой онлайн связи с оператором или менеджером. В любом случае посетитель должен получить ответ на свой вопрос.

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

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

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

20. SEO ориентированная верстка
Что касается SEO оптимизации, то сюда входит валидная верстка с грамотным использованием тегов h2…6, дивов, прописанных тайтлов и мета тегов. Также важно уделить внимание скорости загрузки и оптимизации под разные браузеры, а также адаптивность под мобильные устройства.

Подборка бесплатных WordPress шаблонов посадочных страниц

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

Что такое целевая страница

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

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

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

The Launcher

The Launcher – отличная тема целевой страницы WordPress для запуска нового товара или услуги. Тема предлагает адаптивный дизайн и множество функций для создания выигрышной целевой страницы. Формы подписки с полноэкранным фоном слайдера соберут пользовательские данные, добавят больше подписчиков, а привлекательные кнопки Call To Action (CTA) обязательно превратятся в более высокие лиды. В шаблоне липкое меню, раздел служб, раздел видео, избранные посты, блог, раздел клиентов, таблицы цен и многое другое. Он основан на WordPress Live Customizer – настройте вашу тему с предварительным просмотром в реальном времени.

Основные особенности The Launcher:

  • Адаптивный параллакс страницы.
  • Экран запуска сайта – встроенный обратный отсчет.
  • Красивый призыв к действию.
  • Видео раздел – добавить видео YouTube / Vimeo.
  • SEO оптимизация и быстрая загрузка.

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

Скачать / Демо / Детали | Заказать сайт на этой теме | Потестировать хостинг

AccessPress Parallax

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

Основные особенности AccessPress Parallax:

  • Полностью адаптивная тема с эффектом параллакса.
  • Привлекательные варианты призыва к действию (CTA).
  • Формы контактов и интеграция с картой Google.
  • Возможность магазина WooCommerce.
Скачать / Демо / Детали | Заказать сайт на этой теме | Потестировать хостинг

Llorix One Lite

Llorix One Lite – простая бесплатная тема WordPress. С ее помощью вы легко создадите современный веб-сайт. Домашняя страница темы имеет несколько красивых разделов с фоном прокрутки параллакса. Можно добавить привлекательную кнопку призыва к действию в самом первом разделе, за которой последуют разделы: сервисы, наши истории, последние новости, отзывы и карты Google. В шаблон встроены контактные страницы, блог, магазин и многое другое. Полностью адаптивная тема, которая отлично смотрится на всех устройствах.

Основные особенности Llorix One lite:

  • Бесплатная тема с плоским и чистым дизайном.
  • Электронная коммерция – поддержка WooCommerce.
  • Интеграция с сеткой фотогалереи, Contact Form 7.
  • Красивые кнопки.
  • SEO оптимизирована.
Скачать / Демо / Детали | Заказать сайт на этой теме | Потестировать хостинг

Gaga Lite

Gaga Lite – отличный пример элегантности и силы. Разработчики предлагают эстетически красивый макет темы, а также множество функций и параметров настройки. Это многофункциональная тема в стиле одной страницы для создания современных бизнес-сайтов, а также целевых страниц. Представление вашего продукта с полноэкранными слайдерами и жирным шрифтом – лучший способ представить ваш продукт аудитории. Тема предлагает несколько мест и стилей для добавления кнопок призыва к действию (CTA), которые являются одним из основных элементов целевой страницы.

Основные особенности Gaga Lite:

  • Бесплатная одностраничная тема стиля для целевых страниц.
  • Построена на WordPress Live Customizer.
  • Красивые разделы домашней страницы – о нас, услуги, портфолио, отзывы.
  • Наш магазин и раздел тарифных планов.
  • Контактные формы и иконки социальных сетей.
Скачать / Демо / Детали | Заказать сайт на этой теме | Потестировать хостинг

Intro

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

Основные особенности Intro:

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

Parallax One

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

Основные особенности Parallax One:

  • Параллакс WordPress тема.
  • Неограниченные варианты цвета.
  • Интеграция WooCommerce.
  • Варианты CTA.
  • Иконки социальных сетей.
Скачать / Демо / Детали | Заказать сайт на этой теме | Потестировать хостинг

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

Parallax One — функции и основные параметры темы WordPress от Themeisle.

One Paze

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

Основные особенности One Paze:

  • Адаптивная тема на одной странице.
  • Полностью настраиваемая.
  • Несколько макетов блога.
  • Встроенные виджеты.
  • Перевод готов.
  • Контактные формы, карту Google и иконки социальных сетей
Скачать / Демо / Детали | Заказать сайт на этой теме | Потестировать хостинг

Venture Lite

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

Основные особенности Venture Lite:

  • Многоцелевой WP шаблон.
  • Чистый и современный дизайн.
  • Эффект параллакса.
  • Электронная коммерция.
  • Оптимизирована для SEO и скорости.
  • Включены контактные формы.
Скачать / Демо / Детали | Заказать сайт на этой теме | Потестировать хостинг

West

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

Основные черты West:

  • Адаптивная тема на основе HTML / CSS3.
  • WordPress Live Customizer.
  • Пользовательские параметры заголовка.
  • Пользовательские шрифты и цвета.
  • Призыв к действию.
Скачать / Демо / Детали | Заказать сайт на этой теме | Потестировать хостинг

Business Elite

Business Elite – целевая страница WordPress, разработанная специально для бизнес-сервисов и корпоративных фирм. Тема использует прокрутку страницы и технологию параллакса. Интегрирована с мощными плагинами WordPress, такими как JetPack, Contact Form 7, Photo Gallery и другими. Шаблон полностью адаптивен и готов к работе с сетчаткой – выглядит великолепно со всеми типами и размерами экранов.

Основные особенности Business Elite:

  • Красивая адаптивная одностраничная тема.
  • Полноэкранные слайдеры с CTA.
  • Липкое меню.
  • Виджеты и шорткоды.
  • О нас, нашей команде, раздел отзывов.
Скачать / Демо / Детали | Заказать сайт на этой теме | Потестировать хостинг

Pixova Lite

Pixova Lite – красивая тема One Page Parallax, благодаря которой вы получите профессиональный веб-сайт. Она идеально подходит для эффективного продвижения вашего продукта в Интернете. Позволяет добавлять видео-фоныс анимацией, стильное меню, разделы с недавними работами и портфолио, отзывы, цены, последними новости, контакты, местоположением. Тема позволяет добавлять разделы в область нижнего колонтитула вместе с социальными значками.

Основные особенности Pixova Lite:

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

OnePress

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

Основные особенности OnePress:

  • Современная адаптивная одностраничная тема.
  • Поддержка WooCommerce.
  • 8 красивых разделов домашней страницы.
  • Полноэкранные слайдеры..
  • SEO дружественная.
Скачать / Демо / Детали | Заказать сайт на этой теме | Потестировать хостинг

Minimable

Minimable – основанная на Bootstrap полностью адаптивная тема для WordPress. Она использует плагин Superscrollorama jQuery для великолепных эффектов прокрутки. Minimable позволяет добавить привлекательную страницу блога, где вы можете поделиться своими статьями и последними обновлениями.

Основные особенности Minimable:

  • Современная бесплатная тема на основе Bootstrap.
  • Неограниченные варианты цвета.
  • Отображение портфолио во вкладках / категориях.
  • Прекрасный раздел галереи.
  • Контактные формы и социальные сети.
Скачать / Демо / Детали | Заказать сайт на этой теме | Потестировать хостинг

Vega

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

Основные особенности Vega:

  • Адаптивная и мобильная тема.
  • Параметры текста или изображения логотипа.
  • Полноэкранное изображение баннера.
  • Параллакс, баннер и фоны.
  • Социальные медиа.
Скачать / Демо / Детали | Заказать сайт на этой теме | Потестировать хостинг

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

Источник: accesspressthemes.com

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

Изучает сайтостроение с 2008 года. Практикующий вебмастер, специализирующий на создание сайтов на WordPress. Задать вопрос Алексею можно на https://profiles.wordpress.org/wpthemeus/

34 лучших примера целевых страниц 2020 года для вашего Swipe-файла

Вот наш исходный принцип:

Отточенная профессиональная целевая страница может повысить коэффициент конверсии. (А грязный может им навредить.)

Довольно просто, правда? Вы наверняка слышали нечто подобное раньше. Но что, черт возьми, значит быть «отполированным» и «профессиональным» на целевой странице? А когда дело доходит до конверсий, какой магический x-фактор отличает исключительных маркетологов?

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

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

Что делает целевую страницу эффективной?

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

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

  • Используйте четкое и краткое изложение ценности (в верхней части страницы), чтобы посетители сразу понимают цель вашей страницы.
  • Сопоставьте свой основной заголовок с объявлением, которое посетитель нажал, чтобы попасть на страницу в первую очередь (или, например, кнопку электронного письма с призывом к действию).
  • Включите социальные доказательства и отзывы, чтобы подтвердить свои утверждения.
  • Сосредоточьте всю страницу на одном предложении с одним основным призывом к действию (CTA).
  • Используйте макет, ориентированный на конверсию, чтобы выделить ваш CTA (подумайте о пробелах, цвете, контрасте и указателях направления).
  • Проверяйте новые идеи с помощью A / B-тестирования. Иногда то, что работает, вас удивит.

Не уверены, что ваши целевые страницы попадают в цель? Попробуйте Unbounce's Landing Page Analyzer, чтобы получить индивидуальный контрольный список тактик, которые могут повысить конверсию.

Лучшие примеры целевых страниц [Обновлено на 2020 год]

  1. Netflix (SaaS: развлечения)
  2. LinkedIn (SaaS: профессиональные услуги)
  3. Goby (электронная торговля: здоровье и благополучие)
  4. DoorDash (SaaS: доставка еды)
  5. SEM Rush (SaaS: маркетинг)
  6. Coco Village (электронная торговля: мебель)
  7. Grass Roots (электронная торговля: продукты питания и питание)
  8. Amazon (SaaS и электронная торговля)
  9. Мебель для филиалов (электронная торговля: мебель)
  10. Western Rise ( Электронная торговля: одежда и одежда)
  11. Университет Атабаски (образование)
  12. Бариатрическое питание (продукты питания и питание)
  13. blow LTD.(Красота)
  14. Blue Forest Farms (электронная торговля: каннабис)
  15. Border Buddy (путешествия и доставка)
  16. Bouquet Bar (электронная торговля: велнес и подарки)
  17. Монитор кампании (SaaS: маркетинг)
  18. Создатель класса (SaaS: образование )
  19. Fast Mask (электронная торговля: одежда и одежда)
  20. Good Eggs (электронная торговля: продукты питания и питание)
  21. HomeLoanGurus (SaaS: финансы и страхование)
  22. Jet Pet (услуги для домашних животных)
  23. Mooala (электронная торговля: продукты питания и питание) )
  24. NANOR (электронная торговля: здоровье и подарки)
  25. Panda7 (SaaS: финансы и страхование)
  26. Pared (SaaS: рестораны и персонал)
  27. Perfect Keto (электронная торговля: продукты питания и питание)
  28. Twinwoods Adventure (путешествия и отдых) )
  29. Roomeze (SaaS: недвижимость)
  30. Smalls (электронная торговля: продукты питания и питание)
  31. Sundae (SaaS: недвижимость)
  32. Wavehuggers (путешествия и отдых)
  33. Woolx (электронная торговля: одежда и одежда)
  34. Zumba (Здоровье и фитнес)

1.Netflix

Изображение с Netflix. (Щелкните, чтобы увидеть все.)

Помните, когда вы впервые услышали о Netflix? Служба потоковой передачи казалась слишком хорошей, чтобы быть правдой с неограниченным количеством фильмов и телешоу менее чем за 10 долларов в месяц. Что за убийственное ценностное предложение ... неудивительно, что они вытеснили конкуренцию из бизнеса. (RIP, Blockbuster.) Эта целевая страница усиливает эти наиболее важные преимущества, не делая ее слишком сложной или трудной для регистрации. И, очевидно, эта стратегия работает - недавние отчеты показывают, что у Netflix в настоящее время более 192 миллионов подписчиков по всему миру.

Отрасль: SaaS / Развлечения

Почему это вдохновляет…

  • Единая форма - Большая устрашающая форма на этой странице может легко отпугнуть людей, не разбирающихся в технологиях. Но Netflix хочет обратиться ко всем * и * их бабушкам и дедушкам. Вот почему они делают первый шаг очень простым - просто введите свой адрес электронной почты, чтобы начать.
  • Раскрывающийся список часто задаваемых вопросов - За прошедшие годы Netflix несколько раз поднимал цены.Вот почему они переместили эту часть своего ценностного предложения в раскрывающийся список часто задаваемых вопросов внизу страницы. Они по-прежнему сообщают вам эту информацию на странице, чтобы вы не нажимали на нее, но они больше не придают этому большого значения.
  • Краткое содержание - Хотя многие шоу Netflix долго разматываются, вы можете переварить эту целевую страницу всего за несколько секунд. Здесь меньше 200 слов текста, и каждое пособие содержит только пару строк вспомогательного текста.Это разумно, поскольку, согласно отчету о конверсии за 2020 год, целевые страницы медиа и развлечений, содержащие менее 350 слов, обычно лучше конвертируются.

2. LinkedIn

Изображение из LinkedIn. (Щелкните, чтобы увидеть все.)

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

Отрасль: SaaS / профессиональные услуги

Почему это вдохновляет…

  • Люди по продукту - В SaaS всегда сложно найти баланс между показом снимка экрана продукта или фотографией покупателя, который его действительно использует. Вот почему мне очень нравится подход, который применяет здесь LinkedIn, смешивая индивидуальные фотографии улыбающихся соискателей (кто так счастлив, когда они подают заявку на работу ?!) с 3D-изображениями, демонстрирующими функции Premium.Поистине лучшее из обоих миров.
  • Ссылки для перехода - Для более длинных целевых страниц, подобных этой, может быть полезно разместить якорные ссылки вверху страницы. Таким образом, посетители могут сразу перейти к наиболее интересным для них частям.
  • Мощная статистика - На этой странице нет реальных социальных доказательств (было бы неплохо увидеть отзыв пользователя LinkedIn Premium), но есть мощный массив данных. «InMail в 2,6 раза эффективнее одной электронной почты». Это ОГРОМНО для соискателей, которые хотят связаться с менеджерами по найму или рекрутерами, и я предполагаю, что это, вероятно, одна из основных причин, по которым посетители подписываются на Premium в первую очередь.Я бы порекомендовал провести A / B-тест, чтобы убедиться, что добавление этой статистики в заголовок страницы приведет к дальнейшему увеличению конверсии.

3. Бычок

Изображение любезно предоставлено Гоби. Щелкните, чтобы увидеть все.

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

Отрасль : Стоматология

Почему это вдохновляет…

  • Анатомия зубной щетки: Ознакомьтесь с тем разделом на странице, который раскрывает каждый элемент зубной щетки. Вместо того, чтобы просто рассказывать об этих особенностях в тексте, посетители могут собственноручно увидеть «Мягкую щетину премиум-класса» и «Колебающуюся насадку щетки».
  • Сообщение о социальном воздействии: Покупатели все чаще хотят поддерживать бренды, которые соответствуют их ценностям и приносят пользу сообществу.Вот почему мы копаем в нижней части страницы раздел, в котором рассказывается, как Goby жертвует процент от каждой продажи программе Global Student Outreach Стоматологического колледжа Нью-Йоркского университета.
  • Фото из Instagram: На странице есть множество отличных социальных доказательств, но карусель фотографий из Instagram внизу действительно ставит вишенку наверх. Мало того, что каждое фото каким-то образом заставляет зубную щетку выглядеть прямо-таки модно , но и ручки в Instagram тоже здесь, если вы хотите лично убедиться, что сказал каждый влиятельный человек.Ницца!

4. DoorDash

Изображение от DoorDash. (Щелкните, чтобы увидеть все.)

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

Отрасль: SaaS / Доставка еды

Почему это вдохновляет…

  • Сфокусированный на вас заголовок - В чем самое большое преимущество работы с доставкой еды? Дело не в том, что вы узнаете все короткие пути в вашем городе, и не в том, что ваш автомобиль пропитан восхитительным запахом еды (10 лет спустя, а моя машина все еще пахнет пиццей пепперони).Самое большое преимущество - это свобода, которую вы получаете. Вы можете работать в свое свободное время и быть хозяином самому себе. И эта целевая страница передает это чувство прямо в заголовок.
  • И все дело в деньгах - Если свобода - это главное преимущество работы водителем DoorDash, то другим преимуществом должны быть деньги. Посмотрите на график, на котором показан ваш потенциальный еженедельный доход. (Неплохо для езды по городу с несколькими тако в багажнике!)
  • Квалификационные требования - DoorDash не хочет, чтобы все претендовали на должность и перегружали свой отдел кадров.Вот почему они стараются перечислить требования здесь, на первой странице процесса регистрации. Так что, если у вас нет машины или вам еще не исполнилось 18 лет, вы знаете, что не стоит надеяться.

5. SEM Rush

Изображение из SEM Rush. (Щелкните, чтобы увидеть все.)

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

Отрасль: SaaS / Маркетинг

Почему это вдохновляет…

  • Ультра-убедительный CTA - CTA на этой странице отражает врожденное желание каждого маркетолога следить за конкурентами. (Подождите, это только я?) В форме с одним полем вас попросят ввести * любое * доменное имя перед тем, как вам будет предложено нажать большую кнопку и «Get Insights.И вспомогательный текст в разделе героев действительно помогает понять идею: «Посмотрите, откуда идет их трафик и насколько вовлечены их пользователи».
  • Сильное социальное доказательство - Эта целевая страница поражает почти все типы социальных доказательств. Панель с логотипами узнаваемых брендов? Проверьте. Отраслевые награды и достижения? Проверьте. Отзывы реальных маркетологов? Проверьте. А если и этого было недостаточно, внизу есть карусель твитов, демонстрирующих недавнюю болтовню о платформе в Интернете.
  • Информация для аудитории, копия - Чтобы создать целевую страницу с высокой конверсией, вы должны знать свою аудиторию и рассказывать о преимуществах, о которых они больше всего заботятся. Текст здесь фокусируется на больших данных и алгоритмах машинного обучения, потому что они нужны маркетологам, ориентированным на данные. Умная.

6. Coco Village (Агентство: J7 Media)

Изображение любезно предоставлено Coco Village и J7 Media. Щелкните, чтобы увидеть все.

Даже будучи взрослым взрослым мужчиной, я все еще визжал от восторга, когда увидел некоторые кровати и комплекты постельного белья на этой целевой странице для Coco Village.(Двухъярусная кровать в домике на дереве ?! Мой внутренний ребенок умирает от зависти.) Маркетологи J7 Media, рекламного агентства Facebook, проделали феноменальную работу, продемонстрировав на этой целевой странице коллекцию различных продуктов, но при этом сосредоточив внимание на ней. единственная цель по кликам.

Промышленность : Постельное белье

Почему это вдохновляет…

  • Сосредоточьтесь на продаже: Когда вы предлагаете большую распродажу или скидку, вы хотите, чтобы * все * знали об этом. И посетители этой целевой страницы не могут пропустить тот факт, что они предлагают «50% скидку на кровати и комплекты постельного белья.Это не только основной заголовок, но он также повторяется под каждым продуктом при каждом призыве к действию. Они даже вычеркивают первоначальные цены, чтобы показать, сколько денег вы сэкономите. Ницца!
  • Демонстрирует товары: На целевых страницах электронной коммерции не всегда лучший выбор сосредоточиться только на одном продукте или элементе. На этой странице показано, как можно продемонстрировать посетителям несколько различных вариантов, но при этом сосредоточить их внимание на одной цели CTA.
  • Дополнительные продукты: Хорошо, может быть, вы похожи на меня и думаете, что кровати выглядят круто, но прямо сейчас вам не нужна одна из них.Именно тогда на странице появляется несколько очаровательных подушек, выставленных на продажу по гораздо более низким ценам. (Я могу покупать или не покупать ту, которая выглядит как улитка для себя.)

7. Grass Roots (Агентство: MuteSix)

Изображение любезно предоставлено Grass Roots и MuteSix. Щелкните, чтобы увидеть все.

Спрос на мясо травяного откорма постоянно растет, и здесь сочетается эта целевая страница от Grass Roots Farmers ’Cooperative и агентства MuteSix. Прокручивая страницу, вы попадаете на полный путь клиента - от осознания проблемы (понимание того, почему мясо травяного откорма лучше), через рассмотрение (понимание того, почему вы должны выбрать Grass Roots в качестве поставщика протеина) до принятия покупка («Получите скидку 30 долларов»).

Industry : Food and Nutrition

Почему это вдохновляет…

  • Видеообзор: В верхней части страницы находится минутное видео с участием основателя и генерального директора Bulletproof Дэйва Эспри. Он объясняет, насколько сложно найти высококачественное мясо травяного откорма и почему Дейв использует корни травы для мяса, которое он не может найти в продуктовом магазине. Это задает тон остальной части страницы и настроит вас на совершение покупки.
  • Подход к повествованию: Вся страница использует повествование подобным образом, действительно заставляя вас покупать больше мяса травяного откорма в качестве образа жизни. Прокручивая страницу, вы невольно чувствуете, что упускаете этот более полезный (и более вкусный) вариант из говядины, курицы и бекона.
  • Сильное социальное доказательство: Эта страница не только демонстрирует, что Grass Roots является единственной компанией по доставке мяса, одобренной Bulletproof, но и способствует тому, что у них более 500 5-звездочных отзывов и 7000 довольных клиентов.(«У меня будет то, что у них есть».)

8. Amazon

Изображение с Amazon. (Щелкните, чтобы увидеть все.)

Вот целевая страница, на которой на бумаге , похоже, вообще не работает. Цвета здесь невероятно разрозненные. Есть несколько разных художественных стилей. Кажется, что контент повсюду. Черт возьми, на странице даже есть несколько ссылок на другие страницы и точки выхода. (Ужас!) Но Amazon каким-то образом удается уйти от ответственности, нарушив все эти правила, потому что они знают, что их предложение слишком хорошее, чтобы отказаться от него.

Промышленность : Электронная торговля / SaaS

Почему это вдохновляет…

  • Иерархия интеллектуальных преимуществ - Спросите людей, почему они подписываются на Amazon Prime, и они ответят вам в том же порядке, в котором эти разделы появляются в целевая страница. Бесплатная доставка - главное преимущество, за которым следует Prime Video. Остальные являются бонусами, поэтому они отображаются как надстройки по мере продвижения вниз по странице. (А поскольку средняя глубина прокрутки составляет всего около 50%, разумно размещать самые важные вещи в верхней половине страницы.)
  • CTA с переходом по клику - Считаете ли вы, что это страница SaaS или страница электронной коммерции, маркетологи Amazon сделали правильный выбор, чтобы использовать CTA с переходом по клику вместо того, чтобы встраивать форму на страницу. Согласно отчету о конверсии за 2020 год, призывы к действию по клику лучше работают в обеих этих отраслях.

9. Мебель для филиалов

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

Отрасль : Офисная мебель

Почему это вдохновляет…

  • Яркий заголовок: «Офисная мебель - просто». Всего в четырех словах вы понимаете, на кого нацелена эта целевая страница и каково их уникальное торговое предложение (УТП).Вы же не хотите строить 100 рабочих столов для своего нового офиса в стиле Ikea, используя только торцевой ключ и мечту. Кажется, гораздо лучше позволить Branch Furniture позаботиться обо всех этих деталях за вас.
  • Умная копия CTA: Хотя на странице есть несколько кнопок CTA, все они в конечном итоге ведут вас в одно и то же место. Замена копии - это умный способ помочь посетителям визуализировать следующие этапы процесса, независимо от того, хотите ли вы «спроектировать мой офис» или изучить конкретный продукт.
  • Консультация специалиста: Необязательно обставлять офис в одиночку. На целевой странице подчеркивается, что это совместный шоппинг с бесплатной консультацией по дизайну и включенной платой за установку.

10. Western Rise

Изображение предоставлено Western Rise. (Щелкните, чтобы увидеть все.)

Иногда, готовя такой кусок, как этот, вы в конечном итоге покупаете продукт. Я очень, очень близок к тому, чтобы нажать на курок пары штанов Western Rise AT Slim Rivet Pants.И почему бы нет? Эта четкая целевая страница быстро устанавливает привлекательность продукта благодаря визуальным эффектам и тексту, подчеркивающим преимущества этих «приподнятых» брюк. Может, пора вообще отказаться от моих потрепанных джинсов.

Отрасль: Clothier

Почему это работает…

  • Смелые визуальные эффекты: Эти брюки могут быть сделаны вручную в Лос-Анджелесе, но многие из фотографий здесь (включая снимок героя) кричат ​​о Бруклине. Легко представить, что вы носите брюки AT Slim Rivet, когда протягиваете свой фикс в пробках, балансируя латте на руле по дороге на шикарную коктейльную вечеринку на крыше.
  • Подчеркивая преимущества: Я никогда не думал, что буду писать об общих болевых точках, связанных с ношением брюк, но вот мы и пришли. На этой целевой странице Western Rise обращается ко всем. Джинсы рвутся и склонны к перегреву. Чиносы пачкаются и мнутся. Брюки классические для квадратов, мужик. Обещая универсальность («брюки на весь день, на каждый день») и сохраняя преимущества заранее, Western Rise предлагает решение проблемы, о которой вы даже не подозревали.
  • «Технические характеристики»: Несмотря на то, что здесь демонстрируется умная копия, Western Rise чрезвычайно прямолинейно описывает характеристики брюк AT Slim Rivet в разделе «Технические характеристики» на странице.Они четко и лаконично предоставляют точную информацию о материалах («Прочный нейлоновый холст» и «Промежный шов со складками») и дизайне («Карман для носителя» и «Расширяемый низ»).

11. Университет Атабаски

Изображение любезно предоставлено Университетом Атабаски. (Щелкните, чтобы увидеть все.)

Университет Атабаски впервые применил дистанционное образование в Канаде в 1970-х годах. Сегодня он использует целевые страницы для продвижения своих инициатив по онлайн-регистрации, включая этот пример, представляющий его 14 программ сертификации.Это разумный выбор, поскольку целевые страницы позволяют AU сосредоточить внимание посетителя на определенной части его многочисленных предложений онлайн-программ.

Отрасль: Образование

Почему это вдохновляет…

  • Умная копия: Возможно, стоит проверить более прямой заголовок, но копия здесь соответствует другим инициативам по брендингу школы в других местах. К тому же он очень острый. Цель ясна: люди, которые могут продолжить свое образование, но не чувствуют, что у них есть время для этого.На этой целевой странице сказано иное (словами и изображением героя).
  • Копия, ориентированная на вас: Эта страница посвящена мне (или, ээ, «вам»), а не «Великому и могущественному» университету Атабаски. Маркетологи, работающие в сфере образования, понимают необходимость апеллировать к личным интересам лучше, чем многие их коллеги из других отраслей, которые могут хвастаться. Я не уверен, какая часть иерархии потребностей Маслоу требует от технических специалистов, но AU добивается большего успеха, апеллируя к желанию самореализации.
  • Отзывы: Немного вдохновения никогда не помешает. Здесь социальное доказательство показывает пути к личному успеху до того, как люди сделают значительные инвестиции. Я хотел бы проверить, не дает ли здесь удвоение еще лучших результатов. Повышение наглядности каждого отзыва и предложение чуть большего количества биографий - наряду с портретами для их очеловечивания - могло бы дать небольшой толчок. (Конечно, может и нет. Но именно поэтому мы тестируем!)
  • Z-шаблон: Эта страница представляет собой классический пример работы Z-шаблона.То есть его визуальная иерархия использует то, как люди обычно сканируют веб-страницу. В этом случае взгляду предлагается перейти от логотипа Университета Атабаски к их слогану («Открыто. Гибкость. Везде»), затем по диагонали через заголовок к подтверждающей копии и, наконец, прямо к призыву к действию. (Пау!) Другие визуальные очереди также побуждают глаз опускаться (в том числе, ловко, заостренный конец гребня Атабаски).

12. Bariatric Eating (Агентство: Lifestyle Collective)

Вот страница Bariatric Eating, которая показывает, почему индивидуальность и стиль так важны для вашей целевой страницы.Вы можете легко представить себе версию этой кампании, которая выглядит более клинической и научной, но маркетологи из Lifestyle Collective наделили ее ярким и дружелюбным дизайном, чтобы сделать ее предмет более доступным. Подход, похоже, тоже работает… У этой страницы впечатляющий коэффициент конверсии - более 39% .

Industry : Food and Nutrition

Почему это вдохновляет…

  • Красочный дизайн : Игривый дизайн распространяется на каждый элемент страницы.Выбор шрифта, иллюстрации, цвета - все сочетается таким образом, чтобы полностью соответствовать индивидуальности их бренда.
  • Генерация лидов по SMS: Чаще всего целевые страницы лидов используются для сбора адресов электронной почты посетителей. Вместо этого на этой странице запрашивается номер вашего мобильного телефона, чтобы они могли отправить вам текстовый план в формате PDF. Это кажется умным (и уникальным) способом наладить прямую связь с вашими потенциальными клиентами.
  • Сворачиваемый FAQ : Как сделать так, чтобы на целевой странице было достаточно информации, не перегружая посетителей? Скрытие некоторых из самых многословных разделов с помощью скользящей кнопки может помочь сохранить порядок и порядок.(Прочтите этот пост в сообществе Unbounce, чтобы узнать, как сделать складные разделы на своих целевых страницах.)

13. blow LTD.

Изображение любезно предоставлено blow LTD. (Щелкните, чтобы увидеть все.)

Если вы посмотрите мимо шумной вещи «Uber for beauty», британский бренд blow LTD. genius решает настоящую проблему. Они предлагают доступные профессиональные косметические услуги, которые приходят к вам, и, что более важно, вы можете записаться на прием к одному из их профессионалов прямо из их приложения.Целевые страницы являются важной частью стратегии их кампании. Например, этот пример умно продвигает наращивание ресниц в домашних условиях.

Отрасль: Красота

Почему это вдохновляет…

  • Четкое заявление о ценности: Эта целевая страница не лишена симпатичного текста (например, «Глаза, которые поражают»). Вместо этого он четко формулирует предложение и полагается на ценность (и, возможно, немного новизны), чтобы привлечь потенциальных клиентов.Обещание не может быть более однозначным, чем «Наращивание ресниц в домашних условиях», и именно поэтому этот заголовок так эффективен.
  • Промокод: Предоставление промокода посетителям делает банк более сладким, но это также делает нечто большее. Призыв к действию («Закажите наращивание ресниц») перенаправляет на их основной веб-сайт, где они могут отвлечься или расстроиться. Акция дает дополнительную мотивацию, чтобы посетители могли совершить бронирование. Хотите эту экономию? Тогда тебе лучше использовать этот код, пока ты не забыл.
  • Социальное доказательство: Понятно, что люди разборчивы в том, кто делает им прически и макияж, поэтому предоставление социальных доказательств является обязательным. Отзывы здесь были отобраны, чтобы подчеркнуть индивидуальный характер опыта. С ударом ООО. работает только в том случае, если потенциальные клиенты чувствуют, что могут доверять своим профессионалам, поскольку социальное доказательство помогает очеловечить обслуживание и начать строить отношения.
  • Простые шаги: Глядя дальше вниз по странице, мы могли бы остановиться на разделе «Как это работает».В этом пост-Uber-мире услуга, предлагаемая blow LTD. довольно легко понять, так зачем включать его трехступенчатую разбивку? Но в том-то и дело. Эта целевая страница включает эти шаги, чтобы подчеркнуть эту простоту. Я имею в виду, давай, третий шаг - «Сядь поудобнее и расслабься». Я могу это сделать.
  • Тонкое продвижение приложения: Вместо того, чтобы агрессивно направлять посетителей в приложение, целевая страница заканчивается нежным напоминанием о том, что вы можете загрузить приложение на свой iPhone или Android.(Я бы протестировал мобильный вариант CTA, который идет прямо в приложение.) Некоторые люди наверняка будут в восторге от бронирования с помощью blow LTD. в пути, но посетители не испытывают особого давления, чтобы вытащить смартфон. Как только посетитель конвертируется, у него будет множество других возможностей подключить его к приложению.

14. Blue Forest Farms (Агентство: Champ / Cannabis Creative)

15 отличных дизайнов целевых страниц

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

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

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

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

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

01. Angle2

(Изображение предоставлено: Angle2)

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

Этот новый онлайн-дом для своих услуг, безусловно, подтверждает это заявление, предлагая не только некоторые выдающиеся работы, но и два потрясающих эффекта. Открыв несколько массивных шрифтов Montserrat, пропитанных цветом # 2AF8EB - или бирюзовым для людей - мы получаем типографскую тренировку, которую стоит смаковать.Уловка становится характерной для всего и передает «угловатость» с великолепной иллюзией наклонного текста.

По сути, левый и правый элементы

образуют разделение 50/50 посередине области просмотра. Отсюда к серии наклонных текстовых строк, заключенных в теги , применяются CSS-функции translate3d и анимируются с помощью TweenMax при наведении курсора. За счет применения контрастных цветов с каждой стороны достигается эстетика сгиба под 45 градусов, которая определяет общий дизайн.

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

02. MADCLEM

Сайт Клемана Ченебо веселый и подвижный

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

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

03. IBM Plex

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

IBM недавно выпустила свой собственный шрифт IBM Plex; это первое обновление корпоративного шрифта с 1956 года, так что это большое дело. Чтобы помочь представить этот шрифт миру, IBM попросила студию XXIX разработать и создать веб-сайт, чтобы продемонстрировать его. Идея дизайна заключалась в том, чтобы использовать изображения, анимацию и фотографию, чтобы рассказать историю Plex, одновременно демонстрируя шрифт в захватывающей форме.

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

04. Ковбой

Ездить на них! Сайт Cowboy держит ваше внимание на самом важном: велосипеды

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

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

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

05. Любители интерфейсов

Целевая страница любителей интерфейсов сохраняет несложность и чистоту

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

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

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

06. Google Fonts

Google направляет вас прямо к шрифтам без каких-либо проблем

Первоначально запущенные в 2010 году шрифты Google теперь просматриваются в Интернете более 15 миллиардов раз в день на более чем 135 языках по всему миру. Сайт Google Fonts чистый и полностью адаптивный, с использованием Material Design для своей сетки и стиля.

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

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

07. MIT Technology Review

MIT Tech Review упрощает работу

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

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

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

08. Resn

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

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

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

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

09. Настоящее и правильное

Каждая панель - это искушение

Благодаря аккуратно разложенной сетке великолепных изображений сайт Present & Correct обращается к основной аудитории: людям, которые фетишизируют канцелярские товары.

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

10. Monotype

Как и сама компания, целевая страница Monotype - это сила типографики.

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

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

11. LS Productions

LS Productions манит вас кавалькадой великолепных шотландских локаций.

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

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

12. O'Neill

Фотообои О'Нил идеально продают мечту о серфинге и снеге

Американский бренд стиля жизни O'Neill в основном ориентирован на две вещи: серфинг и снег.И его сайт в США делает это совершенно ясным: целевая страница с изображениями продает вам ассортимент одежды и спортивное снаряжение с помощью потрясающих фотографий больших волн и заснеженных гор.

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

13. Hipstamatic

Целевая страница Hipstamatic показывает, что может предложить приложение.

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

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

14. Apple

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

Неудивительно, что бесспорные мастера промышленного дизайна могут создать приличный веб-сайт, а легкая простота Apple.com даже принесла ему D&AD Black Карандаш.

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

15. Pinterest

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

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

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

Generate CSS (26 сентября) - конференция в Лондоне, посвященная всем вопросам CSS. Забронируйте билет прямо сейчас! Используйте код WEBDESIGNER2 для билетов со скидкой 10% (Изображение предоставлено Getty / Future)

Статьи по теме:

Как создать целевую страницу онлайн-курса [с примерами]

Работающая целевая страница - это целевая страница, которая предлагает решение!

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

Бесплатная электронная книга

Полное руководство по продаже онлайн-курсов (том 1)

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

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

Эта статья проливает свет на назначение целевой страницы и объясняет, почему каждый преподаватель курса должен иметь ее на своем веб-сайте!

Что такое целевая страница?

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

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

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

Домашняя страница и целевая страница (Источник изображения: Unbounce)

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

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

Как указывает Нил Патель, успех целевых страниц заключается в их способности:

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

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

Что делает целевая страница курса?

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

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

У каждого элемента на странице своя роль.За кадром целевая страница работает так:

Шаг 1: Посетитель сайта видит объявление, нажимает на него и попадает на целевую страницу, предлагающую ему заполнить форму.

Шаг 2: Человек заполняет форму и предоставляет свои контактные данные (имя + адрес электронной почты).

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

Шаг 4: Вы рекламируете контактному лицу / лиду то, что вы уже знаете о нем, что будет интересно (по электронной почте).

Зачем вам целевая страница?

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

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

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

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

Как правило, существует три основных типа целевых страниц:

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

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

Внутренняя целевая страница веб-сайта: это домашняя страница и страница сведений о продукте.

Из них наиболее важными и часто используемыми являются:

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

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

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

Страница лидогенерации и целевая страница перехода по клику (Источник изображения: Unbounce)

Как создать целевую страницу курса?

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

Это следующие:

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

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

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

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

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

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

Визуальное представление ценности курса очень убедительно, и в сочетании с эффективным использованием белого пространства, значков клиентов, контрастных кнопок CTA и 100% гарантии возврата денег ваша целевая страница может творить чудеса!

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

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

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

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

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

Это а) продукт, - ваш курс, б) ваш бренд, - ваша школа, в) маркетинговая копия, - ваш копирайтинг, б) дизайн страницы, и UX - пользовательский опыт .

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

A) Изделие:

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

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

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

B) Ваш бренд:

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

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

C) Маркетинговая копия:

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

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

Вопрос 1: Для кого это предложение?

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

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

Вопрос 2: Почему они выбрали это?

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

Предоставление вашей аудитории мотива - лучший способ побудить посетителей вашего сайта сообщить вам свои контактные данные или свою кредитную карту!

Вопрос 3: Что писать?

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

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

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

Шаг 1. Создайте броский заголовок для своего предложения

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

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

Несколько примеров:

A: Научитесь управлять своим дроном - пошаговое руководство
B: Хотите узнать, как похудеть всего за 20 дней? Давай поговорим!
C: Узнайте все секреты прохождения собеседования и получения работы!

Шаг 2. Придумайте уникальное сообщение (CTA)

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

Шаг 3. Решите, куда должны идти CTA

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

D) Дизайн и взаимодействие с пользователем - Примеры целевых страниц:

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

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

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

* Скриншоты сделаны в мае 2019 года.

1Продать владельцем

Категория: Бизнес

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

Марла ДиКарло, генеральный директор Raincatcher, говорит: «Копия [целевой страницы] должна быть короткой, но по делу, направляя их на другие страницы, чтобы помочь им понять, что мы продаем, и является ли наш продукт хорошим решением для их потребности. Сообщения и форматирование должны быть единообразными на всех страницах, чтобы продемонстрировать профессионализм ».

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

2I Draw Fashion

Категория: Мода

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

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

Обучающая библиотека 3WELL по хроматическому содержанию

Категория: Образование в области здравоохранения и благополучия

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

4 Карьера в европейском туризме

Категория: Бизнес / карьера Консультации по туризму

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

5Start Social

Категория: Бизнес и маркетинг

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

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

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

6 Обучение связи

Категория: Непрерывное профессиональное образование - подготовка учителей и оценка

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

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

7Ульяна Астра

Категория: Красота

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

8 Виртуальный Kenpo

Категория: Боевые искусства

На главной странице

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

9Ваша школа!

Категория: Это может быть что угодно!

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

Вы уже являетесь клиентом LearnWorlds?

Вы хотите разместить здесь свою целевую страницу?

Присылайте нам свой пример на hello @ learnworlds.com

Ознакомьтесь с другими примерами целевых страниц здесь и вдохновитесь на создание своей!

Вдохновляйтесь 8 важнейшими тенденциями графического дизайна 2019

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

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

Это здорово, но это означает, что в этом году вы собираетесь выделиться гораздо больше.

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

Яркие цвета

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

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

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

Сильная и жирная типографика

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

В одно мгновение вы можете выразить силу, новаторство и индивидуальность с помощью жирного шрифта, например:

Эти типы шрифтов очень легко читать в социальных сетях и на небольших экранах, таких как телефоны и планшеты.

Футуристические влияния

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

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

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

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

Светлые и темные цветовые схемы

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

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

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

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

Креативные градиенты и дуотоны

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

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

Однако в 2019 году и позже градиенты станут главными фокусами многих графических элементов:

То же самое можно сказать и о дуотонах в этом году:

Красочный Минимализм

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

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

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

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

Динамические рисованные иллюстрации

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

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

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

Например, MailChimp обновил свои иллюстрации по сравнению с прошлым годом:

К этому году:

Подлинные фото запасов

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

Вместо этого в этом году будут преобладать подлинные и аутентичные фотографии.

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

Не слишком постановочные, дрянные или профессиональные кадры, например:

Серьезно, эта фотография кулака настолько неловкая и дрянная, что на нее больно смотреть!

Инфографика

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

Эта инфографика была создана с помощью онлайн-инструмента Venngage для создания инфографики.

Шаблоны страниц электронного обучения и другие страницы

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

Конструктор сайтов электронного обучения

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

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

Перед тем, как отправиться! Несколько вещей, которые следует запомнить:

При работе над целевой страницей помните о следующих рекомендациях:

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

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

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

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

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

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

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

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