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
Новые статьи и публикации
- 2025-02-11 » Критическая уязвимость в 1С-Битрикс
- 2025-02-11 » Google Search Console: руководство для начинающих вебмастеров
- 2025-02-11 » Методы измерения результативности рекламных кампаний: плюсы и минусы
- 2025-02-11 » Тренды SEO в 2025 году
- 2025-02-10 » Свой Google в локалке. Ищем иголку в стоге сена
- 2025-01-29 » SEO — это комплексная работа. Шесть главных факторов ранжирования сайтов
- 2025-01-29 » Гайд для главной страницы e-commerce сайта: как оформить, чтобы повысить конверсию
- 2025-01-20 » Krea AI выпустила бесплатную функцию преобразования изображений в 3D-объекты — их можно вращать и вписывать в фотографии
- 2025-01-15 » Топ-6 лучших российских нейросетей, в которых можно генерировать тексты и изображения бесплатно и без VPN
- 2025-01-14 » 15 бесплатных способов узнать, чем интересуется ваша аудитория
- 2025-01-11 » Бездепозитные бонусы в казино за регистрацию с выводом: особенности и возможности получения
- 2025-01-09 » Новая модель LAM способна выполнять задачи в Word
- 2024-12-26 » Универсальный промпт для нейросети: как выжать максимум из ChatGPT, YandexGPT, Gemini, Claude в 2025
- 2024-11-26 » Капитан грузового судна, или Как начать использовать Docker в своих проектах
- 2024-11-26 » Обеспечение безопасности ваших веб-приложений с помощью PHP OOP и PDO
- 2024-11-22 » Ошибки в Яндекс Вебмастере: как найти и исправить
- 2024-11-22 » Ошибки в Яндекс Вебмастере: как найти и исправить
- 2024-11-15 » Перенос сайта на WordPress с одного домена на другой
- 2024-11-08 » OSPanel 6: быстрый старт
- 2024-11-08 » Как установить PhpMyAdmin в Open Server Panel
- 2024-09-30 » Как быстро запустить Laravel на Windows
- 2024-09-25 » Next.js
- 2024-09-05 » OpenAI рассказал, как запретить ChatGPT использовать содержимое сайта для обучения
- 2024-08-28 » Чек-лист: как увеличить конверсию интернет-магазина на примере спортпита
- 2024-08-01 » WebSocket
- 2024-07-26 » Интеграция с Яндекс Еда
- 2024-07-26 » Интеграция с Эквайринг
- 2024-07-26 » Интеграция с СДЕК
- 2024-07-26 » Интеграция с Битрикс-24
- 2024-07-26 » Интеграция с Travelline
Кто мало хочет, тот дешево стоит |
Мы создаем сайты, которые работают! Профессионально обслуживаем и продвигаем их , а также по всей России и ближнему зарубежью с 2006 года!
Как мы работаем
Заявка
Позвоните или оставьте заявку на сайте.
Консультация
Обсуждаем что именно Вам нужно и помогаем определить как это лучше сделать!
Договор
Заключаем договор на оказание услуг, в котором прописаны условия и обязанности обеих сторон.
Выполнение работ
Непосредственно оказание требующихся услуг и работ по вашему заданию.
Поддержка
Сдача выполненых работ, последующие корректировки и поддержка при необходимости.
Или напишите нам в WhatsApp
Или напишите нам в WhatsApp