Лучшие статьи и кейсы стартапов
Включить уведомления
Дадим сигнал, когда появится
что-то суперстоящее.
Спасибо, не надо
Вопросы Проекты Вакансии
Целевые страницы в течение часа без знания HTML
Рекомендуем
Продвинуть свой проект
Лучшие проекты за неделю
31
Эбиа

Эбиа

www.ebia.ru

23
Enlite

Enlite

enlited.ru

22
YAGLA

YAGLA

yagla.ru

15
likearea

likearea

smm.li

15
SE Ranking

SE Ranking

seranking.ru

14
Cookiezz

Cookiezz

cookiezz.com.ua

13
Venyoo

Venyoo

venyoo.ru

12
Perezvoni.com

Perezvoni.com

perezvoni.com

12
Reader

Reader

Интернет-журнал о современных технологиях.

Показать следующие
Рейтинг проектов
Подписывайтесь на Спарк в Facebook

Что делает лендинг эффективным? Анализ 20 домашних страниц SaaS-бизнесов

2 372 0 В избранное Сохранено
Авторизуйтесь
Вход с паролем
Домашняя страница является одной из важнейших составляющих ресурса облачного бизнеса, так как представляет собой своеобразный холст, на котором маркетолог создает контент для вовлечения и конвертации уникальных посетителей. Эту веб-страницу следует использовать не только для размещения контента о компании и оффере, но и в маркетинговых целях: для завоевания доверия, удержания внимания и привлечения потенциальных пользователей к целевому действию. К сожалению, универсальной формулы эффективной главной страницы не существует, однако можно выделить ряд элементов, которые делают таковую действенной с точки зрения конверсии.

Чтобы раскрыть секрет высококонверсионных home pages, глава отдела технологий Hotjar (облачное решение веб-аналитики) Марк фон Брокдорф (Marc Von Brockdorff) проанализировал 20 домашних страниц наиболее успешных западных SaaS-бизнесов.

1. Zen Desk (облачное решение для технической поддержки)

Элементы страницы:

  • статичный хедер;
  • комбинация из заголовка + CTA + скриншота;
  • список функций;
  • список клиентов;
  • призыв к действию;
  • футер.

2. Basecamp (онлайн-инструмент для управления проектами)

Элементы страницы:

  • хедер;
  • заголовок с социальным доказательством + СТА;
  • описание функций + социальные доказательства;
  • FAQ;
  • социальные доказательства;
  • ссылки на дополнительную информацию;
  • футер.

3. Boostable (рекламная площадка)

Элементы страницы:

  • заголовок + поле для ввода email + CTA;
  • текст и графические элементы, описывающие принципы работы решения;
  • кнопка, вызывающая форму записи на ознакомление с демо-версией продукта;
  • информация о команде и инвесторах проекта;
  • информация о вакансиях;
  • футер.

4. Intercom (решение для коммуникации с клиентами)

Элементы страницы:

  • статичный хедер;
  • заголовок + поле для ввода email + CTA;
  • описание пакетов функционала;
  • список клиентов;
  • описание функций + скриншоты;
  • отзывы;
  • футер.

5. Optimizely (сервис для А/Б-тестирования)

Элементы страницы:

  • хедер;
  • заголовок + поле для ввода email + CTA;
  • футер.

6. Contently (площадка, соединяющая профессиональных создателей контента с корпоративными заказчиками)

Элементы страницы:

  • хедер;
  • заголовок + список клиентов + CTA;
  • описание принципов работы;
  • список клиентов;
  • социальные доказательства;
  • футер.

7. Next Big Sound (аналитика и инсайты музыкальной индустрии)

Элементы страницы:

  • хедер;
  • заголовок + поле поиска;
  • описание топового функционала;
  • отчеты;
  • кейсы;
  • отзывы;
  • футер.

8. Campaign Monitor (сервис email-маркетинга)

Элементы страницы:

  • статичный хедер;
  • заголовок + СТА;
  • список клиентов;
  • описание функционала;
  • футер.

9. KISSmetrics (решение веб-аналитики)

Элементы страницы:

  • заголовок + поле для ввода URL + СТА;
  • описание функционала;
  • футер.

10. BrowserStack (облачный симулятор ОС и браузеров)

Элементы страницы:

  • хедер;
  • заголовок + видео + форма подписки;
  • список клиентов;
  • отзывы;
  • описание функционала;
  • футер.

11. Trello (веб-сервис для управления проектами)

Элементы страницы:

  • заголовок + СТА;
  • описание функционала + скриншоты интерфейса;
  • список клиентов;
  • призыв к действию;
  • футер.

12. New Relic (сервис для мониторинга мобильных и веб-приложений)

Элементы страницы:

  • хедер;
  • заголовок + СТА;
  • список клиентов;
  • отзывы;
  • описание функционала + видео;
  • футер.

13. Mixpanel (облачная площадка веб и мобильной аналитики)

Элементы страницы:

  • хедер;
  • заголовок + СТА;
  • список клиентов;
  • кейсы;
  • отзывы;
  • футер.

14. Wistia (профессиональный видео-хостинг)

Элементы страницы:

  • хедер;
  • заголовок;
  • список клиентов;
  • описание функционала + видеоролик;
  • отзывы;
  • футер.

15. Recurly (биллинг-система)

Элементы страницы:

  • хедер;
  • заголовок + СТА;
  • список клиентов;
  • текст о выгодах сервиса + отзывы;
  • описание функционала;
  • футер.

16. Geckoboard (панели управления данными для бизнесов)

Элементы страницы:

  • хедер;
  • заголовок + СТА + фоновое видео;
  • список клиентов;
  • текст о выгодах сервиса;
  • описание принципов работы площадки;
  • отзывы;
  • футер.

17. Sqwiggle (платформа для удаленной совместной работы)

Элементы страницы:

  • хедер;
  • заголовок + СТА + скриншот;
  • описание клиентских проблем;
  • отзывы;
  • текст о выгодах;
  • подписная форма;
  • футер.

18. Hootsuite (панель управления социальными медиа)

Элементы страницы:

  • статичный хедер;
  • заголовок + СТА;
  • тарифы;
  • описание функционала;
  • описание ЦА, которой подходит решение;
  • футер.

19. UserVoice (площадка для технической поддержки и обратной связи)

Элементы страницы:

  • статичный хедер;
  • заголовок + СТА;
  • описание функционала + скриншоты;
  • кейсы;
  • видеоролик;
  • список клиентов;
  • футер.

20. Pingdom (решение для мониторинга веб-ресурсов)

Элементы страницы:

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

Проанализировав домашние страницы представленных выше SaaS-бизнесов, Марк определил частоту использования присутствующих на них элементов:

Заголовок — размещен на 100% главных страниц.Поле подписки, размещенное под заголовком — 75%.Призыв к действию, размещенный до линии сгиба — 95%.СТА с полем для ввода информации — 20%.Слово «бесплатно» в призыве к действию — 50%.Подписная (регистрационная) форма — 10%.Информация о ценовой политике — 5%.Описание выгод использования продукта — 20%.Описание функционала сервиса — 65%.

Мультимедиа

Видеоролики — 20%.Скриншоты — 35%.

Хедеры и футеры

Хедер — 85%.Статичный хедер — 30%.Футер — 100%.

Социальные доказательства

Любая форма социального доказательства — 80%.Список клиентов — 60%.Отзывы — 50%.Кейсы — 15%.

Автор статьи не располагал информацией о показателях конверсии изученных home pages, посему проанализировать эффективность размещения тех или иных элементов не представлялось возможным. Однако он сформировал качественные идеи для сплит-тестирования, применение которых даст точное представление о целесообразности правки/оптимизации.

Изучим наиболее часто используемые составляющие домашних страниц подробнее.

1. Заголовок: возможность выделиться

Хедлайн (присутствовал на всех изученных домашних страницах, а на 75% из них также был размещен подзаголовок) является одной из ключевых элементов лендинга/домашней страницы. Задача заголовка заключается в донесении сути и ключевых выгод оффера в течение первых 5 секунд пребывания посетителя на сайте.

Идеи для тестирования

  • Создайте и протестируйте новый заголовок.
  • Добавьте к текущему подзаголовок.

Изучим хедлайны 20 успешных SaaS-бизнесов:

image70_.jpg

Заголовок: «Простой мониторинг доступности и производительности веб-сайта».Подзаголовок: «Все, что нужно для мониторинга веб-сайта. Используя Pingdom, вы всегда узнаете о неисправности сайта первыми и будете располагать точными данными о его производительности. Мониторинг вашего ресурса является правильным решением».

image55_.jpg

Заголовок: «Хотите наблюдать за клиентами с высоты птичьего полета?».Подзаголовок: «Присоединяйтесь к 160 000+ организаций из 170 стран, которые нашли лучший способ слышать своих пользователей».

image02_.jpg

Заголовок: «Начните заниматься социальными медиа серьезно».Подзаголовок: «Присоединитесь к 9 000 000+ профессионалов, использующих Hootsuite. Начните бесплатно».

image59_.jpg

Заголовок: «Увеличьте результативность совместной работы».Подзаголовок: «Ощущайте более тесную связь со своей командой и работайте так, будто вы находитесь в одной комнате».

image79_.jpg

Заголовок: «Мгновенная видимость».Подзаголовок: «Используйте данные для принятия лучших решений и мотивации вашей команды».

image60_.jpg

Заголовок: «Автоматизация подписного биллинга».Подзаголовок: «Изощренность, которую ожидает ваш финансовый директор. Простота пользования, которую требует ваша команда».

image07_.jpg

Заголовок: «Добавьте видео на свой ресурс с легкостью и по своим условиям».

image51_.png

Заголовок: «Действия говорят громче, чем просмотры страниц».Подзаголовок: «Наиболее продвинутая платформа веб и мобильной аналитики».

image24.jpg

Заголовок: «Данные помогают нам продолжать работу».Подзаголовок: «Мы все являемся поклонниками статистики. New Relic дает вам мгновенную видимость на уровне кода для разработки более быстрого ПО, создания лучших продуктов и удовлетворения ваших пользователей».

image58.jpg

Заголовок: «Trello позволяет легко организовывать что угодно и для кого угодно».Подзаголовок: «Откажитесь от длинных переписок, устаревших таблиц, старых заметок и громоздкого ПО. Присоединяйтесь к Trello — простому, бесплатному и визуальному способу организации важной информации».

image40.jpg

Заголовок: «Тестирование на совместимость с браузером в веб-интерфейсе в режиме реального времени».Подзаголовок: «Мгновенный доступ ко всем десктопным и мобильным браузерам. Попрощайтесь с установкой виртуальных девайсов».

image49.jpg

Заголовок: «Google Analytics показывает, что происходит. KISSmetrics показывает, кто это делает».

image41.jpg

Заголовок: «Отправляйте красивые emails и вы получите лучшие результаты».Подзаголовок: «Campaign Monitor позволяет с легкостью создавать, отправлять и оптимизировать email-кампании. Для начала работы потребуется всего пару минут».

image69.jpg

Заголовок: «Интуиция, подкрепленная интеллектом».Подзаголовок: «Next Big Sound анализирует продажи, маркетинг и социальные медиа, чтобы помочь вам принимать более рациональные и храбрые решения».

image46.jpg

Заголовок: «Рассказывайте исключительные истории».

image20.jpg

Заголовок: «Решение для А/Б-тестирования, которым вы на самом деле будете пользоваться».

image76.jpg

Заголовок: «Простейший способ увидеть клиентов и установить с ними контакт».Подзаголовок: «Intercom является единой платформой, при помощи которой вы (в режиме реального времени) можете видеть, кто пользуется вашим продуктом, и отправлятьперсонализированные сообщения правильным пользователям в правильное время, основываясь на поведенческой информации».

image42.jpg

Заголовок: «Легкий способ настроить рекламу для продавцов в магазинах приложений».

image66.jpg

Заголовок: «Только за прошлый год более 285 000 компаний закончили свыше 2 000 000 проектов при помощи Basecamp».

image48.jpg

Заголовок: «Прекрасно простой».Подзаголовок: «Zendesk — решение для предоставления более качественного клиентского сервиса».

Заголовки: власть, воздействие, влияние

2. Призыв к действию: вовлечение пользователей до линии сгиба

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

Говоря о тексте СТА-кнопок, одним из слов, оказывающих наиболее сильное влияние на посетителей, является слово «бесплатно» — более половины бизнесов, предоставляющих как бесплатные, так и платные тарифы, использовали вышеупомянутое слово в своих call to action.

Анализ Брокдорфа также показал, что на первом экране 20% домашних страниц расположено поле для ввода URL или email-адреса. В большинстве случаев это используется, чтобы увеличить готовность к конверсии — сделав некий вклад (в данном случае предоставив информацию), посетитель более расположен к выполнению целевого действия.

Идеи для тестирования

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

Ознакомимся с призывами к действию на проанализированных страницах:

image27.jpg

Призыв к действию «Начните сейчас» и текст «Установка не требуется».

image04.jpg

Призыв к действию «Начните сейчас бесплатно» и текст «30 дней бесплатно. Кредитная карта не требуется».

image19.jpg

В данном случае используются кнопки для авторизации через социальные сети: «Войти с аккаунта (название социальной сети)» и ссылка на форму регистрации.

image13.jpg

«Подпишитесь бесплатно!»

image05.jpg

«Начните бесплатный пробный период».

image09.jpg

«Подпишитесь бесплатно».

image33.jpg

«Узнайте больше» и «Попробуйте бесплатно».

image34.jpg

«Создать бесплатный аккаунт».

image74.jpg

«Подпишитесь — это бесплатно».

image31.jpg

«Подписаться бесплатно».

image53.jpg

Поле для ввода URL-адреса и кнопка для авторизации с аккаунта Google.

image50.jpg

«Создать бесплатный аккаунт».

image36.jpg

Поисковое поле с текстом «Найти любую группу или исполнителя».

image67.jpg

«Запросить демо-версию».

image14.jpg

Поле «Введите URL, чтобы протестировать сервис» и кнопка «Протестировать».

image78.jpg

Поле для ввода электронного адреса и СТА «Начать».

image72.jpg

Поле для email и призыв «Начать рекламировать».

image06.jpg

«Дайте Basecamp шанс — бесплатно в течение 60 дней».

image26.jpg

«Посмотреть демо».

3. Социальные доказательства: вовлечение и завоевание доверия

Причина эффективности social proof очень проста: потенциальные клиенты хотят быть уверены, что сервис является реальным и что им пользуются другие люди/компании.

На изученных представителем Hotjar главных страницах были использованы следующие формы социальных доказательств:

  • Список клиентов (60%).
  • Отзывы (50%).
  • Кейсы (15%).

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

Идеи для тестирования

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

Изучим примеры:

image47.jpg

«В течение последнего часа наш сервис обнаружил 18 363 (динамичный счетчик) отключений серверов по всему миру».

image52.jpg

«Мы завоевали доверие 50 000+ пользователей, включая следующие компании: (логотипы известных брендов)».

image43.jpg

Текст «Не верьте нам на слово. Мы делаем наших клиентов (и их пользователей) счастливыми на более чем 43 языках», внизу которого отображаются названия компаний клиентов и ссылки на их кейсы.

image77.jpg

Отзыв: «Sqwiggle невероятно полезен и значительно увеличил эффективность нашего рабочего процесса».

image10.jpg

Используется текстовый и видео отзыв, присутствует ссылка на страницу с другими рекомендациями.

image01.jpg

Логотипы клиентских компаний и ссылка на кейсы.

image11.jpg

«Вы в хорошей компании. Точнее, в 2 433 хороших компаниях».

image37.jpg

Текст «Миллионы людей и компаний всех масштабов любят использовать Trello» и логотипы брендов, использующих сервис.

image62.jpg

Заголовок «Сервис, которому доверяют более 23 000 клиентов по всему миру», логотипы именитых компаний и отзыв в видео формате.

image45.jpg

Число клиентов (свыше 100 000) и логотипы клиентских компаний.

image75.jpg

Положительные отзывы о сервисе из материалов именитых источников.

image08.jpg

Заголовок «Наиболее крупная сеть талантливых журналистов в мире», текст «Работайте с топовыми фрилансерами в нашей сети из 40 000 профессиональных журналистов, дизайнеров, видео-продюсеров и фотографов» и список брендов, пользующихся услугами сервиса.

image18.jpg

Текст «Ежедневно помогаем тысячам web и mobile бизнесов найти миллионы клиентов» и список клиентов.

image64.jpg

Отзыв: «Если вы разрабатываете программные продукты, Intercom является сервисом, который наиболее быстро окажет положительный эффект. Коммуникация с пользователями открывает поразительные возможности».

image73.jpg

На ресурсе Basecamp отображаются логотипы брендов, использующих их сервис.

image03.jpg

Заголовок «Лучшее начинается здесь», текст «40 000+ компаний доверяют нам своих клиентов» и логотипы клиентских бизнесов.

4. Свойства: объясните, как работает ваш продукт

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

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

Идеи для тестирования

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

Примеры:

image54.jpg

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

image15.jpg

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

image44.jpg

Короткое описание ключевых функций решения.

image32.jpg

Заголовок «Работайте вместе целый день» и текст «Sqwiggle поддерживает вашу пассивную связь с командой, обновляя статичное изображение каждого члена команды каждую минуту, чтобы вы могли видеть его лицо и знать, доступен ли он для связи в текущий момент».

image39.jpg

Короткие предложения о свойствах продукта, описание с точки зрения выгод отсутствует.

image16.jpg

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

image57.jpg

Перечисление функций решения и короткие объяснения их предназначения.

image29.jpg

Идентично примеру выше.

image12.jpg

Текстовое описание заменено скриншотом.

image63.jpg

Сервис Campaign Monitor использует видеоролик, в котором показывается процесс оформления электронного письма.

image71.jpg

Описывается ценность и функции оффера.

image17.jpg

Скриншот интерфейса.

image25.jpg

Скриншоты интерфейса с описанием полезных функций.

image30.jpg

Короткое описание ключевого функционала.

image22.jpg

Свойства продукта описываются с точки зрения выгод для клиента.

5. Дополнительная информация: для тех, кто хочет знать больше

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

Идеи для тестирования

  • Добавьте СТА, ведущий на раздел с презентацией (детальным описанием) продукта.
  • Создайте FAQ.
  • Разместите ссылки на блог или базу знаний в футере.

Приступим к изучению примеров:

image21.jpg

Ссылки ведут на историю создания Basecamp, истории клиентов, презентацию продукта, описание пользы сервиса для различных сотрудников компании пользователя и контент о проекте и его сотрудниках.

image68.jpg

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

image65.jpg

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

image23.jpg

Пример дополнительного СТА: «Ознакомиться с продуктом».

image00.jpg

«Ознакомиться с возможностями».

image35.jpg

«Узнать больше».

image61.jpg

Пользователю предложено задать вопросы по электронной почте.

image56.jpg

Призыв к действию, вызывающий форму обратной связи.

image28.jpg

Разделы «Детали продукта», «Аудитории» (информация для основных сегментов пользователей) и «Zendesk» (контент о компании).

Заключение

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

Прежде чем приступать к А/Б-тестам, проведите анализ домашней страницы/лендинга при помощи следующих практик:

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

Высоких вам конверсий!

Источник: https://lpgenerator.ru/blog/2015/04/18/chto-delaet-lending-effektivnym-analiz-20-domashnih-stranic-saas-biznesov/

+3
Добавить в избранное Сохранено
Авторизуйтесь
Вход с паролем
Комментариев еще не оставлено
Выбрать файл
Читайте далее
Загружаем…
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать