X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> 10 лучших лендинг страниц.
MissContent
MissContent
Topic Starter сообщение 20.3.2014, 8:46; Ответить: MissContent
Сообщение #1


Завсегдатай
*****

Группа: Active User
Сообщений: 881
Регистрация: 22.7.2013
Поблагодарили: 897 раз
Репутация:   93  


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



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

Пример из жизни.

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

Пример из онлайна.

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

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

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

1. WebTrends Analytics



Обожаю их лендинги. Если вам нужно вдохновение в плане дизайна, то вам сюда.

Мне нравится:
    Четкая иерархия: элементы и информация четко структурированы, ничего лишнего. Логотип, заголовок, краткое описание причин и преимуществ продукта (в данном случае вебинар), форма регистрации и … все.

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

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

    Вместо обезличенной кнопки «Submit» я бы написал, что конкретно получит человек. Например, “Register for webinar”.

Site*: Webtrends

2. UPS



Стандартный дизайн к кучей ссылок предоставляет пользователю множество возможностей «сбежать» со страницы. UPS удалось избежать этой опасности.

Мне нравится:

Кнопка “More” представляет из себя модальное диалоговое окно (используется Lightbox). Это позволяет удержать посетителя на странице.

Видео. Видео на лендинг странице в разы увеличивает конверсию. Исследования, проведенные в eyeviewdigital.com свидетельствуют о 80% росте. А специалисты из Turn Here подчеркивают, что правильно оптимизированное видео в 53 раза повышает шансы попасть в топ. Подсказка: вы можете повторно использовать ваше видео, разместив его на YouTube.

Я бы изменил:

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

Призыв к действию лучше сформулировать “Get updates on future webcasts” вместо стандартного “Sign Up”.
Site*: UPS

3. The Future of Marketing



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

Мне нравится:

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

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

Яркий цветовой акцент: ярко розовая кнопка на сером фоне просто бросается в глаза.

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

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

Site*: Future of Marketing

4. Clearvale



Идея, что если дать человеку выбор, он станет счастливее не оправдала себя в области рекламы и продаж. Если вы едите по дороге, у вас только 2 пути: налево или направо. На лендинг странице у посетителя должна быть только 1 альтернатива. Человек должен ясно понимать, что от него хотят.

Мне нравится:

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

Я бы изменил:

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

Site*: Clearvale

5. Groupon





Мне нравится:
Они использовали гео таргетинг, чтобы установить мое местоположение и предложить максимальные скидки (50%-90%).

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

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

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

Я бы изменил:

Если вы не знаете, что такое Groupon, то никогда не догадаетесь, что там можно сэкономить 50%-90%.
Site*: Groupon

6. Oprah



Мне нравится:

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

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

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

Я бы изменил:

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

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

Site*: Oprah Magazine

7. Verisign



Основное назначение этого лендинга — сформировать чувство доверия к бренду Verisign.

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

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

Я бы изменил:
Я бы предпочел, что бы цвет призыва к действию (CTA) отличался от цвета остальной страницы.

Site*: Verisign

8. CameraPlus



Это действительно очень хорошая целевая страница.

Мне нравится:

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

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

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

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

Я бы изменил:

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

Site*: http://campl.us/

9. SEOmoz



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

Мне нравится:


Страница вызывает доверие. Список известных брендов внизу страницы усиливает это ощущение.

Краткие заголовки.

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

НАСТОЯЩИЕ отзывы. Фотографии выглядят так, будто они взяты из соц. сетей. Зная имя и название компании, их легко проверить на подлинность.

Я бы изменил:

В качестве призыва к действию здесь используется слово “TRY”, что подразумевает отсутствие жестких требований. Между тем, единственным упоминанием об отсутствии рисков является слоган "30-дневная гарантия возврата денег" в верхней части страницы. Его следовало бы поместить после CTA.

Site*: SEOmoz pricing page

10. Times Reader



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

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

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

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

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

Оригинал статьи на английском языке: http://unbounce.com/landing-page-examples/...ing-page-sucks/










--------------------
Реальный конверт с реальной Фарма ПП!
Skype: cristina.rx2, ICQ: 676017111, Jabber: cristina.rx@jabb3r.org


Поблагодарили: (6)
6
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ARsHi
ARsHi
сообщение 20.3.2014, 8:57; Ответить: ARsHi
Сообщение #2


SEO Admin
******

Группа: Banned
Сообщений: 2077
Регистрация: 1.7.2010
Из: Краснодар
Поблагодарили: 835 раз
Репутация:   162  


Интересно, спасибо.
Посмотрите лендинг medvedy.com


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MissContent
MissContent
Topic Starter сообщение 20.3.2014, 9:57; Ответить: MissContent
Сообщение #3


Завсегдатай
*****

Группа: Active User
Сообщений: 881
Регистрация: 22.7.2013
Поблагодарили: 897 раз
Репутация:   93  


Цитата(ARsHi @ 20.3.2014, 8:57) *
Посмотрите лендинг medvedy.com

Оригинальный.


--------------------
Реальный конверт с реальной Фарма ПП!
Skype: cristina.rx2, ICQ: 676017111, Jabber: cristina.rx@jabb3r.org
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
bibika
bibika
сообщение 20.3.2014, 10:14; Ответить: bibika
Сообщение #4


Завсегдатай
*****

Группа: Active User
Сообщений: 579
Регистрация: 23.7.2012
Из: Львов
Поблагодарили: 148 раз
Репутация:   12  


Что-то я не понимаю истерики вокруг лендинг страниц. Как по мне лучшее их применение это продажа/реклама/распространееия 1 товара, продукта или услуги. А их лепят куда попало и на что попало. Напоминает ажиотаж вокруг адаптивных сайтом ИМХО :rolleyes: Хотя №№ 8-9 хорошие, мне понравились.

Сообщение отредактировал bibika - 20.3.2014, 10:14


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
4ester7
4ester7
сообщение 20.3.2014, 11:57; Ответить: 4ester7
Сообщение #5


SEO-ломастер
******


Группа: Active User
Сообщений: 1635
Регистрация: 21.5.2009
Из: Кременчуг
Поблагодарили: 472 раза
Репутация:   105  


Цитата(ARsHi @ 20.3.2014, 7:57) *
Интересно, спасибо.
Посмотрите лендинг medvedy.com

Понравилось :) Целая история, по сути.


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
iodjin
iodjin
сообщение 20.3.2014, 12:49; Ответить: iodjin
Сообщение #6


Завсегдатай
*****

Группа: Active User
Сообщений: 693
Регистрация: 19.8.2012
Поблагодарили: 201 раз
Репутация:   27  


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

Сообщение отредактировал iodjin - 20.3.2014, 12:50


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
bibika
bibika
сообщение 20.3.2014, 15:01; Ответить: bibika
Сообщение #7


Завсегдатай
*****

Группа: Active User
Сообщений: 579
Регистрация: 23.7.2012
Из: Львов
Поблагодарили: 148 раз
Репутация:   12  


Цитата(iodjin @ 20.3.2014, 0:49) *
Просто мне в основном встречаются лендинги, которым конца и края нет.


Как правило лендинги имеют 3-6 условных экранов.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MissContent
MissContent
Topic Starter сообщение 21.3.2014, 10:45; Ответить: MissContent
Сообщение #8


Завсегдатай
*****

Группа: Active User
Сообщений: 881
Регистрация: 22.7.2013
Поблагодарили: 897 раз
Репутация:   93  


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


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



Недавно переводила про это статью: Секрет создания хорошего лендинга. Первый экран и конверсия.


--------------------
Реальный конверт с реальной Фарма ПП!
Skype: cristina.rx2, ICQ: 676017111, Jabber: cristina.rx@jabb3r.org
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Why1
Why1
сообщение 21.3.2014, 13:05; Ответить: Why1
Сообщение #9


Бывалый
****

Группа: User
Сообщений: 448
Регистрация: 17.10.2013
Поблагодарили: 116 раз
Репутация:   6  


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


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Индексирование страниц
8 munch 1579 5.12.2017, 19:48
автор: mussan
Открытая тема (нет новых ответов) Вебмастер яндекса показывает большое количество левых страниц с сайта
3 AlexsBloger 968 4.12.2017, 22:10
автор: Pavel85
Открытая тема (нет новых ответов) Плагин вывода страниц на главную
2 sebadoh 911 30.11.2017, 8:00
автор: Nell
Открытая тема (нет новых ответов) Верстка простых "Лендинг Пейдж" за символическую плату!
6 westnn 772 24.11.2017, 0:30
автор: westnn
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыСоздание сайтов любой сложности (фреймворки, CMS), Верстка (адаптивная, простая, лендинг), шаблоны, скрипты, любая задача
14 ZaDrotom 3632 23.11.2017, 16:09
автор: iddqd


 



RSS Текстовая версия Сейчас: 11.12.2017, 4:14
Дизайн