Улучшите свою онлайн-конверсию: лучшие практики целевой страницы SaaS

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

Во время пандемии количество участников собраний, использующих Zoom, резко возросло с 10 миллионов в декабре 2019 года до 300 миллионов в апреле 2020 года, и 125 000 школьных систем по всему миру использовали платформу для общения с детьми, когда они не могли быть в классе. Компании, использующие облачные технологии, в целом переживают бум: по данным Bessemer Venture Partners, совокупная стоимость отрасли в настоящее время составляет 2 триллиона долларов, а пять ведущих провайдеров — PayPal, Adobe, Salesforce, Shopify и Zoom — достигают совокупного роста на 70% по сравнению с прошлым годом. -годовая стоимость.

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

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

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

Удовлетворяйте потребности ваших пользователей

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

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

Большинство клиентов компании использовали Cohere для:

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

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

Достигайте своих целей, демонстрируя ценность

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

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

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

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

Выбирайте своего героя (изображение) с умом

У вас есть только 50 миллисекунд, чтобы привлечь внимание пользователя, поэтому вы должны быть очень избирательны в том, что вы хотите показать. Для продукта SaaS это особенно сложно, потому что нет реального продукта, который можно было бы рекламировать. Очень важно продемонстрировать возможности продукта, а также предвидеть вопросы пользователей и отвечать на них, не отвлекая внимание визуальными эффектами или посторонней информацией.

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

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

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

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

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

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

Концепция целевой страницы агентства Cuberto для мобильного банковского приложения Wickret использует взаимодействие и минималистичный дизайн, чтобы поддерживать интерес пользователей.

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

Это веселый и увлекательный способ продемонстрировать минималистский продукт.

Дизайн с учетом потребностей мобильных пользователей

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

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

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

Завоюйте доверие с нуля

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

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

Вы можете укреплять доверие разными способами:

• Обязательно наличие SSL-сертификата.
• Структурируйте свой URL кратко и информативно.
• Убедитесь, что нет ненужных редиректов.
• Избегайте текстов, которые звучат отчаянно для потенциальных клиентов.
• Сделайте свою страницу интуитивно понятной и простой в использовании.

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

Покажите пользователям, как это работает для них

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

Например, Monday.com предлагает краткий обзор, помогая пользователю увидеть, как он будет взаимодействовать с сайтом.

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

Социальное доказательство необходимо

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

Еще одна отличная форма социального доказательства — положительное давление сверстников. Как часто вы проверяли отзывы о ресторане перед бронированием столика или покупали что-то в Интернете, основываясь на его положительных отзывах? По данным BrightLocal, 87% потребителей именно так и поступают.

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

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

Конец на правой ноге

Даже если пользователь прошел всю вашу страницу, есть ряд причин, по которым он может быть не готов принять решение:

• Они заинтересованы в вашем продукте SaaS, но хотят получить больше информации.
• У них есть вопросы или проблемы, которые не были рассмотрены.
• Они не доверяют продукту или бренду.

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

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

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

Смешивайте и сочетайте для успеха

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

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

Дальнейшее чтение в блоге Toptal Design:

• Как создать эффективную целевую страницу
• Создан для конвертации — лучшие практики дизайна целевых страниц
• Знакомство — руководство по процессам адаптации пользователей