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

Posted on by riasevastopol

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

К сожалению, универсальной формулы действенной основной страницы не существует, но возможно выделить последовательность элементов, каковые делают таковую действенной с позиций конверсии.

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

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

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

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

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

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

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

Что делает лендинг эффективным? анализ 20 домашних страниц saas-бизнесов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. известный (ответ для мониторинга веб-ресурсов)

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

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

Проанализировав домашние страницы представленных выше 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-бизнесов:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заголовок: «Говорите необыкновенные истории».

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

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

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

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

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

  • AARRR — «пиратские» метрики для облачных стартапов

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

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

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

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

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

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

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

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

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

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

«Подпишитесь безвозмездно!»

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

«Подпишитесь безвозмездно».

«Определите больше» и «Попытайтесь безвозмездно».

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

«Подпишитесь — это безвозмездно».

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

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

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

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

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

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

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

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

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

«Взглянуть демо».

  • Как создать действенную CTA-кнопку, опираясь на эти физиологии мозга

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

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

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

  • Перечень клиентов (60%).
  • Отзывы (50%).
  • Кейсы (15%).

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Хорошие отзывы о сервисе из материалов именитых источников.

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

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

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

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

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

  • 36 аналитических прогнозов на 2017 год. Часть 2

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

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

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

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

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

Примеры:

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

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

Маленькое описание главных функций ответа.

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

Маленькие предложения о особенностях продукта, описание с позиций польз отсутствует.

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

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

Аналогично примеру выше.

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

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

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

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

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

Маленькое описание главного функционала.

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

  • Свойства говорят, а пользы реализовывают!

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

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

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

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

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

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

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

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

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

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

«Определить больше».

Пользователю предложено задать вопросы по email.

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

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

Заключение

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

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

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

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

По данным outside.hotjar.com

Случайные статьи:

БМ Новый МЗС Упаковка от А до «лендинга» за 7 минут Пётр Осипов


Подборка похожих статей:

riasevastopol

More Posts