8 (924) 311-3435
РЭДЛАЙН
Лучшие решения для Вас и Вашего бизнеса!
На нашем сайте вы можете получить информацию о веб-разработке, обслуживании и продвижении сайта. Интернет-маркетинге. SEO (поисковой оптимизации). Контекстной и медийной рекламе в Интернете. SMM. Регистрации доменов и хостинговых услугах. И современном дизайне сайтов. Вообщем того что касается веб-разработки, а также много другой полезной информации из мира интернета, бизнеса и интернет-технологий...
Создаем доступные и современные сайты, которые работают! Обслуживаем и эффективно продвигаем интернет-проекты с 2006 года!
Главная Продвижение сайтов 35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]


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

HTTP/1.1 200 OK Date: Sat, 25 Aug 2012 13:10:17 GMT Server: Apache X-Powered-By: PHP/5.3.2 X-Pingback: http://blog.seopult.ru/xmlrpc.php Link: ; rel=shortlink Vary: Accept-Encoding Transfer-Encoding: chunked Content-Type: text/html; charset=UTF-8  35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор] | Блог SeoPult


Популярные записи

Подписка на рассылку


Вы можете подписаться на нашу информационную рассылку. Письма расскажут о самых актуальных SEO-новостях и достоверных знаниях о выводе сайта в ТОП поисковых систем.
   
  35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]
 23-08-2012.   Раздел:Перевод.  Теги:конверсия, перевод, посадочная страница.  
Профессиональный дизайн посадочной страницы может увеличить ваш уровень конверсии!Данная статья Оли Гарднера целиком посвящена демонстрации шикарных посадочных страниц, которые вдохновят вас при разработке своего дизайна. Конечно, ни одна страница не идеальна, и любая страница могла бы быть лучше. Помня об этом, мы предложим концепцию того, что делает каждую страницу особенной или интересной, а также поразмыслим над тем, что бы мы могли оптимизировать в ходе А/В-тестирования для повышения конверсии.35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Итак, что же делает дизайн посадочной страницы эффективным?Можно назвать много факторов, но важнее всего соблюдать фундаментальные правила дизайна, сосредоточенного на конверсии:
  • Изложение преимуществ должно быть ясным и кратким, чтобы посетители сразу же понимали назначение страницы
  • Страница должна выражать одну-единственную идею с одним главным призывом к действию (СТА).
  • Используйте правила дизайна, сосредоточенного на конверсии, для выделения своего СТА (пустое пространство, цвет, контраст, направляющие сигналы)
  • При использовании форм для сбора данных необходимо сбалансировать объем запрошенной информации и ощущаемой ценности товара, получаемой взамен (отчет, книга в цифровом формате и т.п.)
  • Используйте модальные диалоговые окна для выведения вспомогательной информации (условия, политика конфиденциальности, подробная информация о товаре) вместо направления посетителей на свой сайт (что заставит их свернуть с намеченного вами пути конверсии)
  • А также многое другое, о чем Оли расскажет в примерах ниже…

1. Manpacks – Дизайн, ориентированный на соблазнение

imageЧто понравилось
  • Это сексуально: Предсказуемая реакция? Да, точно. В том-то и дело.
  • Подтверждение надежности: Они переходят сразу к перечислению известных изданий, в которых упомянута их компания.Монотонно-серый дизайн не дает мешанине цветов визуально отвлекать посетителя от призыва к действию (СТА).
  • Предложения ценности: Основное содержание страницы отвечает на два простых вопроса:«Что это?» и «Зачем мне это нужно?»
  • Отзывы: Второй — самый смешной изо всех мною прочитанных.Носки как услуга — это гениально.
  • Устранение сомнений: Текст ниже СТА снижает предполагаемый клиентом риск, что может повысить кликабельность (CTR).

Что я бы поменял или протестировал

  • Подзаголовок: Чтобы цель страницы была ясна сразу, я бы добавил краткий подзаголовок рядом с логотипом.
  • Основной заголовок (главное предложение ценности): Заголовок можно использовать так: а) дать совершенно четкое определение того, что вы предлагаете, чтобы обеспечить понимание цели вашей страницы; б) с помощью привлекательного заголовка побудить посетителя продолжить чтение. В данном случае на сайте использовали второй вариант, вероятно, в попытке привлечь ваше внимание и возбудить любопытство (или убедить нажать конкретную кнопку). Что касается тестирования, я бы попробовал вариант а) — с самого начала дал бы понять, что из себя представляет Manpacks (в совокупности с подзаголовком это могло бы хорошо сработать при прохождении пятисекундного теста).  
Сайт:www.Manpacks.comПример ниже — альтернативная страница, которую они создали, возможно, для обращения к другому сегменту пользователей или создания другого эмоционального отзыва.35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]

2. FluidSurveys – Короли контраста

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Четкое предложение ценности: Заголовок очень простой и не оставляет никаких сомнений в цели страницы и в предлагаемом товаре. К тому же заголовок удачно подкрепляется хорошо написанным разъяснением некоторых основных преимуществ.
  • Выделение отзывов: Отзыв, выделенный мазком кисти, оживляет дизайн и устраняет ощущение переполненности страницы текстом.
  • Контраст: Для сайта выбраны два приятно контрастирующих текста, подчеркивающих важные элементы: ярлык с надписью «Бесплатно» и форму с призывом к действию.
  • Контекст использования: Их выбор иллюстративного материала дает вам понять, что продукт может создавать мобильные версии опросов.
  • Подтверждение надежности : Как и в вышеприведенном примере, сайт вызывает сильное ощущение доверия благодаря включению ряда логотипов.
Что я бы поменял или протестировал
  • Убрать навигацию в футере сайта: Любая излишняя навигация на посадочной странице может завести ваших посетителей на ложный путь. Я бы порекомендовал удалить навигацию в футере для упрощения выбора.
  • Разъяснение логотипов: Хорошо бы добавить небольшой ярлычок (как в первом примере), который разъяснит, что это логотипы клиентов (или сайтов, которые упоминали или писали о них).
Сайт:FluidSurveys.com

3. Golden Sands – Мягкая реклама

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Впечатление: Мне сразу же захотелось уйти в отпуск и остановиться в каком-нибудь отеле. Подушки и правда смягчают рекламу.
  • Цена: Для путешествий цена является определяющим фактором, и тут сразу же разделываются с этим вопросом: если вы понимаете, что предложение вам подходит, вы идете смотреть подробности. 
  • Свидетельство в пользу: Сертификат качества от Trip Advisor гарантирует, что компания была аттестована признанным авторитетом.
Что я бы поменял или протестировал
  • Шапка формы: Подать заявку сейчас? На что? Непонятно, на что мы подаем заявку. Я думал, что это сайт бронирования мест, но, как видно, я должен подавать какую-то заявку. Указывайте точно, зачем посетителям заполнять вашу форму.
  • Главное предложение ценности: Отсутствует четкое определение предназначения страницы или того, что вы должны получить. Я бы попробовал передвинуть логотипы с верха страницы и добавил бы убедительную фразу.
  • Отзывы: Приведенные отзывы — анонимны, что снижает воздействие, которое они могли бы оказать. Всегда спрашивайте разрешения использовать отзыв и указывайте имя оставившего отзыв пользователя, что увеличит доверие к вам.
  • Эксклюзивность: Упоминается эксклюзивное приглашение на предварительное посещение, однако куда нас приглашают — не говорится. Если это важный коммерческий довод, я бы сделал на этом более сильный акцент, возможно, используя какие-нибудь визуальные сигналы, привлекающие внимание посетителя.
Сайт:GoldenSandsExperience.com

4. The Sharp Firm – Постоянный призыв к действию

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Постоянные СТА: Призывы к действию на этой странице имеют два козыря. Они одного цвета и имеют одно и то же сообщение, что указывает нам, на какие области обратить внимание. Даю дополнительные очки за отсутствие слова «Отправить» на кнопке формы.
  • Использование видео: Присутствуют два видеоролика, что сразу способствует построению честного и открытого диалога с посетителями. Сначала с вами беседуют представители компании, а затем используются настоящие видеоотзывы клиентов — это гораздо эффективнее, чем письменные цитаты.
  • Ясность: Ни одна компания не хочет, чтобы к ней обращались за тем, чего она не делает. Благодаря перечислению предоставляемых услуг к ним гарантированно обратятся нужные люди.
Что я бы поменял или протестировалЧестно говоря, это отличная страница. Я бы внес только незначительные изменения.
  • Цель контакта: Обычно я не поощряю удлинение формы.Однако, возможно, было бы неплохо добавить выпадающий список, содержащий цели запроса.Это могло бы помочь с точки зрения отчетности (позволит вам упростить оценку потребностей своих потенциальных клиентов).
Сайт:SharpFirm.com
Разработчик сайта:http://www.nuartisan.net/

5. GreenLighted – Очень свежо

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Выглядит потрясающе! Да, я знаю, что отвратительные страницы тоже имеют отличную конверсию, но этот дизайн заставляет меня смотреть и смотреть на страницу — что же они предлагают.
  • Визуальное деление: Страница удачно разбита по вертикали, что способствует усвоению информации.
Что я бы поменял или протестировал
  • Что это? У меня есть общее представление о том, чем занимается эта компания, но я бы не отказался от более подробного описания.Чтобы дополнительная информация не захламляла страницу, ее можно выводить в лайтбоксе. А еще лучше добавить видеоролик, поясняющий, что из себя представляет компания, как она работает и зачем нужно регистрироваться.
  • Для чего это? Дайте ясно понять, для каких групп посетителей предназначен ваш сайт. Если я не понимаю или не знаю, что сайт мне подходит, я не буду регистрироваться.
  • Распространение информации в социальных сетях после конверсии: Очень полезной может быть возможность найти компанию в социальных сетях, особенно если она недавно на рынке.Тем не менее, возможно, лучше бы перенести ссылки на социальные сети на страницу подтверждения формы, чтобы попросить тех, кто уже заинтересовался вашей компанией, поделиться информацией о вас.
Сайт:Greenlighted.com

6. Cheezburger – Вы сделаете мне смешно?

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Разбивка контента: Как и в предыдущем примере, страница разделена вертикально, что облегчает ее усвоение. Вернуться к верху страницы (а это длинная страница) можно с помощью классических ведущих к верху ссылок в конце каждого раздела.
  • Четко сформулированное ценностное предложение: Заголовок прост и заманчив. А вторичный блок контента и СТА простым языком поясняют, что вы можете создать сайт бесплатно.
  • Повторяющийся СТА: Это совершенно необходимая вещь для длинной посадочной страницы. Здесь СТА (желтая кнопка) повторяется в трех разделах и продолжает убеждать вас зарегистрироваться (это умно, так как вы не знаете, какая часть контента приведет к регистрации, наличие СТА прямо там будет способствовать конверсии).
Что я бы поменял или протестировалА ничего.Сайт:Cheezburger.com

7. ReadItForMe – Покажите мне СТА

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор] Что понравилось
  • Свидетельства в пользу от посетителей с именем: Наличие отзывов от известных пользователей (например, от Zappos или ведущего бизнес-автора Дэниэла Пинка) немедленно вызывает доверие.
  • Удачное использование маркера: Некоторые рекламные письма «старой школы», бывает, реально перебарщивают с использованием желтого маркера. Но здесь он действительно к месту — ваше внимание акцентируют на некоторых главных преимуществах сайта.
  • Разбивка дизайна: Длинная полоса, хотя и расположена низковато, останавливает вас в ваших перемещениях по странице (рядом с отпечатком ботинка — хороша шутка!) и привлекает внимание к СТА (подписка).Такой тип разбивки дизайна страницы — отличный способ привлечь внимание.
Что я бы поменял или протестировал
  • Передвиньте полосу повыше: Разместите форму на первом экране.
  • Список книг: Чтобы дать людям повод регистрироваться, разместите полный список имеющихся в наличии книг в PDF (или другом формате) и расположите его прямо рядом с формой.
Сайт:Get.ReadItFor.me/Launch

8. Smart Rewards – Просто, ясно, классно

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Описательный подзаголовок: Подзаголовок рядом с логотипом совершенно ясно демонстрирует идею сайта.
  • Четкий дизайн: Наличие пустого пространства значительно облегчает чтение страницы.
  • Один очень понятный СТА: Совершенно понятно, что от вас требуется сделать, а использование контраста буквально через секунду показывает, где СТА находится.
Что я бы поменял или протестировал
  • Политика конфиденциальности: Если вы запрашиваете адрес электронной почты, всегда размещайте текст с политикой конфиденциальности.Особенно когда вы работаете с Google AdWords, так как они могут заблокировать ваш аккаунт, если у вас ее нет.Прикрепите этот текст рядом с полем для внесения электронного адреса вместе с гарантиями отсутствия спама.
  • Маркированный список:Текста довольно много, попробуйте разбить его с помощью нескольких подзаголовков или маркированного списка, поясняя основные преимущества.
Сайт:ShareAndTell.com

9. Crikey! – Движимые преимуществами

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилосьВнезапное начало: Crikey права! Большой жирный заголовок сразу сообщает вам, что вас ждет бесплатный пробный период, что усиливает фактор безопасности.
  • Простота: Подзаголовок подробно расписывает, что вы получите, а три пункта маркированного списка ясны как день.
  • Доказательство социальной значимости: Отзывы (один от известного пользователя) дают вам понять, что, вероятно, это — хорошая штука.
Что я бы поменял или протестировал
  • Цена: Одно из препятствий — отсутствие цены. Если вы намерены скрыть стоимость (после пробного периода), на вашем месте возле формы регистрации я бы поместил заявление, заверяющее в том, что «вы можете отменить в любое время…» и т.д.
  • Политика конфиденциальности: Как и в примере выше, в области формы регистрации я бы сделал ссылку на лайтбокс, содержащий текст вашей политики конфиденциальности.
Сайт:Crikey.com.au

10. Echodemic – Продавая обещания

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Вступительное заявление: Вступительное заявление ясно и кратко описывает их предложение.
  • Доказательство социальной значимости: Внушительное число поклонников Facebook подкрепляет веру в привлекательность компании, особенно тот факт, что компания знает, как создать группу поклонников, которые и есть то, что она продает.
  • Честность: Вам называют цену, так что вы можете “взвесить” потенциальное расширение вашего присутствия на рынке.
  • Четкий способ связи: Большой номер телефона повышает доверие: вы понимаете, что будете иметь дело с реальными людьми.Это также поможет оценить время, число фанов (к какой группе населения они принадлежат) и ценность, которую вы получите за свои деньги.
Что я бы поменял или протестировал
  • Передвиньте форму: Разместите форму над логотипами брендов.
  • Способ привязки логотипов: Это просто названия отелей, которые помогут вам понять смысл страницы?Или это существующие клиенты?Если все же клиенты, укажите на это с помощью заголовка.
Сайт:Echodemic.com

11. H. Bloom – Повторенье — мать ученья

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Повторение СТА: Поскольку страница длинная, на сайте используется мудрая практика повторения СТА на всем протяжении страницы.
  • Тизер: Размещение сообщения о низкой цене и бесплатной доставке рядом с СТА — отличный способ заставить вас сделать клик.
  • Разбивка на разделы: Каждый раздел сайта — почти самостоятельная посадочная мини-страница с заголовком, своей целью, СТА и весомым доказательством социальной значимости в виде логотипов клиентов и упоминаний в прессе.
Что я бы поменял или протестировал
  • Сокращенная версия: Мне вполне нравится текущая версия, однако было бы интересно посмотреть на верхний раздел в виде отдельной страницы.
Сайт:HBloom.com

12. Wistia – Контент-маркетинг, каким он должен быть

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Все дело в преимуществах: Они отлично потрудились, продавая вам поводы для указания вашего адреса электронной почты.
  • Размер приза: В данном случае они предлагают массу всего в обмен на одно поле формы — отличная сделка.
Что я бы поменял или протестировал
  • Более четкий заголовок: Общий смысл в том, чтобы получить руководство по видеомаркетингу, но из-за причудливого дизайна заголовка его тяжело прочитать и слово «guide» как-то теряется.
  • Политика конфиденциальности: Если вы дочитали досюда, вы поняли, о чем я.
  • Предпросмотр: Краткий предпросмотр одного из видеороликов вызовет больше доверия и создаст стимул.
Сайт:Wistia.com

13. Zipongo – Свежая еда!

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Свежесть: Дизайн (иллюстративный материал, опрятность и цветовая гамма) и правда демонстрирует свежесть.
  • Внушительный СТА: Что вы должны делать на этой странице? Совершенно верно! Как и следовало ожидать.
  • Преимущество четко выражено:50-90% скидки – вот почему это предложение должно быть вам интересно.
Что я бы поменял или протестировал
  • Заголовок: Используйте слово «еда»! Сделайте его суперочевидным.
Сайт:Zipongo.com

14. Tapptics – Выразительный дизайн

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор] Что понравилось
  • Дизайн собственного производства: Предложение сайта относится к дизайну. И есть ли лучший способ продать себя, кроме как с помощью прекрасного дизайна?
  • Ощущение срочности: С помощью классического «предложение ограничено» можно усилить ощущение срочности сделки и тем самым повысить конверсию. И все в восторге от сделки.
  • Полное раскрытие информации: Показаны все элементы дизайнерского набора, поэтому вы точно знаете, что получите. И никакого мошенничества.
  • Личное: Размещение фото семьи дизайнера вызывает человеческие чувства, что может повысить уровень доверия.
  • Включение видео: (Нарисованный человечек). Демонстрация продукта, который вы получите.
  • Интерактивное общение: Вы можете пообщаться с Джен в чате напрямую — отличный способ получить ответы на свои вопросы (при этом вы можете прокомментировать эти ответы в режиме А/В-тестирования, когда поймете причину замешательства/колебания).
Что я бы поменял или протестировал
  • Местоположение чата: Я бы поместил окно чата прямо у точки конверсии: посетитель, раздумывающий, нажимать ли ему на кнопку «Купить», сможет сразу же получить поддержку.
Сайт:Tapptics.com

15. Tube Mogul – Начните отсюда

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор] Что понравилось
  • Направляющие сигналы: Благодаря стрелкам посетители понимают, как им следует взаимодействовать со страницей.
  • Доверие: Присутствуют логотипы довольных клиентов? Наверное, это достойный продукт.
  • Демонстрация характеристик: Скриншоты помогают продемонстрировать то, что вы получите в итоге.
Что я бы поменял или протестировал
  • Видео! Предлагая решения, основанные на видео, несомненно, лучше продемонстрировать характеристики вашего продукта с помощью видео. Ай-яй-яй.
  • Текст кнопки: Сделайте его совершенно ясным.Что именно вы загружаете? Единственный способ узнать это — прочитать написанный мелким шрифтом текст над формой.Повторите его на кнопке.
Сайт:TubeMogul.com

16. Startup Weekend – Подписка на новостную рассылку

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Четкость: Сайт легко читается.Оранжевые заголовки и черный основной текст хорошо выделяются на белом фоне, призыв к действию легко заметить.
  • Акцент: Startup Weekend четко усвоил правило, что жирный шрифт — это удачный способ привлечь внимание к важной информации.
  • Доказательства: Функционирующие компании, начавшие свою деятельность в Startup Weekend.
Что я бы поменял или протестировал
  • Воспользуйтесь списком: Лучше меньше да лучше: в первом абзаце слишком много жирного шрифта. Возможно, первый абзац читался бы легче в виде списка.Если вы отвлечетесь от содержания, то увидите, что жирный шрифт превалирует.
Сайт:StartupWeekend.org

17. Video Storytelling – Загрузка электронных книг

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Прямо к делу: Заголовок информативен и переходит прямо к делу.
  • Демонстрация ценности: Важно указать, что предлагаемый вами продукт достоин внимания.При бесплатном предложении чего-либо люди необязательно задумываются о том, во сколько бы им обошлась вещь при покупке.
  • Назначение: Раздел «About the eBook» содержит краткое описание книги, и посетитель знает, что он получит.
Что я бы поменял или протестировал
  • Расположение: Определенно, я бы протестировал размещение кнопки «Written by» непосредственно под призывом к действию.Это делает саму электронную книгу более важной, чем ее авторов, тем не менее, авторы все равно присутствуют в качестве фактора доверия в момент совершения действия.
  • Преимущества: Каковы преимущества для посетителя. Попробуйте привязать фразу «Create Video the Right Way» («Создавайте видео правильно») к людям, которые это смотрят, или к тому, какие чувства должно вызывать некоммерческое видео. Некоммерческое видео часто полагается на эмоции и на то, что людей связывает. Если вы пытаетесь говорить с людьми, вам нужно упомянуть какую-нибудь выгоду для них.
  • Разбивка на две колонки: Я бы попробовал сделать эту страницу еще короче. Сделайте из второго блока две колонки:в одной перечислите функции, во второй — преимущества.
Сайт:Causevox.com

18. Huli Health – Разъяснение процесса

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор] Что понравилось
  • Точный расчет: Удачное использование цифр:глядя на страницу, сразу понимаешь, как выглядит процесс.
  • Основные СМИ: Ссылки на упоминания в основных СМИ — мощный фактор доверия.
  • Выигрышное сочетание: Контент и изображения отлично сочетаются.Разделы Search, Dentists, Scheduling, Traveling и Review очень четко определены.
Что я бы поменял или протестировал
  • Порядок: Я бы точно попробовал разместить упорядоченный список над призывом к действию.
  • Доверие и действие: Еще я бы попробовал передвинуть логотипы основных СМИ непосредственно перед призывом к действию.Демонстрировать посетителю вашу благонадежность перед тем, как просить его что-либо сделать, — хороший способ максимизировать коэффициент реагирования.
Сайт:HuliHealth.com

19. Blabcake – Подготовка сцены

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор] Что понравилось
  • Простота: Понятный заголовок сообщает читателю, чем занимается компания.
  • Удачная кнопка: Действие привязано к желанию получить уведомление, когда сайт начнет работать.
  • Поддержка: Это удачный второй призыв к действию.Обычно я избегаю вторых призывов, но здесь это правильное использование ссылок на социальные сети, позволяющее пользователю решать, как ему удобней получить уведомление.
  • Оли: Очень понравился визуальный дизайн этой страницы как страницы-заглушки «Скоро открытие» — поднятый занавес сцены напоминает мне театр моего отца.Я испытываю глубокое уважение к компаниям, которые начинают свою деятельность с осознанного желания давать самое лучшее разными путями (дизайн, восприятие пользователем, удобство в эксплуатации) — все это в конечном итоге ведет к конверсии.
Что я бы поменял или протестировал
  • Текст: Подзаголовки вызывают вопрос:«Как?» Попробуйте дать какое-то описание функций, подкрепляющих преимущества, описанные в подзаголовках.
  • Иконки: «Волшебная» иконка бьет точно в цель.Две другие — отличный шанс протестировать различные способы демонстрации планов на будущее.Попробуйте поставить персонажей с соответствующими инструментами, или пусть они разыгрывают сцены, относящиеся к использованию продукта.
  • Распространение в массах: Протестируйте вторичный призыв отправить эту страницу другу или поделиться ссылкой на нее в Twitter или Facebook, вместо того, чтобы просто присоединяться к компании в этих сетях (больше акцент на действие, а не на пассивное следование).
Сайт:BlabCake.com

20. Polytown – Направленное впечатление

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Скорость: Предварительный заказ, условия сделки и призыв к действию — все находится на первом, самом видном месте.
  • Время: Условия сделки зависят от времени, что добавляет ощущения срочности.
  • Переход к делу: Каждый элемент в прямом смысле указывает на следующий шаг.
Что я бы поменял или протестировал
  • Завершение сделки: Я бы попробовал поменять местами действия: призыв купить расположил бы наверху, а подписку на бесплатную версию — внизу, чтобы придать больше веса коммерческому предложению.
Сайт:Polytown.co.il

21. Demandforce – Маркетинговый тур

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилосьКак у…! Прямо наверху страницы находится отзыв, описывающий преимущества и связывающий продукт со сторонним авторитетом, это затем подкрепляется положительной цитатой от компании: каким образом это принесло им дополнительную прибыль (кому ж это не понравится?). У них есть даже отзыв от Amazon:)
  • Доля рынка: Похоже, они завоевали уже 30% долю рынка — вкладывайтесь.
  • Демонстрация:Понравились картинки, показывающие, как выглядят электронные письма и тексты.
Что я бы поменял или протестировал
  • Большая форма:Только два поля требуют обязательного заполнения, не стоит вызывать у посетителя ощущение, что для получения информации придется приложить массу усилий.Сократите форму просто до имени и номера телефона.И не начинайте разговор с фразы «Заполните эту форму».Представьте, что вы приходите в The Gap, где вам велят примерить одежду, а затем купить ее (да, вам идет). Соблазняйте или даже принуждайте, но не инструктируйте.
  • Призыв к действию:Посетитель на самом деле не собирается регистрироваться, скорее всего, он лучше отреагирует на «Тур по запросу» или «Знакомство».
  • Футер (широко используется для размещения как внутренних, так и внешних ссылок): Ссылки в футере, не являющиеся политикой конфиденциальности, просто вводят в заблуждение. Для поддержания высокого уровня конверсии избавьтесь от максимально возможного количества утечек.
Сайт:Demandforce.com

22. Adzerk – А, зеленый свет — иди!

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Классическая подача: Синий и белый — классическая цветовая гамма, используемая для бизнес-сайтов.
  • Повторяйте им снова и снова: Страница открывается и закрывается одинаковым стимулирующим утверждением (регистрация за 16 секунд).
  • Иконки: Удачное применение иконок — они помогают сделать контент более усвояемым, «на один укус».
Что я бы поменял или протестировал
  • Важные кнопки: Цвета кнопок слишком схожи с синей цветовой гаммой. Если вы хотите, чтобы кнопки выделялись, необходимо сделать их контрастными по отношению к основным цветам.
  • Преимущества: Я уже просмотрел почти всю страницу, пока смог ответить себе на вопрос, почему я должен это хотеть. Попробуйте передвинуть преимущества, вроде 5 центов за тысячу показов, выше к первой кнопке с призывом к действию.
Сайт:Adzerk.com

23. Boost Your Search – Бесплатный аудит

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • РОБОТЫ: Мы любим роботов.
  • Сделайте что-то важное: Хороший визуальный язык ценообразования.Совершенно ясное визуальное сообщение о том, что является лучшим выбором.
  • Дайте мне цифры: Удачное использование статистики и четкое информирование о стоимости.
Что я бы поменял или протестировал
  • Приведите доказательства: Процитируйте источники (Статистика и отзывы), чтобы показать, что вы не выдумали их для повышения продаж.
  • Стойте на своем: Выберите одно действие и настаивайте на нем.В таких случаях потенциальный клиент, привлеченный через электронную почту, далеко не так ценен, как клиент, зарегистрировавшийся на сайте.
  • Сделайте две страницы: Разделите призыв к бесплатному аудиту и план платных услуг на две отдельные страницы, чтобы сегментировать трафик с каналов типа контекстной рекламы.

24. Knovio – Мы не ищем таланты

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Большие кнопки: Кнопки хорошо выражены.
  • Конкретизация ценности: Пункты маркированного списка ясно указывают ценность.
  • Видео: Использование видео для демонстрации видео попадает точно в цель, а заголовок видеоролика вполне информативен, даже если вы не смотрите его.
Что я бы поменял или протестировал
  • Выберите способ ведения боя: На этой странице присутствует шесть действий — три действия социального характера и три кнопки с призывами к действию.На странице и так столько прекрасных элементов. Попробуйте кнопку «Take a tour» сделать в форме видеоэлемента.
  • Будьте проще: Уменьшите число потенциальных действий.Даже несмотря на то, что это инструмент, построенный на более надежном ПО, пусть с этой страницы люди получат бесплатную версию, а другие страницы используйте для модернизации версии программы клиента.
Сайт:Knovio.com

25. Oil & Gas Investing – Фокус на форме

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Прямо в точку: Действие находится сразу наверху.
  • Поддержка действием: Поддерживающий второй призыв: «Позвоните нам» или «Загрузите». Обычно я не приветствую вторые призывы, однако, поскольку разговор здесь серьезный, наличие номера телефона может быть важным.
  • Легкость в восприятии: Понятные подзаголовки не вынуждают посетителя читать весь текст.
Что я бы поменял или протестировал
  • Несоответствие: В блоке Oil & Gas Industry (нефтегазовая промышленность) присутствует визуальное несоответствие: ни одно изображение не относится к нефти или газу. Поменяйте изображения или заголовок.
  • Сделайте сильный акцент при завершении: Попробуйте разместить СТА еще и внизу страницы. Которое из действий первично? Возможно, номер телефона.
Сайт:USOilInvestments.info

26. Menucopia – Предстартовая страница, какой она должна быть

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Иконки: Отличные иконки для начала.Если они соответствуют вашему аватару в социальных сетях, вы зарабатываете дополнительные очки.
  • Минимализм: Простой открытый дизайн дает вашему контенту возможность «вздохнуть свободно».
  • Раз, и готово: Одно простое действие. Мне кажется, я люблю тебя, Menucopia.
Что я бы поменял или протестировал
  • Призыв к действию: Кнопка нуждается в более убедительном названии для действия:“ «Присоединиться», «Попасть в список», «Стать первым».Ваш призыв к действию должен рассматриваться с точки зрения пользователя, и перед текстом кнопки вы должны суметь добавить «Я хочу».
  • Социальная значимость: Попробуйте добавить логотипы социальных сетей в разделе преимуществ.Не стоит просто рассказывать людям, что вы интегрируете в социальные сети, покажите им логотипы.
  • Больше контраста: Для улучшения читабельности голубой текст лучше сделать потемнее, а текст на кнопке — пожирнее.
Сайт:Signup.Menucopia.com

27. Eureka Report – Поощрительный приз

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Красный, белый, черный: Классическая, вызывающая доверие цветовая гамма — однозначно и ориентировано на бизнес.
  • Бац, СТА: СТА наглядный, основанный на ценности и правильный изначально.
  • Соответствие изображений: Подача идеи и изображения отлично сочетаются, Time magazine.
Что я бы поменял или протестировал
  • Погодите-ка: Стимулирующий фактор затмевает продукт, Eureka Report.Я получаю Eureka Report или Time Magazine?Поправьте иерархию, чтобы цель страницы была понятна.Попробуйте поменять местами расположение блока с 10 причинами и блока формы.
  • Топ-…: Не менее популярные, чем топ-10, списки меньшего размера имеют большую «ударную» силу и лучше запоминаются.Попробуйте топ-5 или топ-7, за счет чего вы выкроите немного пространства, с которым также можно поработать!
  • Размещение стимулирующего фактора: Протестируйте расположение фразы «Ends Midnight» («Окончание — в полночь») рядом с формой вместо часов.Пока посетители совершают действие, напомните им, почему они делают это сейчас.
Сайт:EurekaReport.com.au

28. IMPRESS Впечатляющий дизайн

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Современный дизайн: Сайт сочетает красивый современный дизайн с современными интерактивными элементами навигации.Здесь, в отличие от сайта-визитки, переход к следующему разделу осуществляется прокручиванием к низу страницы.
  • Отдельные посадочные страницы: Каждый раздел (или внутренняя страница) действует как отдельная посадочная страница с заметным заголовком, хорошо спланированным описанием ее цели и призывом к действию.
  • Свидетельства в пользу от посетителей с именем: Способность компании производить качественный продукт засвидетельствована известными в отрасли именами.
Что я бы поменял или протестировал
  • Кнопки навигации трудно обнаружить: Навигационная панель, с помощью которой вы перейдете к следующему разделу, спрятана слева на странице, и ее легко упустить из виду. При этом посетитель не знает, что нужно прокрутить вниз.Я бы предпочел традиционное верхнее расположение навигационной панели, которое оказывает тот же мягкий эффект прокручивания для каждого раздела, плюс ссылка «К верху страницы» для возобновления контакта с областью шапки сайта.
Сайт:IMPRESS

29. SlideDeck Pro

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Заголовок: Отличное описание целевой аудитории — дизайнеры.Все ясно — если вы дизайнер, вы оказались в нужном месте.
  • Описательный СТА: Кнопка сообщает вам, что вы получите, а также во сколько вам это обойдется.
  • Демо-версия: На сайте имеется отличная модальная демо-версия, поясняющая, что из себя представляет слайдбар, и в контексте демонстрирующая, что именно вы покупаете — плюс ОЧЕНЬ много.
  • Характерные особенности: Очень простая разбивка страницы на блоки с описанием характерных особенностей.
  • Клиенты: Окончательным доказательством хорошей работы компании является внушительный список логотипов клиентов.
Что я бы поменял или протестировал
  • Что такое слайдер: Это отличный слайдер, но вот что это — мини-бургер или штучка-дрючка для Javascript?Решились?(если вы нажали на демо-кнопку, это уже неактуально).
Сайт:Slidedeck.com

30. Retargeter

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Выделение заголовка: Черный фон с белым текстом как отличный пример дизайна, построенного на контрасте, для выделения заголовка и быстрого донесения до пользователя цели страницы.
  • Выбор способа связи: Не все используют новомодные способы связи, особенно крупные компании.Поэтому указание номеров телефонов может помочь быстро и эффективно связаться с пользователями.Хорошо сочетается основной СТА со вторичным СТА-номером телефона в шапке сайта.
  • Хорошие отзывы: Фото, имена и ссылки укрепляют доверие.
Что я бы поменял или протестировал
  • Выделите свою цель конверсии:основная проблема этой страницы в том, что на ней есть СТА с переходом по клику (сверху) и форма (внизу). Который из них является целью конверсии?Велики шансы, что большинство пользователей нажмет на верхнюю кнопку чисто из любопытства, однако это действие не является реальным отражением конверсии или истинного намерения.Я бы прикрепил форму сверху и убрал бы кнопку — или наоборот. Тестируйте, тестируйте и еще раз тестируйте.
Сайт:Retargeter.com

31. PetAmberAlert – Буквальный дизайн

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Глубины души! Сам заголовок пробирает вас до мозга костей.
  • Лучший СТА дня: «Отыщите своего домашнего любимца» — очень сильный призыв к действию для любого, кто находится в такой ситуации.Для данной группы населения придумано гениально.
  • Глубины души-2: «С вероятностью равной 77% вашего домашнего любимца увидят те, кто получил наше предупреждение Pet Amber Alert через» — вставить нужное — уже убедили!Вот что значит копирайтинг.Великолепно.
Что я бы поменял или протестировалЧто? Да как я могу! Это великое дело! По правде сказать, это хорошая страница с хорошими факторами доверия (логотипы и отзывы), объясняющая понятным языком, чего ждать (и чего стоит ваш любимец — таблица с расценками).
  • Навигация внизу страницы: Уберите все внешние ссылки, это портит вид.Вот такая мягкая критика с моей стороны.
Сайт:PetAmberAlert.com

32. Monsoon – Ценность ассоциации

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Современные технологии: Обращение к весьма специфическому сектору современных технологий (приманивает ботанов от HTML5, я об этом).
  • Почему? Серьезный раздел о важности технологий компании.
  • Симпатичная форма: Форма находится на первом экране и выглядит симпатично, хотя можно было бы использовать больше контраста и визуальный сигнал для указания действий, которых вы ждете от клиента.
Что я бы поменял или протестировал
  • Приложения для мобильных телефонов: Целью является, *как оказалось*, разработка приложений для мобильных устройств, однако цель эта глубоко похоронена в тексте с мелким шрифтом под основными картинками. Для передачи основной идеи гораздо лучше было бы использовать крупный шрифт и *затем* уже сопроводить ее изображениями «контекстного использования» использования приложений на мобильных устройствах.
  • Пообщайтесь с нами: Зачем?Какая польза от общения с вами о вашем проекте?Попробуйте указать прямую пользу рядом с СТА, где сказано «Поговорите с нами о своем новом проекте, чтобы мы разнесли его в пух и прах…!»
  • Клиенты: Разместите заголовок над изображениями, чтобы точно было понятно, зачем они там.
Сайт:Monsoonco.com

33. Dev Auditions – Разбивка на блоки и простые шаги

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Четкое предложение ценности: Совершенно ясно, что компания занимается наймом лучших людей — специализация на разработчиках.Однако заголовок мог бы быть и поточнее (см. ниже).
  • Пошаговое руководство: 3-шаговый процесс обрисовывает простую картину того, как работает компания.
  • Завершение с указанием преимуществ: Мне нравится начало, середина и конец этой страницы.Как хороший рассказ, она подводит вас к тому, что вам нужно знать, заканчивая тем, что вы получите и завершающим СТА.+1.
Что я бы поменял или протестировал
  • Более понятная шапка сайта: Hire Smarter («Нанимайте с умом») — слишком размыто. Если вы занимаетесь наймом разработчиков, сделайте логотип с этим словом крупнее или измените основной заголовок на что-то более понятное, вроде «Нанимайте разработчиков с умом».
  • Типы должностей: Коль скоро речь идет о найме, я бы добавил немного информации о типах требующихся талантов, так как под разработкой можно понимать многое.В каких областях вы работаете, каковы географические границы?
Сайт:DevAuditions.com

34. Smartr – Умный дизайн для умных телефонов

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Индивидуальная цветовая гамма: Насыщенные цвета тем не менее располагают к себе, потому что они просты.
  • Первый экран: СТА, видео и интерфейс размещены на первом экране, — очень мило.
  • Покажи и расскажи: Понятные визуальные инструкции к 10 причинам означают, что посетитель знает, куда ему идти и чего ожидать.
Что я бы поменял или протестировал
  • Соответствие: Скриншоты имеют мало общего с текстом под ними.Возможно, вам стоит попробовать использовать другие изображения для обозначения ключевых особенностей, которые бы лучше иллюстрировали текст.
  • Второй заголовок: Второй заголовок теряет фокус.Что здесь называется «лучшим» — преимущества или сравнительная таблица?
  • Сделайте сильный акцент при завершении: Последнее действие не выглядит кликабельным, что вынуждает пользователя вернуться к верху страницы.Вместо этого просто переделайте текст своего СТА.

35. Keas – Свежий дизайн полезен для здоровья

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Изображения и текстовка: Светлый, понятный фон, соответствующий идее здоровья.
  • Больше места: Открытый макет позволяет посетителям пробежать сайт глазами.Возможность бегло просмотреть сайт очень полезна, чтобы добраться до призыва к действию в конце страницы.
  • Счастье: В отзыве, написанном крупным шрифтом, говорится о счастье, что тесно связано со здоровьем — отличная мысль использовать преимущество естественных связей.
Что я бы поменял или протестировал
  • Акцент: Слишком много курсива и жирного шрифта, даже сложно сказать, что здесь важно.
  • Не конкурируйте: Здесь СТА конкурируют между собой.Страница просит пользователей «Узнать больше», однако один раз это бесплатно (клик), а второй — имеет цену (адрес электронной почты и номер телефона).Если вам нужен второй призыв к действию, убедитесь, что он не мешает первому.
Сайт*:Keas.comОтличная статистика!До людей, похоже, в конце концов доходит, что им следует быть более обстоятельными и креативными в своих СТА («Больше никаких «Отправить»! Больше никаких «Отправить»!» – можете смело подпевать дальше).Из выбранных нами примеров посадочных страниц целых 73% делают все правильно и описывают, что случится после того, как вы нажмете на их кнопку!А вы что думаете?    

Читайте также:

У вас есть интернет-магазин? Страница компании? Представительство бизнеса в интернете? Мы расскажем, как продвинуть ваш сайт в ТОП Яндекса, Google и других поисковых систем! Уникальная возможность принять участие в рубрике «SEO-аудит» — отправить заявку на Этот e-mail адрес защищен от спам-ботов, для его просмотра у Вас должен быть включен Javascript с пометкой «В ТОП без гирь!». Для аудитов отбираются только 4 сайта в месяц. Попытай свою удачу.

Поисковое продвижение никогда не было проще!

Система автоматизированного продвижения SeoPult быстро выведет ваш сайт в ТОП поисковых систем, сохраняя деньги и время. Автоматика полностью исключает ручной труд, наценки посредников, ошибки или непрофессионализм.
 
     
  
  
HTTP/1.1 200 OK Date: Sat, 25 Aug 2012 13:10:17 GMT Server: Apache X-Powered-By: PHP/5.3.2 X-Pingback: http://blog.seopult.ru/xmlrpc.php Link: ; rel=shortlink Vary: Accept-Encoding Transfer-Encoding: chunked Content-Type: text/html; charset=UTF-8  35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор] | Блог SeoPult


Популярные записи

Подписка на рассылку


Вы можете подписаться на нашу информационную рассылку. Письма расскажут о самых актуальных SEO-новостях и достоверных знаниях о выводе сайта в ТОП поисковых систем.
   
  35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]
 23-08-2012.   Раздел:Перевод.  Теги:конверсия, перевод, посадочная страница.  
Профессиональный дизайн посадочной страницы может увеличить ваш уровень конверсии!Данная статья Оли Гарднера целиком посвящена демонстрации шикарных посадочных страниц, которые вдохновят вас при разработке своего дизайна. Конечно, ни одна страница не идеальна, и любая страница могла бы быть лучше. Помня об этом, мы предложим концепцию того, что делает каждую страницу особенной или интересной, а также поразмыслим над тем, что бы мы могли оптимизировать в ходе А/В-тестирования для повышения конверсии.35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Итак, что же делает дизайн посадочной страницы эффективным?Можно назвать много факторов, но важнее всего соблюдать фундаментальные правила дизайна, сосредоточенного на конверсии:
  • Изложение преимуществ должно быть ясным и кратким, чтобы посетители сразу же понимали назначение страницы
  • Страница должна выражать одну-единственную идею с одним главным призывом к действию (СТА).
  • Используйте правила дизайна, сосредоточенного на конверсии, для выделения своего СТА (пустое пространство, цвет, контраст, направляющие сигналы)
  • При использовании форм для сбора данных необходимо сбалансировать объем запрошенной информации и ощущаемой ценности товара, получаемой взамен (отчет, книга в цифровом формате и т.п.)
  • Используйте модальные диалоговые окна для выведения вспомогательной информации (условия, политика конфиденциальности, подробная информация о товаре) вместо направления посетителей на свой сайт (что заставит их свернуть с намеченного вами пути конверсии)
  • А также многое другое, о чем Оли расскажет в примерах ниже…

1. Manpacks – Дизайн, ориентированный на соблазнение

Что понравилось
  • Это сексуально: Предсказуемая реакция? Да, точно. В том-то и дело.
  • Подтверждение надежности: Они переходят сразу к перечислению известных изданий, в которых упомянута их компания.Монотонно-серый дизайн не дает мешанине цветов визуально отвлекать посетителя от призыва к действию (СТА).
  • Предложения ценности: Основное содержание страницы отвечает на два простых вопроса:«Что это?» и «Зачем мне это нужно?»
  • Отзывы: Второй — самый смешной изо всех мною прочитанных.Носки как услуга — это гениально.
  • Устранение сомнений: Текст ниже СТА снижает предполагаемый клиентом риск, что может повысить кликабельность (CTR).

Что я бы поменял или протестировал

  • Подзаголовок: Чтобы цель страницы была ясна сразу, я бы добавил краткий подзаголовок рядом с логотипом.
  • Основной заголовок (главное предложение ценности): Заголовок можно использовать так: а) дать совершенно четкое определение того, что вы предлагаете, чтобы обеспечить понимание цели вашей страницы; б) с помощью привлекательного заголовка побудить посетителя продолжить чтение. В данном случае на сайте использовали второй вариант, вероятно, в попытке привлечь ваше внимание и возбудить любопытство (или убедить нажать конкретную кнопку). Что касается тестирования, я бы попробовал вариант а) — с самого начала дал бы понять, что из себя представляет Manpacks (в совокупности с подзаголовком это могло бы хорошо сработать при прохождении пятисекундного теста).  
Сайт:www.Manpacks.comПример ниже — альтернативная страница, которую они создали, возможно, для обращения к другому сегменту пользователей или создания другого эмоционального отзыва.

2. FluidSurveys – Короли контраста

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Четкое предложение ценности: Заголовок очень простой и не оставляет никаких сомнений в цели страницы и в предлагаемом товаре. К тому же заголовок удачно подкрепляется хорошо написанным разъяснением некоторых основных преимуществ.
  • Выделение отзывов: Отзыв, выделенный мазком кисти, оживляет дизайн и устраняет ощущение переполненности страницы текстом.
  • Контраст: Для сайта выбраны два приятно контрастирующих текста, подчеркивающих важные элементы: ярлык с надписью «Бесплатно» и форму с призывом к действию.
  • Контекст использования: Их выбор иллюстративного материала дает вам понять, что продукт может создавать мобильные версии опросов.
  • Подтверждение надежности : Как и в вышеприведенном примере, сайт вызывает сильное ощущение доверия благодаря включению ряда логотипов.
Что я бы поменял или протестировал
  • Убрать навигацию в футере сайта: Любая излишняя навигация на посадочной странице может завести ваших посетителей на ложный путь. Я бы порекомендовал удалить навигацию в футере для упрощения выбора.
  • Разъяснение логотипов: Хорошо бы добавить небольшой ярлычок (как в первом примере), который разъяснит, что это логотипы клиентов (или сайтов, которые упоминали или писали о них).
Сайт:FluidSurveys.com

3. Golden Sands – Мягкая реклама

imageЧто понравилось
  • Впечатление: Мне сразу же захотелось уйти в отпуск и остановиться в каком-нибудь отеле. Подушки и правда смягчают рекламу.
  • Цена: Для путешествий цена является определяющим фактором, и тут сразу же разделываются с этим вопросом: если вы понимаете, что предложение вам подходит, вы идете смотреть подробности. 
  • Свидетельство в пользу: Сертификат качества от Trip Advisor гарантирует, что компания была аттестована признанным авторитетом.
Что я бы поменял или протестировал
  • Шапка формы: Подать заявку сейчас? На что? Непонятно, на что мы подаем заявку. Я думал, что это сайт бронирования мест, но, как видно, я должен подавать какую-то заявку. Указывайте точно, зачем посетителям заполнять вашу форму.
  • Главное предложение ценности: Отсутствует четкое определение предназначения страницы или того, что вы должны получить. Я бы попробовал передвинуть логотипы с верха страницы и добавил бы убедительную фразу.
  • Отзывы: Приведенные отзывы — анонимны, что снижает воздействие, которое они могли бы оказать. Всегда спрашивайте разрешения использовать отзыв и указывайте имя оставившего отзыв пользователя, что увеличит доверие к вам.
  • Эксклюзивность: Упоминается эксклюзивное приглашение на предварительное посещение, однако куда нас приглашают — не говорится. Если это важный коммерческий довод, я бы сделал на этом более сильный акцент, возможно, используя какие-нибудь визуальные сигналы, привлекающие внимание посетителя.
Сайт:GoldenSandsExperience.com

4. The Sharp Firm – Постоянный призыв к действию

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Постоянные СТА: Призывы к действию на этой странице имеют два козыря. Они одного цвета и имеют одно и то же сообщение, что указывает нам, на какие области обратить внимание. Даю дополнительные очки за отсутствие слова «Отправить» на кнопке формы.
  • Использование видео: Присутствуют два видеоролика, что сразу способствует построению честного и открытого диалога с посетителями. Сначала с вами беседуют представители компании, а затем используются настоящие видеоотзывы клиентов — это гораздо эффективнее, чем письменные цитаты.
  • Ясность: Ни одна компания не хочет, чтобы к ней обращались за тем, чего она не делает. Благодаря перечислению предоставляемых услуг к ним гарантированно обратятся нужные люди.
Что я бы поменял или протестировалЧестно говоря, это отличная страница. Я бы внес только незначительные изменения.
  • Цель контакта: Обычно я не поощряю удлинение формы.Однако, возможно, было бы неплохо добавить выпадающий список, содержащий цели запроса.Это могло бы помочь с точки зрения отчетности (позволит вам упростить оценку потребностей своих потенциальных клиентов).
Сайт:SharpFirm.com
Разработчик сайта:http://www.nuartisan.net/

5. GreenLighted – Очень свежо

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Выглядит потрясающе! Да, я знаю, что отвратительные страницы тоже имеют отличную конверсию, но этот дизайн заставляет меня смотреть и смотреть на страницу — что же они предлагают.
  • Визуальное деление: Страница удачно разбита по вертикали, что способствует усвоению информации.
Что я бы поменял или протестировал
  • Что это? У меня есть общее представление о том, чем занимается эта компания, но я бы не отказался от более подробного описания.Чтобы дополнительная информация не захламляла страницу, ее можно выводить в лайтбоксе. А еще лучше добавить видеоролик, поясняющий, что из себя представляет компания, как она работает и зачем нужно регистрироваться.
  • Для чего это? Дайте ясно понять, для каких групп посетителей предназначен ваш сайт. Если я не понимаю или не знаю, что сайт мне подходит, я не буду регистрироваться.
  • Распространение информации в социальных сетях после конверсии: Очень полезной может быть возможность найти компанию в социальных сетях, особенно если она недавно на рынке.Тем не менее, возможно, лучше бы перенести ссылки на социальные сети на страницу подтверждения формы, чтобы попросить тех, кто уже заинтересовался вашей компанией, поделиться информацией о вас.
Сайт:Greenlighted.com

6. Cheezburger – Вы сделаете мне смешно?

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Разбивка контента: Как и в предыдущем примере, страница разделена вертикально, что облегчает ее усвоение. Вернуться к верху страницы (а это длинная страница) можно с помощью классических ведущих к верху ссылок в конце каждого раздела.
  • Четко сформулированное ценностное предложение: Заголовок прост и заманчив. А вторичный блок контента и СТА простым языком поясняют, что вы можете создать сайт бесплатно.
  • Повторяющийся СТА: Это совершенно необходимая вещь для длинной посадочной страницы. Здесь СТА (желтая кнопка) повторяется в трех разделах и продолжает убеждать вас зарегистрироваться (это умно, так как вы не знаете, какая часть контента приведет к регистрации, наличие СТА прямо там будет способствовать конверсии).
Что я бы поменял или протестировалА ничего.Сайт:Cheezburger.com

7. ReadItForMe – Покажите мне СТА

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор] Что понравилось
  • Свидетельства в пользу от посетителей с именем: Наличие отзывов от известных пользователей (например, от Zappos или ведущего бизнес-автора Дэниэла Пинка) немедленно вызывает доверие.
  • Удачное использование маркера: Некоторые рекламные письма «старой школы», бывает, реально перебарщивают с использованием желтого маркера. Но здесь он действительно к месту — ваше внимание акцентируют на некоторых главных преимуществах сайта.
  • Разбивка дизайна: Длинная полоса, хотя и расположена низковато, останавливает вас в ваших перемещениях по странице (рядом с отпечатком ботинка — хороша шутка!) и привлекает внимание к СТА (подписка).Такой тип разбивки дизайна страницы — отличный способ привлечь внимание.
Что я бы поменял или протестировал
  • Передвиньте полосу повыше: Разместите форму на первом экране.
  • Список книг: Чтобы дать людям повод регистрироваться, разместите полный список имеющихся в наличии книг в PDF (или другом формате) и расположите его прямо рядом с формой.
Сайт:Get.ReadItFor.me/Launch

8. Smart Rewards – Просто, ясно, классно

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Описательный подзаголовок: Подзаголовок рядом с логотипом совершенно ясно демонстрирует идею сайта.
  • Четкий дизайн: Наличие пустого пространства значительно облегчает чтение страницы.
  • Один очень понятный СТА: Совершенно понятно, что от вас требуется сделать, а использование контраста буквально через секунду показывает, где СТА находится.
Что я бы поменял или протестировал
  • Политика конфиденциальности: Если вы запрашиваете адрес электронной почты, всегда размещайте текст с политикой конфиденциальности.Особенно когда вы работаете с Google AdWords, так как они могут заблокировать ваш аккаунт, если у вас ее нет.Прикрепите этот текст рядом с полем для внесения электронного адреса вместе с гарантиями отсутствия спама.
  • Маркированный список:Текста довольно много, попробуйте разбить его с помощью нескольких подзаголовков или маркированного списка, поясняя основные преимущества.
Сайт:ShareAndTell.com

9. Crikey! – Движимые преимуществами

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилосьВнезапное начало: Crikey права! Большой жирный заголовок сразу сообщает вам, что вас ждет бесплатный пробный период, что усиливает фактор безопасности.
  • Простота: Подзаголовок подробно расписывает, что вы получите, а три пункта маркированного списка ясны как день.
  • Доказательство социальной значимости: Отзывы (один от известного пользователя) дают вам понять, что, вероятно, это — хорошая штука.
Что я бы поменял или протестировал
  • Цена: Одно из препятствий — отсутствие цены. Если вы намерены скрыть стоимость (после пробного периода), на вашем месте возле формы регистрации я бы поместил заявление, заверяющее в том, что «вы можете отменить в любое время…» и т.д.
  • Политика конфиденциальности: Как и в примере выше, в области формы регистрации я бы сделал ссылку на лайтбокс, содержащий текст вашей политики конфиденциальности.
Сайт:Crikey.com.au

10. Echodemic – Продавая обещания

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Вступительное заявление: Вступительное заявление ясно и кратко описывает их предложение.
  • Доказательство социальной значимости: Внушительное число поклонников Facebook подкрепляет веру в привлекательность компании, особенно тот факт, что компания знает, как создать группу поклонников, которые и есть то, что она продает.
  • Честность: Вам называют цену, так что вы можете “взвесить” потенциальное расширение вашего присутствия на рынке.
  • Четкий способ связи: Большой номер телефона повышает доверие: вы понимаете, что будете иметь дело с реальными людьми.Это также поможет оценить время, число фанов (к какой группе населения они принадлежат) и ценность, которую вы получите за свои деньги.
Что я бы поменял или протестировал
  • Передвиньте форму: Разместите форму над логотипами брендов.
  • Способ привязки логотипов: Это просто названия отелей, которые помогут вам понять смысл страницы?Или это существующие клиенты?Если все же клиенты, укажите на это с помощью заголовка.
Сайт:Echodemic.com

11. H. Bloom – Повторенье — мать ученья

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Повторение СТА: Поскольку страница длинная, на сайте используется мудрая практика повторения СТА на всем протяжении страницы.
  • Тизер: Размещение сообщения о низкой цене и бесплатной доставке рядом с СТА — отличный способ заставить вас сделать клик.
  • Разбивка на разделы: Каждый раздел сайта — почти самостоятельная посадочная мини-страница с заголовком, своей целью, СТА и весомым доказательством социальной значимости в виде логотипов клиентов и упоминаний в прессе.
Что я бы поменял или протестировал
  • Сокращенная версия: Мне вполне нравится текущая версия, однако было бы интересно посмотреть на верхний раздел в виде отдельной страницы.
Сайт:HBloom.com

12. Wistia – Контент-маркетинг, каким он должен быть

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Все дело в преимуществах: Они отлично потрудились, продавая вам поводы для указания вашего адреса электронной почты.
  • Размер приза: В данном случае они предлагают массу всего в обмен на одно поле формы — отличная сделка.
Что я бы поменял или протестировал
  • Более четкий заголовок: Общий смысл в том, чтобы получить руководство по видеомаркетингу, но из-за причудливого дизайна заголовка его тяжело прочитать и слово «guide» как-то теряется.
  • Политика конфиденциальности: Если вы дочитали досюда, вы поняли, о чем я.
  • Предпросмотр: Краткий предпросмотр одного из видеороликов вызовет больше доверия и создаст стимул.
Сайт:Wistia.com

13. Zipongo – Свежая еда!

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Свежесть: Дизайн (иллюстративный материал, опрятность и цветовая гамма) и правда демонстрирует свежесть.
  • Внушительный СТА: Что вы должны делать на этой странице? Совершенно верно! Как и следовало ожидать.
  • Преимущество четко выражено:50-90% скидки – вот почему это предложение должно быть вам интересно.
Что я бы поменял или протестировал
  • Заголовок: Используйте слово «еда»! Сделайте его суперочевидным.
Сайт:Zipongo.com

14. Tapptics – Выразительный дизайн

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор] Что понравилось
  • Дизайн собственного производства: Предложение сайта относится к дизайну. И есть ли лучший способ продать себя, кроме как с помощью прекрасного дизайна?
  • Ощущение срочности: С помощью классического «предложение ограничено» можно усилить ощущение срочности сделки и тем самым повысить конверсию. И все в восторге от сделки.
  • Полное раскрытие информации: Показаны все элементы дизайнерского набора, поэтому вы точно знаете, что получите. И никакого мошенничества.
  • Личное: Размещение фото семьи дизайнера вызывает человеческие чувства, что может повысить уровень доверия.
  • Включение видео: (Нарисованный человечек). Демонстрация продукта, который вы получите.
  • Интерактивное общение: Вы можете пообщаться с Джен в чате напрямую — отличный способ получить ответы на свои вопросы (при этом вы можете прокомментировать эти ответы в режиме А/В-тестирования, когда поймете причину замешательства/колебания).
Что я бы поменял или протестировал
  • Местоположение чата: Я бы поместил окно чата прямо у точки конверсии: посетитель, раздумывающий, нажимать ли ему на кнопку «Купить», сможет сразу же получить поддержку.
Сайт:Tapptics.com

15. Tube Mogul – Начните отсюда

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор] Что понравилось
  • Направляющие сигналы: Благодаря стрелкам посетители понимают, как им следует взаимодействовать со страницей.
  • Доверие: Присутствуют логотипы довольных клиентов? Наверное, это достойный продукт.
  • Демонстрация характеристик: Скриншоты помогают продемонстрировать то, что вы получите в итоге.
Что я бы поменял или протестировал
  • Видео! Предлагая решения, основанные на видео, несомненно, лучше продемонстрировать характеристики вашего продукта с помощью видео. Ай-яй-яй.
  • Текст кнопки: Сделайте его совершенно ясным.Что именно вы загружаете? Единственный способ узнать это — прочитать написанный мелким шрифтом текст над формой.Повторите его на кнопке.
Сайт:TubeMogul.com

16. Startup Weekend – Подписка на новостную рассылку

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Четкость: Сайт легко читается.Оранжевые заголовки и черный основной текст хорошо выделяются на белом фоне, призыв к действию легко заметить.
  • Акцент: Startup Weekend четко усвоил правило, что жирный шрифт — это удачный способ привлечь внимание к важной информации.
  • Доказательства: Функционирующие компании, начавшие свою деятельность в Startup Weekend.
Что я бы поменял или протестировал
  • Воспользуйтесь списком: Лучше меньше да лучше: в первом абзаце слишком много жирного шрифта. Возможно, первый абзац читался бы легче в виде списка.Если вы отвлечетесь от содержания, то увидите, что жирный шрифт превалирует.
Сайт:StartupWeekend.org

17. Video Storytelling – Загрузка электронных книг

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Прямо к делу: Заголовок информативен и переходит прямо к делу.
  • Демонстрация ценности: Важно указать, что предлагаемый вами продукт достоин внимания.При бесплатном предложении чего-либо люди необязательно задумываются о том, во сколько бы им обошлась вещь при покупке.
  • Назначение: Раздел «About the eBook» содержит краткое описание книги, и посетитель знает, что он получит.
Что я бы поменял или протестировал
  • Расположение: Определенно, я бы протестировал размещение кнопки «Written by» непосредственно под призывом к действию.Это делает саму электронную книгу более важной, чем ее авторов, тем не менее, авторы все равно присутствуют в качестве фактора доверия в момент совершения действия.
  • Преимущества: Каковы преимущества для посетителя. Попробуйте привязать фразу «Create Video the Right Way» («Создавайте видео правильно») к людям, которые это смотрят, или к тому, какие чувства должно вызывать некоммерческое видео. Некоммерческое видео часто полагается на эмоции и на то, что людей связывает. Если вы пытаетесь говорить с людьми, вам нужно упомянуть какую-нибудь выгоду для них.
  • Разбивка на две колонки: Я бы попробовал сделать эту страницу еще короче. Сделайте из второго блока две колонки:в одной перечислите функции, во второй — преимущества.
Сайт:Causevox.com

18. Huli Health – Разъяснение процесса

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор] Что понравилось
  • Точный расчет: Удачное использование цифр:глядя на страницу, сразу понимаешь, как выглядит процесс.
  • Основные СМИ: Ссылки на упоминания в основных СМИ — мощный фактор доверия.
  • Выигрышное сочетание: Контент и изображения отлично сочетаются.Разделы Search, Dentists, Scheduling, Traveling и Review очень четко определены.
Что я бы поменял или протестировал
  • Порядок: Я бы точно попробовал разместить упорядоченный список над призывом к действию.
  • Доверие и действие: Еще я бы попробовал передвинуть логотипы основных СМИ непосредственно перед призывом к действию.Демонстрировать посетителю вашу благонадежность перед тем, как просить его что-либо сделать, — хороший способ максимизировать коэффициент реагирования.
Сайт:HuliHealth.com

19. Blabcake – Подготовка сцены

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор] Что понравилось
  • Простота: Понятный заголовок сообщает читателю, чем занимается компания.
  • Удачная кнопка: Действие привязано к желанию получить уведомление, когда сайт начнет работать.
  • Поддержка: Это удачный второй призыв к действию.Обычно я избегаю вторых призывов, но здесь это правильное использование ссылок на социальные сети, позволяющее пользователю решать, как ему удобней получить уведомление.
  • Оли: Очень понравился визуальный дизайн этой страницы как страницы-заглушки «Скоро открытие» — поднятый занавес сцены напоминает мне театр моего отца.Я испытываю глубокое уважение к компаниям, которые начинают свою деятельность с осознанного желания давать самое лучшее разными путями (дизайн, восприятие пользователем, удобство в эксплуатации) — все это в конечном итоге ведет к конверсии.
Что я бы поменял или протестировал
  • Текст: Подзаголовки вызывают вопрос:«Как?» Попробуйте дать какое-то описание функций, подкрепляющих преимущества, описанные в подзаголовках.
  • Иконки: «Волшебная» иконка бьет точно в цель.Две другие — отличный шанс протестировать различные способы демонстрации планов на будущее.Попробуйте поставить персонажей с соответствующими инструментами, или пусть они разыгрывают сцены, относящиеся к использованию продукта.
  • Распространение в массах: Протестируйте вторичный призыв отправить эту страницу другу или поделиться ссылкой на нее в Twitter или Facebook, вместо того, чтобы просто присоединяться к компании в этих сетях (больше акцент на действие, а не на пассивное следование).
Сайт:BlabCake.com

20. Polytown – Направленное впечатление

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Скорость: Предварительный заказ, условия сделки и призыв к действию — все находится на первом, самом видном месте.
  • Время: Условия сделки зависят от времени, что добавляет ощущения срочности.
  • Переход к делу: Каждый элемент в прямом смысле указывает на следующий шаг.
Что я бы поменял или протестировал
  • Завершение сделки: Я бы попробовал поменять местами действия: призыв купить расположил бы наверху, а подписку на бесплатную версию — внизу, чтобы придать больше веса коммерческому предложению.
Сайт:Polytown.co.il

21. Demandforce – Маркетинговый тур

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилосьКак у…! Прямо наверху страницы находится отзыв, описывающий преимущества и связывающий продукт со сторонним авторитетом, это затем подкрепляется положительной цитатой от компании: каким образом это принесло им дополнительную прибыль (кому ж это не понравится?). У них есть даже отзыв от Amazon:)
  • Доля рынка: Похоже, они завоевали уже 30% долю рынка — вкладывайтесь.
  • Демонстрация:Понравились картинки, показывающие, как выглядят электронные письма и тексты.
Что я бы поменял или протестировал
  • Большая форма:Только два поля требуют обязательного заполнения, не стоит вызывать у посетителя ощущение, что для получения информации придется приложить массу усилий.Сократите форму просто до имени и номера телефона.И не начинайте разговор с фразы «Заполните эту форму».Представьте, что вы приходите в The Gap, где вам велят примерить одежду, а затем купить ее (да, вам идет). Соблазняйте или даже принуждайте, но не инструктируйте.
  • Призыв к действию:Посетитель на самом деле не собирается регистрироваться, скорее всего, он лучше отреагирует на «Тур по запросу» или «Знакомство».
  • Футер (широко используется для размещения как внутренних, так и внешних ссылок): Ссылки в футере, не являющиеся политикой конфиденциальности, просто вводят в заблуждение. Для поддержания высокого уровня конверсии избавьтесь от максимально возможного количества утечек.
Сайт:Demandforce.com

22. Adzerk – А, зеленый свет — иди!

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Классическая подача: Синий и белый — классическая цветовая гамма, используемая для бизнес-сайтов.
  • Повторяйте им снова и снова: Страница открывается и закрывается одинаковым стимулирующим утверждением (регистрация за 16 секунд).
  • Иконки: Удачное применение иконок — они помогают сделать контент более усвояемым, «на один укус».
Что я бы поменял или протестировал
  • Важные кнопки: Цвета кнопок слишком схожи с синей цветовой гаммой. Если вы хотите, чтобы кнопки выделялись, необходимо сделать их контрастными по отношению к основным цветам.
  • Преимущества: Я уже просмотрел почти всю страницу, пока смог ответить себе на вопрос, почему я должен это хотеть. Попробуйте передвинуть преимущества, вроде 5 центов за тысячу показов, выше к первой кнопке с призывом к действию.
Сайт:Adzerk.com

23. Boost Your Search – Бесплатный аудит

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • РОБОТЫ: Мы любим роботов.
  • Сделайте что-то важное: Хороший визуальный язык ценообразования.Совершенно ясное визуальное сообщение о том, что является лучшим выбором.
  • Дайте мне цифры: Удачное использование статистики и четкое информирование о стоимости.
Что я бы поменял или протестировал
  • Приведите доказательства: Процитируйте источники (Статистика и отзывы), чтобы показать, что вы не выдумали их для повышения продаж.
  • Стойте на своем: Выберите одно действие и настаивайте на нем.В таких случаях потенциальный клиент, привлеченный через электронную почту, далеко не так ценен, как клиент, зарегистрировавшийся на сайте.
  • Сделайте две страницы: Разделите призыв к бесплатному аудиту и план платных услуг на две отдельные страницы, чтобы сегментировать трафик с каналов типа контекстной рекламы.

24. Knovio – Мы не ищем таланты

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Большие кнопки: Кнопки хорошо выражены.
  • Конкретизация ценности: Пункты маркированного списка ясно указывают ценность.
  • Видео: Использование видео для демонстрации видео попадает точно в цель, а заголовок видеоролика вполне информативен, даже если вы не смотрите его.
Что я бы поменял или протестировал
  • Выберите способ ведения боя: На этой странице присутствует шесть действий — три действия социального характера и три кнопки с призывами к действию.На странице и так столько прекрасных элементов. Попробуйте кнопку «Take a tour» сделать в форме видеоэлемента.
  • Будьте проще: Уменьшите число потенциальных действий.Даже несмотря на то, что это инструмент, построенный на более надежном ПО, пусть с этой страницы люди получат бесплатную версию, а другие страницы используйте для модернизации версии программы клиента.
Сайт:Knovio.com

25. Oil & Gas Investing – Фокус на форме

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Прямо в точку: Действие находится сразу наверху.
  • Поддержка действием: Поддерживающий второй призыв: «Позвоните нам» или «Загрузите». Обычно я не приветствую вторые призывы, однако, поскольку разговор здесь серьезный, наличие номера телефона может быть важным.
  • Легкость в восприятии: Понятные подзаголовки не вынуждают посетителя читать весь текст.
Что я бы поменял или протестировал
  • Несоответствие: В блоке Oil & Gas Industry (нефтегазовая промышленность) присутствует визуальное несоответствие: ни одно изображение не относится к нефти или газу. Поменяйте изображения или заголовок.
  • Сделайте сильный акцент при завершении: Попробуйте разместить СТА еще и внизу страницы. Которое из действий первично? Возможно, номер телефона.
Сайт:USOilInvestments.info

26. Menucopia – Предстартовая страница, какой она должна быть

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Иконки: Отличные иконки для начала.Если они соответствуют вашему аватару в социальных сетях, вы зарабатываете дополнительные очки.
  • Минимализм: Простой открытый дизайн дает вашему контенту возможность «вздохнуть свободно».
  • Раз, и готово: Одно простое действие. Мне кажется, я люблю тебя, Menucopia.
Что я бы поменял или протестировал
  • Призыв к действию: Кнопка нуждается в более убедительном названии для действия:“ «Присоединиться», «Попасть в список», «Стать первым».Ваш призыв к действию должен рассматриваться с точки зрения пользователя, и перед текстом кнопки вы должны суметь добавить «Я хочу».
  • Социальная значимость: Попробуйте добавить логотипы социальных сетей в разделе преимуществ.Не стоит просто рассказывать людям, что вы интегрируете в социальные сети, покажите им логотипы.
  • Больше контраста: Для улучшения читабельности голубой текст лучше сделать потемнее, а текст на кнопке — пожирнее.
Сайт:Signup.Menucopia.com

27. Eureka Report – Поощрительный приз

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Красный, белый, черный: Классическая, вызывающая доверие цветовая гамма — однозначно и ориентировано на бизнес.
  • Бац, СТА: СТА наглядный, основанный на ценности и правильный изначально.
  • Соответствие изображений: Подача идеи и изображения отлично сочетаются, Time magazine.
Что я бы поменял или протестировал
  • Погодите-ка: Стимулирующий фактор затмевает продукт, Eureka Report.Я получаю Eureka Report или Time Magazine?Поправьте иерархию, чтобы цель страницы была понятна.Попробуйте поменять местами расположение блока с 10 причинами и блока формы.
  • Топ-…: Не менее популярные, чем топ-10, списки меньшего размера имеют большую «ударную» силу и лучше запоминаются.Попробуйте топ-5 или топ-7, за счет чего вы выкроите немного пространства, с которым также можно поработать!
  • Размещение стимулирующего фактора: Протестируйте расположение фразы «Ends Midnight» («Окончание — в полночь») рядом с формой вместо часов.Пока посетители совершают действие, напомните им, почему они делают это сейчас.
Сайт:EurekaReport.com.au

28. IMPRESS Впечатляющий дизайн

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Современный дизайн: Сайт сочетает красивый современный дизайн с современными интерактивными элементами навигации.Здесь, в отличие от сайта-визитки, переход к следующему разделу осуществляется прокручиванием к низу страницы.
  • Отдельные посадочные страницы: Каждый раздел (или внутренняя страница) действует как отдельная посадочная страница с заметным заголовком, хорошо спланированным описанием ее цели и призывом к действию.
  • Свидетельства в пользу от посетителей с именем: Способность компании производить качественный продукт засвидетельствована известными в отрасли именами.
Что я бы поменял или протестировал
  • Кнопки навигации трудно обнаружить: Навигационная панель, с помощью которой вы перейдете к следующему разделу, спрятана слева на странице, и ее легко упустить из виду. При этом посетитель не знает, что нужно прокрутить вниз.Я бы предпочел традиционное верхнее расположение навигационной панели, которое оказывает тот же мягкий эффект прокручивания для каждого раздела, плюс ссылка «К верху страницы» для возобновления контакта с областью шапки сайта.
Сайт:IMPRESS

29. SlideDeck Pro

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Заголовок: Отличное описание целевой аудитории — дизайнеры.Все ясно — если вы дизайнер, вы оказались в нужном месте.
  • Описательный СТА: Кнопка сообщает вам, что вы получите, а также во сколько вам это обойдется.
  • Демо-версия: На сайте имеется отличная модальная демо-версия, поясняющая, что из себя представляет слайдбар, и в контексте демонстрирующая, что именно вы покупаете — плюс ОЧЕНЬ много.
  • Характерные особенности: Очень простая разбивка страницы на блоки с описанием характерных особенностей.
  • Клиенты: Окончательным доказательством хорошей работы компании является внушительный список логотипов клиентов.
Что я бы поменял или протестировал
  • Что такое слайдер: Это отличный слайдер, но вот что это — мини-бургер или штучка-дрючка для Javascript?Решились?(если вы нажали на демо-кнопку, это уже неактуально).
Сайт:Slidedeck.com

30. Retargeter

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Выделение заголовка: Черный фон с белым текстом как отличный пример дизайна, построенного на контрасте, для выделения заголовка и быстрого донесения до пользователя цели страницы.
  • Выбор способа связи: Не все используют новомодные способы связи, особенно крупные компании.Поэтому указание номеров телефонов может помочь быстро и эффективно связаться с пользователями.Хорошо сочетается основной СТА со вторичным СТА-номером телефона в шапке сайта.
  • Хорошие отзывы: Фото, имена и ссылки укрепляют доверие.
Что я бы поменял или протестировал
  • Выделите свою цель конверсии:основная проблема этой страницы в том, что на ней есть СТА с переходом по клику (сверху) и форма (внизу). Который из них является целью конверсии?Велики шансы, что большинство пользователей нажмет на верхнюю кнопку чисто из любопытства, однако это действие не является реальным отражением конверсии или истинного намерения.Я бы прикрепил форму сверху и убрал бы кнопку — или наоборот. Тестируйте, тестируйте и еще раз тестируйте.
Сайт:Retargeter.com

31. PetAmberAlert – Буквальный дизайн

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Глубины души! Сам заголовок пробирает вас до мозга костей.
  • Лучший СТА дня: «Отыщите своего домашнего любимца» — очень сильный призыв к действию для любого, кто находится в такой ситуации.Для данной группы населения придумано гениально.
  • Глубины души-2: «С вероятностью равной 77% вашего домашнего любимца увидят те, кто получил наше предупреждение Pet Amber Alert через» — вставить нужное — уже убедили!Вот что значит копирайтинг.Великолепно.
Что я бы поменял или протестировалЧто? Да как я могу! Это великое дело! По правде сказать, это хорошая страница с хорошими факторами доверия (логотипы и отзывы), объясняющая понятным языком, чего ждать (и чего стоит ваш любимец — таблица с расценками).
  • Навигация внизу страницы: Уберите все внешние ссылки, это портит вид.Вот такая мягкая критика с моей стороны.
Сайт:PetAmberAlert.com

32. Monsoon – Ценность ассоциации

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Современные технологии: Обращение к весьма специфическому сектору современных технологий (приманивает ботанов от HTML5, я об этом).
  • Почему? Серьезный раздел о важности технологий компании.
  • Симпатичная форма: Форма находится на первом экране и выглядит симпатично, хотя можно было бы использовать больше контраста и визуальный сигнал для указания действий, которых вы ждете от клиента.
Что я бы поменял или протестировал
  • Приложения для мобильных телефонов: Целью является, *как оказалось*, разработка приложений для мобильных устройств, однако цель эта глубоко похоронена в тексте с мелким шрифтом под основными картинками. Для передачи основной идеи гораздо лучше было бы использовать крупный шрифт и *затем* уже сопроводить ее изображениями «контекстного использования» использования приложений на мобильных устройствах.
  • Пообщайтесь с нами: Зачем?Какая польза от общения с вами о вашем проекте?Попробуйте указать прямую пользу рядом с СТА, где сказано «Поговорите с нами о своем новом проекте, чтобы мы разнесли его в пух и прах…!»
  • Клиенты: Разместите заголовок над изображениями, чтобы точно было понятно, зачем они там.
Сайт:Monsoonco.com

33. Dev Auditions – Разбивка на блоки и простые шаги

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Четкое предложение ценности: Совершенно ясно, что компания занимается наймом лучших людей — специализация на разработчиках.Однако заголовок мог бы быть и поточнее (см. ниже).
  • Пошаговое руководство: 3-шаговый процесс обрисовывает простую картину того, как работает компания.
  • Завершение с указанием преимуществ: Мне нравится начало, середина и конец этой страницы.Как хороший рассказ, она подводит вас к тому, что вам нужно знать, заканчивая тем, что вы получите и завершающим СТА.+1.
Что я бы поменял или протестировал
  • Более понятная шапка сайта: Hire Smarter («Нанимайте с умом») — слишком размыто. Если вы занимаетесь наймом разработчиков, сделайте логотип с этим словом крупнее или измените основной заголовок на что-то более понятное, вроде «Нанимайте разработчиков с умом».
  • Типы должностей: Коль скоро речь идет о найме, я бы добавил немного информации о типах требующихся талантов, так как под разработкой можно понимать многое.В каких областях вы работаете, каковы географические границы?
Сайт:DevAuditions.com

34. Smartr – Умный дизайн для умных телефонов

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Индивидуальная цветовая гамма: Насыщенные цвета тем не менее располагают к себе, потому что они просты.
  • Первый экран: СТА, видео и интерфейс размещены на первом экране, — очень мило.
  • Покажи и расскажи: Понятные визуальные инструкции к 10 причинам означают, что посетитель знает, куда ему идти и чего ожидать.
Что я бы поменял или протестировал
  • Соответствие: Скриншоты имеют мало общего с текстом под ними.Возможно, вам стоит попробовать использовать другие изображения для обозначения ключевых особенностей, которые бы лучше иллюстрировали текст.
  • Второй заголовок: Второй заголовок теряет фокус.Что здесь называется «лучшим» — преимущества или сравнительная таблица?
  • Сделайте сильный акцент при завершении: Последнее действие не выглядит кликабельным, что вынуждает пользователя вернуться к верху страницы.Вместо этого просто переделайте текст своего СТА.

35. Keas – Свежий дизайн полезен для здоровья

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор]Что понравилось
  • Изображения и текстовка: Светлый, понятный фон, соответствующий идее здоровья.
  • Больше места: Открытый макет позволяет посетителям пробежать сайт глазами.Возможность бегло просмотреть сайт очень полезна, чтобы добраться до призыва к действию в конце страницы.
  • Счастье: В отзыве, написанном крупным шрифтом, говорится о счастье, что тесно связано со здоровьем — отличная мысль использовать преимущество естественных связей.
Что я бы поменял или протестировал
  • Акцент: Слишком много курсива и жирного шрифта, даже сложно сказать, что здесь важно.
  • Не конкурируйте: Здесь СТА конкурируют между собой.Страница просит пользователей «Узнать больше», однако один раз это бесплатно (клик), а второй — имеет цену (адрес электронной почты и номер телефона).Если вам нужен второй призыв к действию, убедитесь, что он не мешает первому.
Сайт*:Keas.comОтличная статистика!До людей, похоже, в конце концов доходит, что им следует быть более обстоятельными и креативными в своих СТА («Больше никаких «Отправить»! Больше никаких «Отправить»!» – можете смело подпевать дальше).Из выбранных нами примеров посадочных страниц целых 73% делают все правильно и описывают, что случится после того, как вы нажмете на их кнопку!А вы что думаете?    

Читайте также:

У вас есть интернет-магазин? Страница компании? Представительство бизнеса в интернете? Мы расскажем, как продвинуть ваш сайт в ТОП Яндекса, Google и других поисковых систем! Уникальная возможность принять участие в рубрике «SEO-аудит» — отправить заявку на Этот e-mail адрес защищен от спам-ботов, для его просмотра у Вас должен быть включен Javascript с пометкой «В ТОП без гирь!». Для аудитов отбираются только 4 сайта в месяц. Попытай свою удачу.

Поисковое продвижение никогда не было проще!

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

Источник: http://feedproxy.google.com/~r/Seopult/~3/VupsI8CJ-RA/35-primerov-prekrasnyx-posadochnyx-stranic-dizajnu-kotoryx-mozhno-tolko-pozavidovat-i-kriticheskij-razbor.html

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

35 примеров прекрасных посадочных страниц, дизайну которых можно только позавидовать [и критический разбор] | | 2012-08-23 11:00:00 | | Статьи о продвижении сайтов | | HTTP/1.1 200 OK Date: Sat, 25 Aug 2012 13:10:17 GMT Server: Apache X-Powered-By: PHP/5.3.2 X-Pingback: http://blog.seopult.ru/xmlrpc.php Link: ; rel=shortlink Vary: Accept-Encoding Transfer-Encoding: | РэдЛайн, создание сайта, заказать сайт, разработка сайтов, реклама в Интернете, продвижение, маркетинговые исследования, дизайн студия, веб дизайн, раскрутка сайта, создать сайт компании, сделать сайт, создание сайтов, изготовление сайта, обслуживание сайтов, изготовление сайтов, заказать интернет сайт, создать сайт, изготовить сайт, разработка сайта, web студия, создание веб сайта, поддержка сайта, сайт на заказ, сопровождение сайта, дизайн сайта, сайт под ключ, заказ сайта, реклама сайта, хостинг, регистрация доменов, хабаровск, краснодар, москва, комсомольск |
 
Дайджест новых статей по интернет-маркетингу на ваш email
Подписаться

Продающие сайты "под ключ"!

Наши сайты зарабытывают вам деньги. Landing-page. Эффективные продающие сайты точно в срок и под ключ! Всего от 14700 рублей
Подробнее...

Интернет-магазины и каталоги "под ключ"!

Эффективные и удобные инструменты торговли (электронной торговли) "под ключ". Продают, даже когда вы спите! Всего от 33800 рублей
Подробнее...

Комплексный интернет-маркетинг и продвижение сайтов

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

Реклама в Yandex и Google

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

Social media marketing (SMM) — продвижение в социальных медиа

Реклама в Однокласcниках и на Mail.ru Создание, ведение и раскрутка групп и реклама ВКонтакте и Facebook. Всего от 8000 рублей в месяц
Подробнее...

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

Внимание Акция! Приглашаем к сотрудничеству рекламные агентства и различные веб-студии России! Индивидуальные и взаимовыгодные условия сотрудничества.
Подробнее...

Ускоренная разработка любого сайта от 5 дней!

Внимание Акция! Ускоренная разработка любого сайта! Ваш сайт будет готов за 5-10 дней. Вы можете заказать разработку любого сайта "под ключ" за 5-10 рабочих дней, с доплатой всего 30% от его стоимости!
Подробнее...

Ждем новых друзей!

Внимание Акция! Ждем новых друзей! Скидка 10% на услуги по созданию и(или) обслуживанию вашего сайта при переходе к нам от другого разработчика.
Подробнее...

Приведи друга и получи скидку!

Внимание Акция! Приведи друга и получи скидку! Скидка 10% на услуги по созданию и(или) обслуживанию вашего сайта, если клиент заказавший наши услуги, пришел по Вашей рекомендации.
Подробнее...

1 2 3 4 5 6 7 8 9
Смотреть все акции и спец. предложения   Оставить заявку на заказ!

Новые статьи и публикации



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

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

Заявка
Позвоните или оставьте заявку на сайте.


Консультация
Обсуждаем что именно Вам нужно и помогаем определить как это лучше сделать!


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


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


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

Остались еще вопросы? Просто позвоните и задайте их специалистам
8 (800) 550-9899
с 2:30 до 11:30 по Мск, звонок бесплатный
Или напишите нам в WhatsApp
8 (924) 311-3435
с 9:30 до 18:30 по Хабаровску
Или напишите нам в WhatsApp
Веб-студия и агентство комплексного интернет-маркетинга «РЭДЛАЙН» © 2006 - 2024

Профессиональная Веб-разработка. Создание сайтов и магазинов "под ключ" , а также по всей России и зарубежью. Продвижение и реклама. Веб-дизайн. Приложения. Сопровождение. Модернизация. Интеграции. Консалтинг. Продвижение и реклама. Комплексный Интернет-маркетинг.
Скачайте вRuStore Откройте вAppGallery

Оставьте заявку / Задайте вопрос

Нажимая на кнопку ОТПРАВИТЬ, я даю согласие на обработку персональных данных
×

Заказать услугу

Нажимая на кнопку ОТПРАВИТЬ, я даю согласие на обработку персональных данных
×

Обратный звонок

Нажимая на кнопку ОТПРАВИТЬ, я даю согласие на обработку персональных данных
×

Подписка на дайджест новостей

Нажимая на кнопку ОТПРАВИТЬ, я даю согласие на обработку персональных данных
×

Заказать услуги со скидкой \ Бесплатная консультация







КАКИЕ УСЛУГИ ВАС ИНТЕРЕСУЮТ?

КАКИЕ ДОПОЛНИТЕЛЬНЫЕ УСЛУГИ ПОТРЕБУЮТСЯ?
Нажимая на кнопку ОТПРАВИТЬ, я даю согласие на обработку персональных данных
×
Оставьте заявку удобным вам способом!
Написать в WhatsАрр
+7 (924) 311-34-35 WhatsApp \ Viber \ Telegram
8 (800) 550-98-99 Бесплатно по РФ (с 2:30 до 11:30 по Мск)
Написать в Telegram
Написать в ВКонтакте
Написать в Viber
Перейти на канал
Оставить заявку

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

Что нужно сделать, чтобы заказать создание сайта у нас?

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

Быстрый заказ \ Консультация

Для всех тарифных планов на создание и размещение сайтов включено:

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

Комплексная раскрутка работает в рамках стратегии развития вашего бизнеса в сети и направлена

Быстрый заказ \ Консультация

ЭФФЕКТИВНОЕ СОПРОВОЖДЕНИЕ (ПОДДЕРЖКА, ОБСЛУЖИВАНИЕ) САЙТОВ

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

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

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

Быстрый заказ \ Консультация

Редизайн сайта и Адаптивный веб дизайн

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

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

Адаптивный дизайн сайтов и веб-приложений

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

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

Быстрый заказ \ Консультация

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

Реклама в поисковых системах Яндекс и Google. Профессиональная настройка рекламы и отслеживание эффективности!

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

Быстрый заказ \ Консультация

Скидка

1500 руб.
Используйте для заказа услуг*
дней часов минут секунд
%d %H %M %S
*Действует при заказе в течении 7 суток
после оставления заявки.
Заинтересовались услугами создания, обслуживания или продвижения вашей компании в Интернете?!
Получите 1500 руб.
за он-лайн заявку
Предложение ограничено.

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