Возвращайте до 18% с пополнений рекламы
  • Все популярные рекламные сети в одном окне
  • Рекламные инструменты — бесплатно
  • Доступ к конструктору лендингов и WebApp-приложений
  • Закрывающие документы точно в срок
ring svg
  1. Главная >
  2. Блог >
  3. CRO >
  4. 6 элементов оптимизации домашней страницы Saas-сервиса на примере TeamGantt.com

6 элементов оптимизации домашней страницы Saas-сервиса на примере TeamGantt.com

6 элементов оптимизации домашней страницы Saas-сервиса на примере TeamGantt.com

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

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

С 2009 года компания Teamt, созданная Джоном Коррелли (John Correlli) и Натаном Гилмором (Nathan Gilmore), разрабатывает SaaS-решения для организации совместной работы над проектами в области веб-программирования и веб-дизайна. TeamGantt весьма успешны в своей отрасли онлайн-бизнеса: их продукты уверенно конкурируют с предложением MS Project Online от гиганта IT-индустрии Microsoft.

Вот наша «подопытная» домашняя страница до оптимизации:

до оптимизации

Первое, на что следует обратить внимание — нет явного заголовка, объясняющего, что это за продукт (товар или услуга)! Есть небольшой текст «Онлайн-график от Gantt» (The Online Gantt Chart), но большинство посетителей не знает, что может означать эта фраза. И захотят ли узнать?

Итак, приступим к оптимизации!

1. Короткий простой заголовок, описывающий смысл оффера

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

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

У вас есть всего несколько секунд (приблизительно 3–8), чтобы заинтересовать посетителя, задержать его и конвертировать входящий трафик на вашем сайте при помощи яркого и лаконичного заголовка. Вот как это сделала команда TeamGantt, создав короткий и понятный текст заголовка «Простое планирование проекта», объясняющий назначение продукта.

В данном случае изменение заголовка не только повлияло на внешний вид страницы, но и увеличило конверсию на 50%.

заголовок

2. Изображение

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

изображение

Команда TeamGantt обновила фоновый цвет домашней страницы на более яркий, более удачный оттенок синего, что увеличило конверсию на 50%.

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

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

Итак, вы протестировали серию подходящих фото и текст заголовка, но на данном этапе вам необходимо «задержать» трафик. Чем? Как вы можете доказать свою уникальность?

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

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

отзывы

«Твиты»: легкий способ показать положительные социальные свидетельства — это использовать «твиты» о вашей компании/продукте. Создайте страницу «довольных клиентов», на которой разместите скриншоты или виджеты Twitter.

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

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

СМИ: у вас брал интервью The New York Times? Газета «КоммерсантЪ» или журнал «Форбс»? Малотиражное издание «Урюпинские Новости»? Обязательно расскажите об этом на главной странице! Процитируйте самые удачные моменты из статьи и вставьте логотип газеты. У вас еще не брали интервью? Тогда пойдите и предложите кому-то из вышеозначенных медиа-гигантов написать о вашей компании — это один из действующих методов PR-менеджмента.

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

СМИ

Логотипы клиентов: ваши клиенты — крупные организации, известные люди? Разрешат ли они использовать свой логотип на вашем сайте? Можете ли вы сказать, что это ваш партнер? Если да, то все это может увеличить доверие к вам, вашему сайту или продукции. Так поступила компания TeamGantt — после добавления логотипов крупных компаний в одном из вариантов сплит-тестирования конверсия увеличилась на 13,8%.

логотипы

4. Видео

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

Компания TeamGantt добавила на домашнюю страницу видеообзор, рассказывающий о том, для чего нужен их продукт. Количество просмотров данного видео превысило 51 000 показов, что сыграло немаловажную роль в увеличении конверсии сайта более чем на 50%.

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

видео

Кнопка в хедере (header) и рамка видео в нижней части страницы увеличила конверсию на 3.3%.

традиционная рамка видео

Размещение традиционной рамки видео с понятным значком «Play» по результатам сплит-теста уменьшило конверсию на 5.3%.

тестирование

Это несколько неожиданно — наблюдать снижение конверсии при размещении видео выше «линии сгиба». Однако проведенное А/Б-тестирование показало вот такой удивительный результат.

5. Длинная домашняя страница

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

длинный лендинг

Как показали результаты А/Б-тестирования, добавление подробной информации, рассказывающей не только об особенностях продукта, но и о его преимуществах, равно как и увеличение длины домашней страницы TeamGantt, способствовало увеличению конверсии страницы на 8,6%. К такому же выводу пришли аналитики CrazyEgg, проведя достаточное количество сплит-тестов.

Наша рекомендация следующая: если ваш сервис уникален, то подробно расскажите о нем, не экономя на предоставляемой информации!

6. Кнопка «призыва к действию» (Call To Action, CTA)

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

Здесь мы можем дать вам лишь один совет — CTA-элементы должны находиться в верхней половине страницы, или выше «линии сгиба» — не заставляйте посетителей прокручивать страницу вниз до конца!

призыв к действию

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

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

По материалам //blog.kissmetrics.com

blog comments powered by Disqus
Возвращайте до 18% с пополнений рекламы
  • Все популярные рекламные сети в одном окне
  • Рекламные инструменты — бесплатно
  • Доступ к конструктору лендингов и WebApp-приложений
  • Закрывающие документы точно в срок
ring svg
copyright © 2011–2024 Все права защищены
Запрещено любое копирование материалов ресурса без письменного согласия владельца — ООО "Феникс-Маркетинг". ИНН:7725812838, КПП:772501001, ОГРН: 513774619323915280, Москва, ул. Ленинская слобода, д. 19, стр. 1, этаж/пом 3/25

ООО «Феникс-Маркетинг» — IT-компания с многолетним опытом работы, разрабатывающая инновационные решения для управления процессом лидогенерации (пост-клик маркетинг). Разработанное нами технологическое программное решение LPGENERATOR позволяет создавать целевые страницы в визуальном редакторе и управлять заявками (лидами) в CRM-системе в целях проведения эффективных, высококонверсионных рекламных кампаний