15 посадочных страниц SaaS компаний (критический анализ с точки зрения конверсии)
15-02-2013. Раздел:Перевод. Теги:конверсия, перевод, посадочная страница. |
Bloomfire — социальная платформа для совместной работы групп сотрудников. Дата основания — 2010 год.Медоеду нравится:
- Никаких форм, все сосредоточено на продажах, а ведь чем больше полей в форме, тем меньше вероятность того, что она будет заполнена. Bloomfire удалила их все и сконцентрировалась на конверсии. Даже выпадающая из общей картины желтая стрелка служит этой цели. Нечего особо зависать над текстом — просто прочитайте заголовок, и переходите к призыву к действию (СТА).
- Мало информации о преимуществах, много жаргона — все программные решения будут рассказывать вам о том, что вы улучшите свои результаты, увеличите продажи и т. д и т. п. Эти слишком общие слова не произведут нужного эффекта. Строчку получше можно найти в главном тексте: «Если вы ищете простое в использовании и быстрое программное обеспечение […], вы нашли его». Приведите свой текст, особенно заголовки, в соответствие с ожиданиями своей аудитории.
- Перегруженный дизайн — здесь есть все: и отзывы, и клиенты, и награды. Правда, на странице они все набиты как сельди в бочке. Разделение пустым пространством может улучшить дизайн. Не нужно стараться уместить все в первый экран — для получения дополнительной информации посетители прокрутят страницу. Эта страница будет лучше восприниматься, если выделить больше пространства для отдельных элементов, в особенности — для отзывов.
- Содержимое соответствует этикетке — текст заголовка говорит именно об этом: полное отсутствие жаргона. Простота может заинтересовать, особенно, когда она помогает решить реальную проблему бизнеса. Такой тип языка благоприятствует поисковой оптимизации, поскольку в точности соответствует запросам, которые вводит простой пользователь при поиске программного решения для коллективного доступа к файлам. Это подкрепляется хорошими четкими подзаголовками, облегчающими беглый просмотр контента.
- Интересный способ интеграции видео — было бы легче просто плюхнуть его в середину формы, однако Box избрал более сложный вариант, встроив в иллюстрации возможность просмотра видео. При клике мышкой появляется всплывающее окно, содержащее видеоклип. Это отличный способ использования пространства, хотя, надо признаться, некоторые могут этого не заметить.
- Ничего. То есть, мне нравится все, и так будет в этом тексте еще не раз. В общем, это эффективная посадочная страница.
- Простенько, но эффективно — как я уже говорил, для эффективной работы посадочных страниц им не обязательно быть красивыми. Эта страница несовершенна, но при этом не перегружена. Форма на ней отсутствует, четкий заголовок и подзаголовок используются для выделения преимуществ и приведен небольшой список влиятельных клиентов.
- Сертификаты — если вы доверяете свои данные системам облачных вычислений, важно знать, что это операция будет безопасной. Установлению доверия в этой сфере способствуют используемые Caspio логотипы TRUSTe и PCI. С этим следует быть осторожным: как мы увидим позже, в примере № 8, необдуманное использование может ввести пользователей в заблуждение. В этом примере, однако, их цель очевидна.
- Иллюстрации — их количество кажется избыточным. Они не играют никакой роли в процессе принятия решения. Если они хотели показать разнообразие возможных применений данного сервиса, то лучше было бы использовать вращающуюся галерею, где демонстрируется по одной картинке увеличенного размера за раз.
- Иконография — галочки внушают доверие, но не указывают на преимущества продукта. Как мы уже видели ранее, понятная иконография и иллюстративный материал могут помочь при первом беглом просмотре страницы. Думаю, следует провести А/В-тестирование варианта с более понятными иконками и сокращенным списком преимуществ продукта.
- Список клиентов — настоящее достижение, однако это единственная хорошая вещь на этой странице. Если у вас есть серьезные клиенты, они могут увеличить доверие к вам, не пренебрегайте ими.
- Элементы навигации на странице — это вопрос личного предпочтения, однако в последнее время вставка элементов навигации по сайту на посадочные страницы используется все чаще. Да, это способствует интеграции страницы в основной сайт, но также может и отвлекать внимание. Рассеивание внимания уменьшает конверсию, вот почему Amazon удалил элементы навигации во время оформления заказа.
- Конфликтующие СТА — еще одна моя больная мозоль. Медоеды — простые ребята, они могут заниматься только одним делом за раз (обычно — жевать чью-нибудь ногу, но об этом в другой раз). Недвусмысленно укажите, каких действий вы ожидаете от своих посетителей, не оставляйте им выбора, а TalkFreely дает мне возможность выбирать из пяти вариантов: учиться, узнать как это работает, запланировать демонстрацию продукта, загрузить техническую документацию и начать бесплатное пробное использование продукта. Это — чересчур. Из-за такого обилия падает эффективность страницы.
- Видео, которое вовсе не видео, — наши мозги настроены на восприятие определенных типов визуальных сигналов. В этом случае изображение монитора, взятое, возможно, из обычных стоковых фотографий, выглядит как видеоклип, на деле таковым не являясь. Страницу можно было бы улучшить, если дать возможность пользователям узнать о преимуществах продукта, отсутствие которых здесь так бросается в глаза.
- Баннер — хотя, как и в случае Talk Freely, это лучшее из средненького. Текст баннера хорош — он фокусирует внимание на простой идее. Также полезно добавление подзаголовка «для бизнес-пользователей и ИТ-специалистов». Он обращен сразу к двум аудиториям потенциальных клиентов — конечных пользователей и возможных владельцев системы. Стоит похвалить и за использование основных терминов, таких как синхронизация, коллективный доступ, сотовый телефон и защита — благодаря этому основная функциональность продукта выведена на передний план страницы. Хотя само изображение в данном контексте бесполезно и ничего не добавляет.
- Нейтральность текста — подзаголовки полезны в разбиении преимуществ на четыре группы, однако общее впечатление от страницы — нейтральная серость. Оживить ее сможет более активное использование иллюстраций и цвета. Не мешает также пройтись пару раз ножницами по тексту — не перегружайте людей бесконечными списками преимуществ, просто сконцентрируйтесь на тех нескольких, которые выделяют ваш продукт.
- Слишком много всего! — слишком много текста, слишком много логотипов клиентов, слишком много отзывов. Используйте ротаторы и другие приемы для ограничения количества информации, которую должны получить посетители, впервые зашедшие на сайт.
- Использование цвета — я, конечно, понимаю, что корпоративные цвета создают идентичность, однако они могут носить и ограничивающий характер. У Syncplicity имеется красочный логотип (который мне, кстати, нравится), но там используется только голубой цвет. Для создания контраста и направления глаз посетителей к наиболее важным зонам страницы можно было бы применить желтый и оранжевый цвета. Не стоит недооценивать вклад цвета в структурирование и эффективность страницы.
- Структура — страница достаточно длинна, однако имеет довольно ясную структуру. Дизайн в виде слоев, подобный дизайну этой страницы может быть очень эффективен, когда вам нужно многое сказать посетителю. Такой дизайн создает четкую иерархию от заголовка до мельчайших деталей.
- Чувство юмора — иногда оно составляет сильную сторону идеи, вокруг которой строится посадочная страница. Atlassian избрала самый подходящий для этой страницы тон, показывая Confluence как средство для лечения «расстройства коллективной работы». От чудесной видеопародии на тему медицины до убедительно звучащих симптомов — эта страница всесторонне доносит свою идею до посетителей. Она привлекает клиентов именно так, как нужно. Зайдите на эту страницу… сейчас! Нет, правда. Зайдите!
- Ничего — как и в случае Box, это отличная посадочная страница.
- Изображение и цитата — однако перед тем как вы с возмущением воскликнете: «Что-о?!», позвольте мне объясниться. Изображение и цитата действительно очень хорошо дополняют друг друга и образуют сильное послание, вводящее в курс дела: «время — деньги». Жаль, что они не пошли в этом направлении дальше.
- Упущенная возможность — изображение и цитата должны быть гораздо сильнее связаны в визуальном смысле (а цитата — больше по размерам) и располагаться в верхней части страницы. Они задавали бы контекст страницы и послужили бы исходным материалом для подзаголовков. При текущем дизайне страницы вы прочитаете сначала белый текст на красном фоне, что будет иметь не так-то много смысла. Проследите за тем, чтобы ваши элементы были согласованы друг с другом, и не забывайте, что мы (в русском, во всяком случае) читаем слева направо и сверху вниз.
- Форма — да, опять она, не заставляйте меня начинать сначала. Множество обязательных к заполнению полей, в том числе и поля, не имеющие отношения к конверсии. Вначале заставьте людей взаимодействовать с вами. Если у вас в руках будет их контактная информация, вы сможете найти необходимые вам дополнительные сведения (например, род деятельности, место и страну проживания). Здесь я умолкаю. У меня и так голова разболелась.
- Простота — четкий заголовок, перечень того, что пользователь получит бесплатно, простая форма. Здесь все верно — на странице говорится о сути предмета.
- Слишком упрощенно — ценность здесь заключается в зрительной информации. Недостатки верстки или любого вида иллюстраций создают «неприветливую» страницу. Гораздо большего можно было бы достичь, приведя список брендов, с которыми они работают, заключенных сделок, а также с помощью СТА.
- Язык продаж — никто не думает, что какое-либо торговое предложение является «одноразовой акцией». Это сродни трюку, который проделывают компании, занимающиеся установкой двойных стеклопакетов, пытаясь заставить вас согласиться с непомерно задранной вверх ценой. Если ваше предложение истекает по какой-либо причине, скажите об этом, только будьте осторожны — избегайте выражений, которые выглядели бы как принуждение.
- Несколько языков — Интернет глобален, а изменения в мировой торговле заставляет компании становиться все в большей степени мультинациональными. Наличие нескольких языков может способствовать росту конверсии, но не стоит добавлять их просто ради галочки. Используйте аналитику и отслеживание посетителей, чтобы понять, откуда приходят люди на ваш сайт — желательно, в преддверии кампании — и используйте эту информацию при выработке своего решения.
- Стоковые иллюстрации — нет, серьезно, почему люди продолжают пользоваться этим барахлом? Не тратьте пространство на стоковые изображения — его надо расходовать с умом на рассказ о своем продукте, сопровождая хорошо написанным текстом или соответствующим иллюстративным материалом (или и тем и другим).
- Конфликтующие СТА — иногда есть смысл в размещении нескольких разных СТА, только так бывает весьма редко. Если вы должны зарегистрировать пользователя с этой конкретной целью а не с другой, тогда это может послужить оправданием. Или если вы находитесь в самом начале тестирования и хотите оценить спрос. Однако есть более элегантное решение — сделать один СТА и две разные страницы, а затем провести А/В-тестирование.
- Гораздо более четкий текст и преимущества — преимущества перечислены без пояснений, но в сопровождении понятной иконки. Текст заголовка заметно уменьшился в размерах. И то и другое — весьма желательные изменения. Еще лучше было бы создать ролловер-эффект на описании преимущества, где появлялось бы краткое описание. Такое изменение макета привело бы к тому, что логотипы клиентов поднялись бы выше по странице, что гораздо сильнее выделило бы их в визуальном плане.
- И опять эта форма! — она вызывала у меня больше всего вопросов в тот раз и вызывает их до сих пор. Более того, форма стала больше на два поля (должность и отдел). В ней нет необходимости, и ее присутствие сводит на нет все остальные положительные стороны страницы.
- Четкий, уместный иллюстративный материал — мне нравится красивый большой скриншот с большим количеством полезной информации. Zoho выбрала скриншот, демонстрирующий кучу преимуществ продукта и при этом остающийся удобочитаемым. Такое использование изображений помогает сформировать ожидания у пользователя и построить с ним доверительные взаимоотношения — он будет знать, что ему предлагают.
- Большие кнопки (и текст под ними) — вы не сможете устоять перед четким и ясным СТА, а большая красная кнопка определенно таковым является. Эта огромная кнопка доминирует на странице. Она сопровождается расположенным ниже текстом, в чью задачу входит обеспечить нажатие кнопки. Здесь Zoho использует давление общественности: 720 000 пользователей уже сделали это, почему бы и вам так не поступить?
- Ничего — простая страница, которая сразу переходит к делу, давая пользователю абсолютный минимум нужной ему информации. Тарифы, правда, немного закопаны, но я им это прощаю…
- Четкий текст — преимущества не являются сильной стороной этой страницы. Основная идея — вы можете получить удаленный доступ к своему компьютеру. GoToMyPC сосредоточилась на заголовке и продающем преимущества тексте, написанным простым языком. Жаргон — настоящий убийца посадочных страниц, и, если только ваша аудитория не является нишевой, не стоит им злоупотреблять.
- Макет — макет страницы должен выглядеть так, как если бы мы читали книгу. Именно так и выглядит эта страница. На ней прослеживается логический путь — заголовок, изображение и описание, подписка, действия после подписки. Можно было бы сделать это все визуально более очевидным, однако все нужные вещи и так присутствуют.
- Печать TRUSTe — как было указано выше, включение ее в форму может уменьшить конверсию, поскольку пользователи ассоциируют ее с операциями, выполняемыми по кредитной карте. Хотя здесь не взимается никаких платежей, пользователи могут подумать, что это так.
- Уверенность — уверены в своем продукте? Тогда покажите товар лицом. Не бойтесь сравнивать его с другими решениями, в особенности, если ваш продукт имеет множество преимуществ. Volusion именно так и поступает. Для сравнения она выбрала Shopify и начала действовать. Это простой, прямолинейный прием, однако он эффективен при убеждении потенциальных покупателей. Он особенно полезен в том случае, когда вы действуете в четко очерченной конкурентной среде, и есть несколько областей, в которых можно дифференцировать (опять это слово) свой бренд. Это азы маркетинга.
- Ничего — это бодрая, боевая страница. На ней есть четкий СТА, хорошо использован цвет и текст и структурированный макет.
- Кто подписывается в настоящий момент? — хотя вы не можете увидеть это в виде стоп-кадра, тем не менее в режиме реального времени отображается лента последних регистраций. Конечно, это рекламный трюк, однако, как и в случае Zoho Projects, если у вас имеется критическая масса пользователей, такой ход может быть чрезвычайно эффективным для построении доверия к своему продукту. Хорошая идея, отличное исполнение.
- Небольшое количество логотипов клиентов — если у вас есть серьезные клиенты, не следует демонстрировать логотипы всех клиентов сразу. В этом плане ShareFile действует избирательно, однако она может себе это позволить, имея в клиентах Pepsi, Nike и HTC. Хочу, правда, предупредить, что, выбрав для демонстрации логотипы только крупных компаний-клиентов, вы можете оттолкнуть компании малого бизнеса. Если малый бизнес является одним из ваших целевых рынков, постарайтесь, чтобы его представители чувствовали себя на вашем сайте как дома.
- Элементы навигации — как и в случае Talk Freely, элементы навигации отвлекают внимание. Без них эта страница была бы эффективнее. В данном случае можно было бы провести А/В-тестирование.
- Структурное использование цвета — выполнив нижнюю половину страницы в оттенках серого, а верхнюю часть — в цвете, компания сразу же придала странице иерархичность. Верхняя часть более важна, чем нижняя. Такого рода выделение контента при помощи цвета легко сделать, оно будет эффективно направлять взгляд посетителей. Тот же самый прием использован и внутри цветных элементов — самый важный СТА выполнен в самом ярком цвете (оранжевом), второй — в зеленом и последний по важности — в сером.
- Уместный иллюстративный материал — время, потраченное на создание своих собственных изображений, может окупиться сторицей. Изображение экрана, соединенного с картой, говорит многое о продукте без необходимости еще что-либо читать. Гораздо лучше, чем стоковые фото.
- Странный шрифт, вылезающий в середине макета, — однако это не самое страшное преступление в этом мире. Во всяком случае это не MS Comic Sans. Тем не менее, будьте последовательны в своем дизайне, и, если отклоняетесь от него, пусть на это будут серьезные причины. Для хорошего дизайна жизненно важна последовательность визуального языка. Нарушение такой последовательности можно оправдать только довольно веской причиной.
Поисковое продвижение никогда не было проще!
Система автоматизированного продвижения SeoPult быстро выведет ваш сайт в ТОП поисковых систем, сохраняя деньги и время. Автоматика полностью исключает ручной труд, наценки посредников, ошибки или непрофессионализм.Дайджест новых статей по интернет-маркетингу на ваш email
Новые статьи и публикации
- 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
- 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 » Скорость загрузки сайта: почему это важно и как влияет на ранжирование
Не делай другим то, что ты хотел бы, чтобы они делали для тебя. У вас могут быть разные вкусы Шоу Джордж Бернард - (1856-1950) - английский писатель. В своем творчестве ниспровергал догматизм и предвзятость, традиционность представлений |
Мы создаем сайты, которые работают! Профессионально обслуживаем и продвигаем их , а также по всей России и ближнему зарубежью с 2006 года!
Как мы работаем
Заявка
Позвоните или оставьте заявку на сайте.
Консультация
Обсуждаем что именно Вам нужно и помогаем определить как это лучше сделать!
Договор
Заключаем договор на оказание услуг, в котором прописаны условия и обязанности обеих сторон.
Выполнение работ
Непосредственно оказание требующихся услуг и работ по вашему заданию.
Поддержка
Сдача выполненых работ, последующие корректировки и поддержка при необходимости.