Land Book — галерея красивых лендингов (Landing Page). Landing page лучшие работы

5 примеров Лучших Лендингов (Landing Page) 2017-2018 годов

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

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

Дамы и господа! Знакомьтесь, самые крутые и лучшие продающие лендинги 2017-2018 по версии нашей веб-студии и популярного сайта behance.net.

Примеры лучших лендинг пейдж

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

Уникальное торговое предложение

Первый пример УТП лучшего лендинга 2016 года - фирма по продаже стульев.

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

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

Следующий пример лучшего, по нашему мнению, лендинга - посадочная страница фирмы по продаже меда

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

Следующий пример лучшего лендинга

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

Далее – landing page по изготовлению и продаже мебели

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

Еще один пример крутого landing page

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

Хотите узнать больше о УТП? Читайте статью с рекомендациями по созданию УТП на сайте Импульс Дизайн.

Описание продукции

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

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

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

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

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

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

Лаконичность - лучший друг лендинга. И следующий пример лучшего лэндинга это подтверждает.

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

Выгоды и преимущества на одностраничнике

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

Преимущества

Выгоды

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

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

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

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

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

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

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

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

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

Усиливается желание благодаря небольшому блоку выгод

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

Блок доверия на посадочной странице

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

Вариант 1. Отзывы

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

Вариант 2. Видео

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

Вариант 3. Фотографии

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

На сладкое. Призыв к действию (СТА)

Первый лендос имеет "сочный" СТА, оформленный в едином стиле с сайтом. Желание сделать заказ усиливается скидкой.

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

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

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

Подведем итоги

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

Хотите узнать больше о лендингах? Читайте статью “Что такое Landing page?”

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

impulse-design.com.ua

Примеры лучших дизайнов landing page, примеры адаптивных лендингов

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

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

Здесь — про дизайн и контент хороших продающих страниц.

Landing page от Club W

Немного текста может иметь большое значение для посадочной страницы. Мы любим игривые отступления  и Club W как раз включили в заголовок landing page о корпоративных подарках одно из них:

Заголовок: В этом году подарите подарки каждому, кого любите.

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

Текст под картинкой также можно считать хорошим примером сторителлинга:

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

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

Landing page от Grove Labs

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

• «Давайте сделаем это»
• «Ваша информация для нас, как фамильные семена – мы ее сохраним»

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

Landing page от Startup Institute

Посетители landing page вряд ли поделятся своей личной информацией, не зная, что они получат взамен.

Страница Startup Institute – пример лендинг пейдж с совершенно ясными и четкими ответами на часто задаваемые вопросы. Для удобства пользователей ответы размещены рядом с формой. Это может побудить некоторых посетителей сказать: «они читают мои мысли!»

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

Landing page от Edupath

Кто целевая аудитория вашего лендинга?

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

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

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

Landing page от Vonigo

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

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

P.S.

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

Пригодились ли вам примеры лендингов в последних публикациях? О каких страницах вы бы хотели узнать более подробно?

lptrend.com

Под какие задачи стоит заказывать лендинг-пейдж и нужно ли это делать

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

Лендинги переоценивают

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

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

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

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

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

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

Сделай настолько просто, насколько это возможно, но не проще.  — А. Эйнштейн про одностраничные сайты :-)

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

Что лучше, лендинг или сайт?

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

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

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

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

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

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

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

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

Картинка с habrahabr.ru/.

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

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

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

Друзья, если вы не знаете, кто такой Девака (Сергей Кокшаров), пожалуйста, пусть вас не смущает, что он похож на слегка непричесанного Оби Вана Кеноби :-). Сергей знает, о чем говорит. А на Оби Вана он похож, потому что с ним Сила и он на светлой стороне SEO. Внимайте:

Когда лендинг будет работать эффективно

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

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

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

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

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

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

Самая главная ошибка лендингов

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

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

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

Красота не равно продажи. Что нужно от посетителей: чтобы они пялились на красивые картинки или оставляли заявки? — megamozg.ru/company/yagla/blog/17274/

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

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

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

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

Выводы

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

Особое мнение: лучший лендинг пейдж — это сайт

Мое мнение на правильность не претендует, потому спорить ни с кем не буду. Одностраничник — это слишком мало. Я уверен, что если у вас даже очень простой бизнес, такой как бурение скважин под воду, вы все равно можете вести интересный и увлекательный блог об этой работе, можете сделать раздел «О компании», «Наши сотрудники» и отзывы довольных клиентов. А это уже не одностраничник, а как минимум сайт-визитка.

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

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

Facebook

Вконтакте

Google+

Twitter

Pinterest

webdela.ru

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

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

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

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

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

Все ли так просто, как 1-2-3?

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

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

Помешательство на техниках

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

Давайте вспомним о пользователях

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

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

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

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

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

Как «родить» персонаж?

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

• директора
• менеджеры
• консультанты
• продавцы
• итд

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

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

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

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

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

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

Формируем потребности

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

Что со всем этим делать?

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

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

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

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

habr.com

Land Book - галерея красивых лендингов (Landing Page)

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

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

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

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

Stampready

Chooos

Intercom

Avocode

Montagebook

Macpaw Hider

Modnotebooks

Getgoldee

Lixpen

Pnghat

Getnarrative

Scratchwireless

Madewithfaded

Timelyapp

Liber

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

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

design-mania.ru

• 
  Ипотека это википедия
• 
  Банковская гарантия банки
• 
  Форекс работа
• 
  Удаленная работа реальная
• 
  Служба по защите прав потребителя
• 
  Блокчейн перевод
• 
  Чп открыть
• 
  Как часто проводится оценка бюджета проекта
• 
  Понятие ипотека
• 
  Куда лучше вкладывать небольшие деньги
• 
  Мотивация сотрудников что это