Сумасбродный забияка Медоед был в отпуске, однако сейчас он снова с нами. Может, отдых расслабил его, нарисовал какие-то новые перспективы в его жизни? Кто знает? Единственное, что нам известно — он активно рыскал по Интернету в поисках посадочных страниц. На этот раз его заинтересовали посадочные страницы компаний, занимающихся предоставлением услуг SaaS (программное обеспечение как услуга). Ну, что, поехали, г-н М…

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

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

1. Bloomfire

Bloomfire — социальная платформа для совместной работы групп сотрудников. Дата основания — 2010 год.

Медоеду нравится:

• Никаких форм, все сосредоточено на продажах, а ведь чем больше полей в форме, тем меньше вероятность того, что она будет заполнена. Bloomfire удалила их все и сконцентрировалась на конверсии. Даже выпадающая из общей картины желтая стрелка служит этой цели. Нечего особо зависать над текстом — просто прочитайте заголовок, и переходите к призыву к действию (СТА).

Медоеду не нравится:

• Мало информации о преимуществах, много жаргона — все программные решения будут рассказывать вам о том, что вы улучшите свои результаты, увеличите продажи и т. д и т. п. Эти слишком общие слова не произведут нужного эффекта. Строчку получше можно найти в главном тексте: «Если вы ищете простое в использовании и быстрое программное обеспечение […], вы нашли его». Приведите свой текст, особенно заголовки, в соответствие с ожиданиями своей аудитории.
• Перегруженный дизайн — здесь есть все: и отзывы, и клиенты, и награды. Правда, на странице они все набиты как сельди в бочке. Разделение пустым пространством может улучшить дизайн. Не нужно стараться уместить все в первый экран — для получения дополнительной информации посетители прокрутят страницу. Эта страница будет лучше восприниматься, если выделить больше пространства для отдельных элементов, в особенности — для отзывов.

2. Box

Box — сервис коллективного доступа к файлам, базирующийся в Лос-Альтосе, Калифорния. За последние семь лет они привлекли финансирование со стороны венчурного капитала в размере 248 млн долларов.

Медоеду нравится:

• Содержимое соответствует этикетке — текст заголовка говорит именно об этом: полное отсутствие жаргона. Простота может заинтересовать, особенно, когда она помогает решить реальную проблему бизнеса. Такой тип языка благоприятствует поисковой оптимизации, поскольку в точности соответствует запросам, которые вводит простой пользователь при поиске программного решения для коллективного доступа к файлам. Это подкрепляется хорошими четкими подзаголовками, облегчающими беглый просмотр контента.
• Интересный способ интеграции видео — было бы легче просто плюхнуть его в середину формы, однако Box избрал более сложный вариант, встроив в иллюстрации возможность просмотра видео. При клике мышкой появляется всплывающее окно, содержащее видеоклип. Это отличный способ использования пространства, хотя, надо признаться, некоторые могут этого не заметить.

Медоеду не нравится:

• Ничего. То есть, мне нравится все, и так будет в этом тексте еще не раз. В общем, это эффективная посадочная страница.

 

3. Caspio

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

Медоеду нравится:

• Простенько, но эффективно — как я уже говорил, для эффективной работы посадочных страниц им не обязательно быть красивыми. Эта страница несовершенна, но при этом не перегружена. Форма на ней отсутствует, четкий заголовок и подзаголовок используются для выделения преимуществ и приведен небольшой список влиятельных клиентов.
• Сертификаты — если вы доверяете свои данные системам облачных вычислений, важно знать, что это операция будет безопасной. Установлению доверия в этой сфере способствуют используемые Caspio логотипы TRUSTe и PCI. С этим следует быть осторожным: как мы увидим позже, в примере № 8, необдуманное использование может ввести пользователей в заблуждение. В этом примере, однако, их цель очевидна.

Медоеду не нравится:

• Иллюстрации — их количество кажется избыточным. Они не играют никакой роли в процессе принятия решения. Если они хотели показать разнообразие возможных применений данного сервиса, то лучше было бы использовать вращающуюся галерею, где демонстрируется по одной картинке увеличенного размера за раз.
• Иконография — галочки внушают доверие, но не указывают на преимущества продукта. Как мы уже видели ранее, понятная иконография и иллюстративный материал могут помочь при первом беглом просмотре страницы. Думаю, следует провести А/В-тестирование варианта с более понятными иконками и сокращенным списком преимуществ продукта.

4. Talk Freely

Talk Freely — внутрикорпоративная инновационная система, побуждающая сотрудников к совместному генерированию идей на основе набора задач.

Медоеду нравится:

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

Медоеду не нравится:

• Элементы навигации на странице — это вопрос личного предпочтения, однако в последнее время вставка элементов навигации по сайту на посадочные страницы используется все чаще. Да, это способствует интеграции страницы в основной сайт, но также может и отвлекать внимание. Рассеивание внимания уменьшает конверсию, вот почему Amazon удалил элементы навигации во время оформления заказа.
• Конфликтующие СТА — еще одна моя больная мозоль. Медоеды — простые ребята, они могут заниматься только одним делом за раз (обычно — жевать чью-нибудь ногу, но об этом в другой раз). Недвусмысленно укажите, каких действий вы ожидаете от своих посетителей, не оставляйте им выбора, а TalkFreely дает мне возможность выбирать из пяти вариантов: учиться, узнать как это работает, запланировать демонстрацию продукта, загрузить техническую документацию и начать бесплатное пробное использование продукта. Это — чересчур. Из-за такого обилия падает эффективность страницы.
• Видео, которое вовсе не видео, — наши мозги настроены на восприятие определенных типов визуальных сигналов. В этом случае изображение монитора, взятое, возможно, из обычных стоковых фотографий, выглядит как видеоклип, на деле таковым не являясь. Страницу можно было бы улучшить, если дать возможность пользователям узнать о преимуществах продукта, отсутствие которых здесь так бросается в глаза.

5. Syncplicity

Syncplicity оказывает услуги коллективного доступа к файлам, как и Box, при этом предоставляя возможность резервного копирования в режиме реального времени. Эта компания моложе Box, гораздо меньших размеров и привлекла намного меньшее по объему финансирование по сравнению с последней.

Медоеду нравится:

• Баннер — хотя, как и в случае Talk Freely, это лучшее из средненького. Текст баннера хорош — он фокусирует внимание на простой идее. Также полезно добавление подзаголовка «для бизнес-пользователей и ИТ-специалистов». Он обращен сразу к двум аудиториям потенциальных клиентов — конечных пользователей и возможных владельцев системы. Стоит похвалить и за использование основных терминов, таких как синхронизация, коллективный доступ, сотовый телефон и защита — благодаря этому основная функциональность продукта выведена на передний план страницы. Хотя само изображение в данном контексте бесполезно и ничего не добавляет.

Медоеду не нравится:

• Нейтральность текста — подзаголовки полезны в разбиении преимуществ на четыре группы, однако общее впечатление от страницы — нейтральная серость. Оживить ее сможет более активное использование иллюстраций и цвета. Не мешает также пройтись пару раз ножницами по тексту — не перегружайте людей бесконечными списками преимуществ, просто сконцентрируйтесь на тех нескольких, которые выделяют ваш продукт.
•  Слишком много всего! — слишком много текста, слишком много логотипов клиентов, слишком много отзывов. Используйте ротаторы и другие приемы для ограничения количества информации, которую должны получить посетители, впервые зашедшие на сайт.
•  Использование цвета — я, конечно, понимаю, что корпоративные цвета создают идентичность, однако они могут носить и ограничивающий характер. У Syncplicity имеется красочный логотип (который мне, кстати, нравится), но там используется только голубой цвет. Для создания контраста и направления глаз посетителей к наиболее важным зонам страницы можно было бы применить желтый и оранжевый цвета. Не стоит недооценивать вклад цвета в структурирование и эффективность страницы.

6. Atlassian Confluence

Эта австралийская компания с мировыми амбициями предоставляет программные решения масштаба предприятия более чем 20 000 клиентов. Confluence — это их продукт для поддержки коллективной работы.

Медоеду нравится:

• Структура — страница достаточно длинна, однако имеет довольно ясную структуру. Дизайн в виде слоев, подобный дизайну этой страницы может быть очень эффективен, когда вам нужно многое сказать посетителю. Такой дизайн создает четкую иерархию от заголовка до мельчайших деталей.
• Чувство юмора — иногда оно составляет сильную сторону идеи, вокруг которой строится посадочная страница. Atlassian избрала самый подходящий для этой страницы тон, показывая Confluence как средство для лечения «расстройства коллективной работы». От чудесной видеопародии на тему медицины до убедительно звучащих симптомов — эта страница всесторонне доносит свою идею до посетителей. Она привлекает клиентов именно так, как нужно. Зайдите на эту страницу… сейчас! Нет, правда. Зайдите!

Медоеду не нравится:

• Ничего — как и в случае Box, это отличная посадочная страница.

7. Equinix

Equinix в отличие от некоторых других компаний, рассматриваемых в данной статье, предоставляет услуги дата-центров, которые служат основной «облаков», а не собственно системой облачных вычислений. Дата-центры компании расположены в Европе, Америке и Азии.

Медоеду нравится:

• Изображение и цитата — однако перед тем как вы с возмущением воскликнете: «Что-о?!», позвольте мне объясниться. Изображение и цитата действительно очень хорошо дополняют друг друга и образуют сильное послание, вводящее в курс дела: «время — деньги». Жаль, что они не пошли в этом направлении дальше.

Медоеду не нравится:

• Упущенная возможность — изображение и цитата должны быть гораздо сильнее связаны в визуальном смысле (а цитата — больше по размерам) и располагаться в верхней части страницы. Они задавали бы контекст страницы и послужили бы исходным материалом для подзаголовков. При текущем дизайне страницы вы прочитаете сначала белый текст на красном фоне, что будет иметь не так-то много смысла. Проследите за тем, чтобы ваши элементы были согласованы друг с другом, и не забывайте, что мы (в русском, во всяком случае) читаем слева направо и сверху вниз.
• Форма — да, опять она, не заставляйте меня начинать сначала. Множество обязательных к заполнению полей, в том числе и поля, не имеющие отношения к конверсии. Вначале заставьте людей взаимодействовать с вами. Если у вас в руках будет их контактная информация, вы сможете найти необходимые вам дополнительные сведения (например, род деятельности, место и страну проживания). Здесь я умолкаю. У меня и так голова разболелась.

8. Retayl

Retayl — это небольшое английское агентство, которое разрабатывает розничные торговые системы на базе облачных вычислений, используя комбинацию прочих сервисов, в том числе Shopify и Xero (посадочные страницы обоих уже анализировались ранее). Эта посадочная страница представляет собой смешанную картину.

Медоеду нравится:

• Простота — четкий заголовок, перечень того, что пользователь получит бесплатно, простая форма. Здесь все верно — на странице говорится о сути предмета.

Медоеду не нравится:

• Слишком упрощенно — ценность здесь заключается в зрительной информации. Недостатки верстки или любого вида иллюстраций создают «неприветливую» страницу. Гораздо большего можно было бы достичь, приведя список брендов, с которыми они работают, заключенных сделок, а также с помощью СТА.
• Язык продаж — никто не думает, что какое-либо торговое предложение является «одноразовой акцией». Это сродни трюку, который проделывают компании, занимающиеся установкой двойных стеклопакетов, пытаясь заставить вас согласиться с непомерно задранной вверх ценой. Если ваше предложение истекает по какой-либо причине, скажите об этом, только будьте осторожны — избегайте выражений, которые выглядели бы как принуждение.

9. Anaqua

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

Медоеду нравится:

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

Медоеду не нравится:

• Стоковые иллюстрации — нет, серьезно, почему люди продолжают пользоваться этим барахлом? Не тратьте пространство на стоковые изображения — его надо расходовать с умом на рассказ о своем продукте, сопровождая хорошо написанным текстом или соответствующим иллюстративным материалом (или и тем и другим).
• Конфликтующие СТА — иногда есть смысл в размещении нескольких разных СТА, только так бывает весьма редко. Если вы должны зарегистрировать пользователя с этой конкретной целью а не с другой, тогда это может послужить оправданием. Или если вы находитесь в самом начале тестирования и хотите оценить спрос. Однако есть более элегантное решение — сделать один СТА и две разные страницы, а затем провести А/В-тестирование.

 

10. AtTask

AtTask специализируется на системах управления проектами и работами на базе облачных вычислений. Мы анализировали их всех пару месяцев назад, рассмотрев их программный продукт для управления проектами (см. № 7). Теперь мы разберем страницу их ПО для коллективной работы групп сотрудников. Вопрос: они улучшили страницу? Ответ: и да, и нет.

Медоеду нравится:

• Гораздо более четкий текст и преимущества — преимущества перечислены без пояснений, но в сопровождении понятной иконки. Текст заголовка заметно уменьшился в размерах. И то и другое — весьма желательные изменения. Еще лучше было бы создать ролловер-эффект на описании преимущества, где появлялось бы краткое описание. Такое изменение макета привело бы к тому, что логотипы клиентов поднялись бы выше по странице, что гораздо сильнее выделило бы их в визуальном плане.

Медоеду не нравится:

• И опять эта форма! — она вызывала у меня больше всего вопросов в тот раз и вызывает их до сих пор. Более того, форма стала больше на два поля (должность и отдел). В ней нет необходимости, и ее присутствие сводит на нет все остальные положительные стороны страницы.

 

11. Zoho Projects

Zoho — компания-мастер на все руки: у нее есть продукты для абсолютно любых задач, какие только можно представить. Zoho Projects — это система управления проектами, служащая дополнением к другим продуктам компании, таким как Zoho Docs.

Медоеду нравится:

• Четкий, уместный иллюстративный материал — мне нравится красивый большой скриншот с большим количеством полезной информации. Zoho выбрала скриншот, демонстрирующий кучу преимуществ продукта и при этом остающийся удобочитаемым. Такое использование изображений помогает сформировать ожидания у пользователя и построить с ним доверительные взаимоотношения — он будет знать, что ему предлагают.
• Большие кнопки (и текст под ними) — вы не сможете устоять перед четким и ясным СТА, а большая красная кнопка определенно таковым является. Эта огромная кнопка доминирует на странице. Она сопровождается расположенным ниже текстом, в чью задачу входит обеспечить нажатие кнопки. Здесь Zoho использует давление общественности: 720 000 пользователей уже сделали это, почему бы и вам так не поступить?

Медоеду не нравится:

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

 

12. GoToMyPC

GoToMyPC — это онлайн-сервис удаленного доступа к вашим домашним и рабочим компьютерам.

Медоеду нравится:

• Четкий текст — преимущества не являются сильной стороной этой страницы. Основная идея — вы можете получить удаленный доступ к своему компьютеру. GoToMyPC сосредоточилась на заголовке и продающем преимущества тексте, написанным простым языком. Жаргон — настоящий убийца посадочных страниц, и, если только ваша аудитория не является нишевой, не стоит им злоупотреблять.
•  Макет — макет страницы должен выглядеть так, как если бы мы читали книгу. Именно так и выглядит эта страница. На ней прослеживается логический путь — заголовок, изображение и описание, подписка, действия после подписки. Можно было бы сделать это все визуально более очевидным, однако все нужные вещи и так присутствуют.

Медоеду не нравится:

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

 

13. Volusion

Volusion занимается разработкой ПО электронной коммерции для онлайновых видов бизнеса, включая ПО для корзин интернет-магазинов и мобильной коммерции.

Медоеду нравится:

• Уверенность — уверены в своем продукте? Тогда покажите товар лицом. Не бойтесь сравнивать его с другими решениями, в особенности, если ваш продукт имеет множество преимуществ. Volusion именно так и поступает. Для сравнения она выбрала Shopify и начала действовать. Это простой, прямолинейный прием, однако он эффективен при убеждении потенциальных покупателей. Он особенно полезен в том случае, когда вы действуете в четко очерченной конкурентной среде, и есть несколько областей, в которых можно дифференцировать (опять это слово) свой бренд. Это азы маркетинга.

Медоеду не нравится:

• Ничего — это бодрая, боевая страница. На ней есть четкий СТА, хорошо использован цвет и текст и структурированный макет.

14. ShareFile

ShareFile — это сервис безопасного коллективного пользования файлами, которым пользуется более 4 миллионов людей со всего света (согласно их собственным данным). В прошлом году он был приобретен Citrix, гигантом в области виртуализации и программных услуг.

Медоеду нравится:

• Кто подписывается в настоящий момент? — хотя вы не можете увидеть это в виде стоп-кадра, тем не менее в режиме реального времени отображается лента последних регистраций. Конечно, это рекламный трюк, однако, как и в случае Zoho Projects, если у вас имеется критическая масса пользователей, такой ход может быть чрезвычайно эффективным для построении доверия к своему продукту. Хорошая идея, отличное исполнение.
• Небольшое количество логотипов клиентов — если у вас есть серьезные клиенты, не следует демонстрировать логотипы всех клиентов сразу. В этом плане ShareFile действует избирательно, однако она может себе это позволить, имея в клиентах Pepsi, Nike и HTC. Хочу, правда, предупредить, что, выбрав для демонстрации логотипы только крупных компаний-клиентов, вы можете оттолкнуть компании малого бизнеса. Если малый бизнес является одним из ваших целевых рынков, постарайтесь, чтобы его представители чувствовали себя на вашем сайте как дома.

Медоеду не нравится:

• Элементы навигации — как и в случае Talk Freely, элементы навигации отвлекают внимание. Без них эта страница была бы эффективнее. В данном случае можно было бы провести А/В-тестирование.

 

15. ISL Online

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

Медоеду нравится:

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

Медоеду не нравится:

• Странный шрифт, вылезающий в середине макета, — однако это не самое страшное преступление в этом мире. Во всяком случае это не MS Comic Sans. Тем не менее, будьте последовательны в своем дизайне, и, если отклоняетесь от него, пусть на это будут серьезные причины. Для хорошего дизайна жизненно важна последовательность визуального языка. Нарушение такой последовательности можно оправдать только довольно веской причиной.