20 дизайнов посадочных страниц — критика и анализ для увеличения конверсии
16-08-2012. Раздел:SEO-технологии. Перевод. Теги:перевод, посадочная страница. |
1. Google Engage
![image](/wp-content/themes/blogseopult/images/bulcl.gif)
- Объяснение — в основном абзаце четко разъясняется, что такое Google Engage. Видеоролик делает объяснение более эффективным.
- Маркированный список — список, разбитый по пунктам, в которых содержится более подробная информация о продукте, помогает структурировать текст, облегчает восприятие страницы и выделяет важные моменты.
- В данном случае — ничего.
2. IBM DB2
![google-engage-th 20 дизайнов посадочных страниц — критика и анализ для увеличения конверсии](/media/feedgator/images/daily/2012/08/16/25_0_google-engage-th.jpg)
- Ничего. Это барахло, а не страница.
- Призыв к действию — страница скрывает свои СТА в крайней левой и крайней правой колонках. Остается неясным — каких действий IBM ждет от вас или как вы, по их мнению, должны это сделать. Такие вещи следует формулировать гораздо четче.
- Верстка — заголовок серого цвета и текст черного цвета заставляет подзаголовок сливаться со страницей. Верстка страницы должна быть иерархической, так, чтобы глаз мог быстро различить, какие элементы страницы наиболее важны.
- Использование цвета — на этой странице есть несколько примеров плохого использования цвета. Во-первых, использование белого шрифта на цветном фоне, например, желтом или зеленом, весьма затрудняет чтение текста при небольшом размере шрифта — этого следует избегать. IBM попыталась встроить в страницу ссылки на социальные сети, однако, поскольку все иконки бледно-серого цвета, они теряются на странице, и, скорее всего, их не найдут. Иконки социальных сетей узнаются большим числом пользователей. Узнаваемость «F» — Facebook и «Т» — Twitter растет с каждым днем, при этом некоторая доля этой узнаваемости формируется при помощи цвета. Если вы собираетесь использовать эти иконки, для максимального воздействия используйте их в цветном варианте.
3. Shopify
![IBM-th 20 дизайнов посадочных страниц — критика и анализ для увеличения конверсии](/media/feedgator/images/daily/2012/08/16/25_1_ibm-th.png)
- Видео — использование видеороликов действительно усиливает предложение бренда. Это отличный способ быстро и четко сообщить большой объем информации.
- Позитивный язык — вместо того, чтобы разместить много текста, который необходимо прочитать, Shopify создала маркированный список из пяти пунктов. Используемый язык (и иконки) предназначены для того, чтобы вызвать у пользователя доверие. Такие фразы как «легко в использовании», «безопасно» и «более 20 000 магазинов» увеличивают доверие пользователя (равно как и иконка «галочка»).
- Четкий СТА — лаконичный СТА хорошо позиционирован — необходимо заполнить всего три поля, что снижает барьер при вхождении и увеличивает вероятность того, что пользователь закончит регистрацию.
- Дополнительная информация — дополнительная информация, предоставляемая ими, достаточно обширна, однако она отделена от основной области регистрации и поэтому не вызывает замешательства и не уводит пользователя в сторону от процесса регистрации.
- Адрес магазина — включение поля адреса магазина может вызвать проблемы. Что это такое? Что я должен ввести? Объяснение того, что ожидается от пользователя, отсутствует. Возможно, лучше, чтобы в процессе регистрации это поле появилось позже.
4. UKFast
![Shopify-th 20 дизайнов посадочных страниц — критика и анализ для увеличения конверсии](/media/feedgator/images/daily/2012/08/16/25_2_shopify-th.png)
- Распространение в социальных сетях — поощрение пользователей к размещению ссылки на страницу, которая им понравилась, — хорошая практика, однако следует быть осторожным в этом. Если эти ссылки будут отвлекать пользователей от процесса регистрации, пострадает эффективность вашей страницы.
- Структура — страница содержит много информации, и вся она борется за внимание пользователя. Упрощение структуры помогло бы пользователю в понимании того, что ему следует прочитать и в какой последовательности.
- Уберите навигацию по сайту — навигационные панели в верхней и нижней части страницы избыточны по отношению к требованиям к сайту. Чтобы внимание пользователя не рассеивалось, одну из них или обе следует удалить.
- Совместите часть 1 и часть 2 — ссылка на регистрацию для перехода к части 2 дана внизу страницы: такое впечатление, будто она добавлена задним числом. Если вы имеете более одного предложения для пользователя, упростите ему задачу — дайте выбрать то, что он хочет, во время единого процесса регистрации.
5. PaloAlto
![uk-fast-th 20 дизайнов посадочных страниц — критика и анализ для увеличения конверсии](/media/feedgator/images/daily/2012/08/16/25_3_uk-fast-th.jpg)
- Ясность — страница четко структурирована, удачное использование цветов для разделения секций и определения иерархии информации.
- Призыв к действию — хотя он четко говорит пользователю, что необходимо сделать, он вводит в заблуждение. Создается впечатление, что отчет будет доступен сразу же после нажатия вами на кнопку, хотя это не так. Возможно, лучше сразу сказать об этом.
- Текст — в тексте ясно описывается содержание отчета Gartner, однако его внимание сосредоточено на компании, а не на пользователе. Эгоистичный текст отбивает у людей интерес. Обязательно сообщаете пользователям о том, что они выиграют, тем самым обеспечивая положительную реакцию.
6. Imperva
![palo-alto-th 20 дизайнов посадочных страниц — критика и анализ для увеличения конверсии](/media/feedgator/images/daily/2012/08/16/25_4_palo-alto-th.jpg)
- Ничего не спрятано — единственная положительная черта посадочной страницы Imperva — все на ней просто и открыто. Потребители точно знают, что они получат и что им необходимо для этого сделать.
- Дополнительная информация — если вы предлагаете информацию по теме, вы должны позиционировать себя в качестве специалиста в этой области. Хотя простота формы полезна в некоторых случаях, в данном случае ничто не сообщает нам, что такое Imperva или чем она занимается. При принятии решения о загрузке отчета было бы полезно ознакомиться с некоторой дополнительной информацией.
- Обязательные и необязательные для заполнения поля — не ясно, каковы минимальные требования к заполнению формы. Некоторые компании не желают раскрывать информацию, например, о выручке, поэтому необходимо дать им знать, что ее отсутствие не станет препятствием к получению отчета. Убедитесь, что ваши обязательные для заполнения поля четко обозначены.
7. Wix Pages
![imperva-th 20 дизайнов посадочных страниц — критика и анализ для увеличения конверсии](/media/feedgator/images/daily/2012/08/16/25_5_imperva-th.jpg)
- Процесс — как и в случае Google Engage, Wix показала процесс, который последует после регистрации. Это помогает пользователям понять, чего от них ждут.
- Примеры — услуги Wix построены на применении шаблонов. Таким образом, знакомясь с рядом примеров, потенциальные клиенты могут увидеть, на какое качество рассчитывать.
- Увеличение числа примеров — не все потребители одинаковы. Постоянно обновляемый набор примеров или наличие у пользователя возможности выбирать для просмотра примеры из различных видов деятельности помогли бы им понять, что сервис может им предложить.
- Более подробное перечисление дополнительных возможностей — имеются кучи возможностей, однако указаны только шесть. Детализированная информация в этом месте помогла бы пользователю оценить объем предоставляемых услуг.
8. eMusic
![wix-th 20 дизайнов посадочных страниц — критика и анализ для увеличения конверсии](/media/feedgator/images/daily/2012/08/16/25_6_wix-th.jpg)
- Повторяющиеся сообщения — повторение сообщения о 25 песнях не оставит у пользователя сомнений насчет того, что он получит.
- MP3-плееры — хотя пользователи достаточно подкованы, многие приравнивают iTunes к цифровой музыке. eMusic мог бы извлечь больше пользы из этой области страницы, поскольку с eMusic не возникает ощущения ограниченности.
9. LightCMS
![emusic-th 20 дизайнов посадочных страниц — критика и анализ для увеличения конверсии](/media/feedgator/images/daily/2012/08/16/25_7_emusic-th.jpg)
- Множественные кнопки регистрации — наличие кнопок в верхней и в нижней части страницы означает, что СТА доступен всегда, независимо от того, прочитал ли пользователь всю дополнительную информацию или нет. Для длинных посадочных страниц, у которых верх исчезает при прокручивании страницы, множественные кнопки являются обязательным элементом.
- Видеоролики — как мы уже поняли, в настоящий момент видео является весомым аргументом на посадочных страницах. LightCMS поместила видеоролик в верхней части страницы в качестве главного средства привлечения новых пользователей.
10. Formstack
![light-cms-th 20 дизайнов посадочных страниц — критика и анализ для увеличения конверсии](/media/feedgator/images/daily/2012/08/16/25_8_light-cms-th.jpg)
- Дополнительные ссылки рядом со вторым СТА — Formstack понимает, что, если пользователь дочитал до конца нижней части страницы, он все еще находится в процессе вынесения решения (в противном случае, он уже бы нажал на первую ссылку). Чтобы помочь ему с решением, Formstack разместил две добавочных ссылки рядом со вторым СТА. Давая возможность пользователю «узнать больше» и «просмотреть примеры», компания тем самым получает второй шанс убедить пользователя, если тот еще не уверен в необходимости регистрации. Простота их формы не позволяет пользователю отвлечься от пути, по которому Formstack хочет в действительности его направить.
- Отзывы — отзывы могут быть глупыми и скучными, если их использовать неправильно. Formstack разместила отзывы о себе непосредственно рядом с местом принятия решения страницы для поощрения регистрации. Их простота и индивидуальность (никаких компаний) создают ощущение искренности и дружелюбия.
- Ценообразование — информация о ценах отсутствует. Совсем. Упоминаются только тарифные планы. Прочитанное может быть неправильно истолковано в духе «им есть что скрывать». Я бы попробовал версию страницы с размещением некоторой ориентировочной информации о ценах, чтобы посмотреть, не увеличит ли это доверие пользователей к сайту, на который они попали.
11. Squarespace
![formstack-th 20 дизайнов посадочных страниц — критика и анализ для увеличения конверсии](/media/feedgator/images/daily/2012/08/16/25_9_formstack-th.png)
- Возможность прокручивания слайдов при рассмотрении характеристик продукта — посадочные страницы не должны быть длинными и громоздкими. Разместив эти элементы управления, компания смогла втиснуть кучу информации в небольшое пространство и поощрить пользователя взаимодействовать и исследовать страницу.
- Текст — этот сайт имеет отличный текст. Он прост — для четкого изложения сути услуги понадобилось всего шесть блоков информации.
- Автоматическое слайд-шоу — слайдер — это прекрасно, однако этот элемент статичен. И хотя текст замечательный, есть еще куда стремиться. Скрыты еще более замечательные и, возможно, решающие судьбу сделки характеристики, которые пригодились бы, если их некоторым образом выдвинуть на передний план. Поэтому я бы проверил, вызывают ли те три продемонстрированные характеристики наибольший интерес у пользователей.
12. Unum
![squarespace-th 20 дизайнов посадочных страниц — критика и анализ для увеличения конверсии](/media/feedgator/images/daily/2012/08/16/25_10_squarespace-th.jpg)
- Призыв к действию представляет собой совет — страхование доходов — это долгосрочная сделка, ее нельзя заключать необдуманно. Не заставляя потребителей регистрироваться, Unum ведет игру стратегически. СТА не должны быть всегда открытыми и содержать конкретные данные.
- Ссылки на социальные сети — Unum понимает, что для разговора с потребителями корпоративный сайт — не всегда лучшее место. Направляя пользователей в Facebook, компания создает для них гораздо более непринужденную атмосферу. Как результат — Unum имеет более 13 000 «лайков» на своей странице в Facebook, а получаемая компанией демографическая информация поможет ей распланировать свой follow up-маркетинг.
13. ZohoInvoice
![unum-th 20 дизайнов посадочных страниц — критика и анализ для увеличения конверсии](/media/feedgator/images/daily/2012/08/16/25_11_unum-th.jpg)
- Скриншоты — их продукт — не самая интересная вещь в мире, однако очень полезная. В этом случае для пользователя действительно лучше один раз увидеть суть предложения, чем сто раз услышать его описание.
- Ужасная фраза про 5 миллионов пользователей — выглядит так, словно она туда попала по ошибке. Шрифт фразы отличается от всего остального текста, а белый цвет на абрикосовом фоне просто не смотрится. Если это важно — напишите об этом. Если нет — не захламляйте пространство страницы.
14. SiteSpect
![zoho-Invoice-Software-with-Time-Tracking-th 20 дизайнов посадочных страниц — критика и анализ для увеличения конверсии](/media/feedgator/images/daily/2012/08/16/25_12_zoho-invoice-software-with-time-tracking-th.png)
- Простота и структурированность — далеко не каждый собирается узнавать о том, что такое многовариантное тестирование, поэтому SiteSpect разбила процесс на три легких этапа, не слишком перегружая их текстом. Сначала рассказывается о содержании технической документации, затем описываются выгоды, которые вы получите от оптимизации своего сайта и, наконец, сообщаются мелкие детали.
- Предпросмотр образца контента — более выгодное применение информации из технической документации (с использованием иллюстраций или образца текста) могло бы помочь пользователям оценить практическую пользу и сделать страницу более привлекательной.
15. Ion Interactive
![sitespect-th 20 дизайнов посадочных страниц — критика и анализ для увеличения конверсии](/media/feedgator/images/daily/2012/08/16/25_13_sitespect-th.jpg)
- Контраст: Зона действия использует такой принцип дизайна, как изоляция, что действительно выделяет ее.
- Заголовок формы: Заголовок формы четко указывает на то, что вы получите, а текст под заголовком дополнительно предлагает в виде бонуса целую библиотеку, что уравновесит «размер приза» с просьбой о предоставлении информации к однозначному выигрышу пользователя.
- Факторы доверия: Логотипы клиентов создают стойкое ощущение поддержки, что помогает утвердить Ion в качестве властителя дум.
- Текст — заголовок в действительности не говорит о назначении технической документации, которое состоит в использовании контент-маркетинга для увеличения конверсии. Это можно изложить более четко.
- Предпросмотр — если ваш контент заслуживает того, чтобы его приобретали, покажите это, предложив вариант «попробуйте перед покупкой» в виде предпросмотра (первых трех страниц или первой главы и т. д.). Это позволит людям увидеть вашу находчивость и внушит больше доверия к вам.
16. Marketo
![ion-th 20 дизайнов посадочных страниц — критика и анализ для увеличения конверсии](/media/feedgator/images/daily/2012/08/16/25_14_ion-th.jpg)
- Удалите форму регистрации на переднем плане — это для меня настоящая проблема. Почему потребитель должен вам передавать детальную информацию о себе, не зная, что получит взамен. Это бред. Гораздо лучше дать возможность пользователю просмотреть имеющийся контент, затем попросить их ввести свою личную информацию в момент совершения сделки. Пользователи ощущают дискомфорт, сталкиваясь с излишне агрессивной манерой сбора информации.
17. Red Rocket Media
![marketo-th 20 дизайнов посадочных страниц — критика и анализ для увеличения конверсии](/media/feedgator/images/daily/2012/08/16/25_15_marketo-th.jpg)
- Контактная информация — однако лишь потому, что она вам понадобится только после того, как вы прочитаете страницу.
- Один СТА — их слишком много для такой страницы. Четко представляйте себе, что вы хотите от своих пользователей. В данном случае — чтобы они загрузили документацию или получили бесплатную консультацию?
- Вкладки и кнопки — панель «Build an audience» выглядит как кнопка, однако таковой не является. Если что-то не служит какой-то цели, это необходимо убрать. В данном случае совпадают стили вкладок и кнопок — одинаковые в стилевом отношении элементы страницы приводят к тому, что пользователь считает, что они и действуют одинаково. А если этого не происходит, это сбивает с толку.
18. ESPN
![red-rocket-th 20 дизайнов посадочных страниц — критика и анализ для увеличения конверсии](/media/feedgator/images/daily/2012/08/16/25_16_red-rocket-th.jpg)
- Возможность отказаться — у них хватило мужества поместить в верхний правый угол кнопку «No thanks» (Спасибо, не надо). Это одна из первых вещей, которые видит пользователь. Однако ее наличие здесь успокаивает пользователя. В противоположность примеру Marketo, здесь меньше агрессии.
- Простота — заполнить нужно всего два поля. Чем проще форма регистрации, тем больше вероятность того, что ее заполнят.
- Иллюстрации — простая страница, вроде этой, дает возможность поиграть с иллюстративным материалом. Пользователи могут по-разному реагировать на изменение картинок с различными видами спорта (раздевалка игроков в бейсбол или раздевалка игроков в американский футбол). Так же может помочь демонстрация различных изображений в зависимости от географического положения, поскольку в разных странах мира популярны различные виды спорта.
19. American Airlines – The Individual
![espn-th 20 дизайнов посадочных страниц — критика и анализ для увеличения конверсии](/media/feedgator/images/daily/2012/08/16/25_17_espn-th.jpg)
- Продвижение бренда — хотя это посадочная страница American Airlines, ее внимание сосредоточено на содержании кампании, не на бренде. Использование текста, выдержанного в этом духе, доводит до зрителя мысль об индивидуальности, начиная от повторений фразы «The Individual» (личность) до цитаты.
- Призыв к действию— хотя, как мы уже видели, посадочные страницы необязательно будут посвящены только сбору информации, они все равно должны оставаться ясными. Unum давала пользователю возможность выбрать из двух конкретных, разграниченных вариантов; здесь же пять вариантов, и возникает вопрос, являются ли они страницами или видеороликами. Ответ: некоторые из них являются видеороликами, некоторые — всего лишь той же страницей с другой картинкой и текстом и лишь одна — другой страницей. На самом деле, ссылка «Travel Options» представляет собой фактический СТА, переводящий пользователя на страницу бронирования, однако это как раз остается неочевидным. Я бы протестировал версию с более четким СТА, который не выглядел бы как часть нижней навигационной панели.
- Ясное ценообразование — таблица с тарифами в нижней части страницы гарантирует наличие у пользователя всей необходимой информации для осознанного выбора. Adobe — крупная компания, поэтому важно дать стимулирующую предварительную оценку стоимости.
- Удачное использование иллюстративного материала для обособления разделов страницы — Adobe поместила три изображения для создания представления о тексте каждого раздела. Изображения, предваряющие разделы, облегчают пользователю просмотр страницы.
Читайте также:
Поисковое продвижение никогда не было проще!
Система автоматизированного продвижения SeoPult быстро выведет ваш сайт в ТОП поисковых систем, сохраняя деньги и время. Автоматика полностью исключает ручной труд, наценки посредников, ошибки или непрофессионализм.![](http://lred.ru/templates/lred2023uslugi/img/head11logo.png)
![](http://lred.ru/templates/lred2023uslugi/img/head11logo.png)
Дайджест новых статей по интернет-маркетингу на ваш email
Новые статьи и публикации
- 2024-07-26 » Интеграция с Яндекс Еда
- 2024-07-26 » Интеграция с Эквайринг
- 2024-07-26 » Интеграция с СДЕК
- 2024-07-26 » Интеграция с Битрикс-24
- 2024-07-26 » Интеграция с Travelline
- 2024-07-26 » Интеграция с Iiko
- 2024-07-26 » Интеграция с Delivery Club
- 2024-07-26 » Интеграция с CRM
- 2024-07-26 » Интеграция с 1C-Бухгалтерия
- 2024-07-24 » Что такое сторителлинг: техники и примеры
- 2024-07-17 » Ошибка 404: что это такое и как ее использовать для бизнеса
- 2024-07-03 » Размещайте прайс-листы на FarPost.ru и продавайте товары быстро и выгодно
- 2024-07-01 » Профилирование кода в PHP
- 2024-06-28 » Изучаем ABC/XYZ-анализ: что это такое и какие решения с помощью него принимают
- 2024-06-17 » Зачем вам знать потребности клиента
- 2024-06-11 » Что нового в работе Яндекс Метрики: полный обзор обновления
- 2024-06-11 » Поведенческие факторы ранжирования в Яндексе
- 2024-06-11 » Скорость загрузки сайта: почему это важно и как влияет на ранжирование
- 2024-05-27 » Подборка сервисов для расшифровки аудио в текст
- 2024-05-27 » PostgreSQL 16. Изоляция транзакций. Часть 2
- 2024-05-06 » Как настраивать конверсионные стратегии: работа над ошибками
- 2024-04-22 » Комментирование кода и генерация документации в PHP
- 2024-04-22 » SEO в России и на Западе: в чем основные отличия
- 2024-04-22 » SEO для международного масштабирования
- 2024-04-22 » Как использовать XML-карты для продвижения сайта
- 2024-04-22 » Цифровой маркетинг: инструменты для продвижения и рекламы в 2024 году
- 2024-04-22 » Что такое CSS-модули и зачем они нам?
- 2024-04-17 » 23 сервиса для эффективного экспресс-аудита любого сайта
- 2024-04-08 » Яндекс переходит на новую версию Wordstat
- 2024-04-08 » Яндекс интегрировал в свой облачный сервис эмпатичную нейросеть
"Тот, кто в совершенстве овладеет электронной почтой, будет миллионером в двадцать первом веке." |
Мы создаем сайты, которые работают! Профессионально обслуживаем и продвигаем их , а также по всей России и ближнему зарубежью с 2006 года!
Как мы работаем
Заявка
Позвоните или оставьте заявку на сайте.
Консультация
Обсуждаем что именно Вам нужно и помогаем определить как это лучше сделать!
Договор
Заключаем договор на оказание услуг, в котором прописаны условия и обязанности обеих сторон.
Выполнение работ
Непосредственно оказание требующихся услуг и работ по вашему заданию.
Поддержка
Сдача выполненых работ, последующие корректировки и поддержка при необходимости.