Повышение конверсии сайта: как произвести первое впечатление на посетителей

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

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

Совет №1. Покажите качество

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

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

С первого взгляда понятно, что здесь картинка плохого качества:

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

«Как получать больше клиентов с каждым днем? Что делать, если ваши клиенты – единороги, и их невозможно встретить?»

Это объявление ведет на такую форму подписки:

Форма подписки

«Ответьте на несколько вопросов – и вперед!»

Э-э, что это было?

Качественное изображение и полезная информация – в следующем примере:

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

Клик ведет на страницу с описанием товара. Четкий CTA (призыв к действию) сразу бросается в глаза:

Повышение конверсии сайта с помощью визуальных образов – четкий CTA

Совет №2. Не экономьте на дизайне

Внешний вид сайта говорит о многом и часто отвечает за первое впечатление.

Зацените дизайн рекламы банка Capital One в соцсети:

Повышение конверсии сайта с помощью визуальных образов – реклама банка Capital One

«Развивайте бизнес без абонентской платы и лимитов».

Клик приводит сюда:

Повышение конверсии сайта с помощью визуальных образов – посадочная страница банка Capital One

«Управляйте счетами без ограничений и абонентской платы!»

Все здорово, кроме первого призыва к действию в неожиданном месте.

Следующий пример – реклама магазина снеков – тоже демонстрирует шикарный дизайн:

Повышение конверсии сайта с помощью визуальных образов – реклама NatureBox

«Получайте любимые снеки по привлекательной цене! Первые 4 снека бесплатно».

Лендинг соответствует:

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

«Набор из 4 снеков бесплатно!» Призыв к действию: «Получить сейчас».

Качественное изображение, понятный текст, графические элементы на своих местах.

Совет №3. Пишите понятный текст 

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

На первое впечатление влияют не только слова, но и размер и шрифт текста.

Например, объявление о бесплатном мастер-классе:

Повышение конверсии сайта с помощью визуальных образов – пример Archicad-master

Совсем не тянет узнать детали.

Сравните с удачным примером блога по анализу потребителей IBM: «81% компаний заявляют, что понимают покупателей. С ними согласны только 37% клиентов». Призыв к действию «Узнать почему». Хм, интересно:

Повышение конверсии сайта с помощью визуальных образов – пример IBM

Совет №4. Используйте социальные доказательства

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

Социальные доказательства на лендинге: для чего они нужны и как их представить

Посмотрите эту рекламу digital-компании Foxtail:

Повышение конверсии сайта с помощью визуальных образов – реклама Foxtail

«Маркетинг, направленный на результат».

Она ведет на лендинг:

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

«Лучшая маркетинговая компания. Прочтите отзывы, чтобы убедиться в этом». 

Добавьте к рекламе иконки авторитетных партнеров, как это делает интерактивная платформа-помощник WalkMe:

Повышение конверсии сайта с помощью визуальных образов – пример WalkMe

Впечатляет. 

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

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

Хороший дизайн, красивое изображение, но нет внятного СТА? Пользователи просто растеряются, что им делать дальше. 

К примеру, видим такую рекламу ведущего провайдера софта для управления недвижимостью Real Page:

Повышение конверсии сайта с помощью визуальных образов – реклама Real Page

«Узнай все! Анализ для бизнеса. Обойди конкурентов!»

Звучит заманчиво. Кликаем и видим это:

Повышение конверсии сайта с помощью визуальных образов – посадочная страница Real Page

Справа – СТА «Заполните форму и получите бесплатную книгу». Вверху – «Связаться с нами». Так что делать пользователю? Связаться и задать вопросы или скачать книгу и получить ответы? Непонятно. На всякий случай лучше уйти.

Сервис автоматизации продаж и маркетинга Infusionsoft не путает посетителей разными призывами. Вот реклама:

Повышение конверсии сайта с помощью визуальных образов – реклама InfusionSoft

«Хотите, чтобы бизнес подрос на 400%?» СТА: «Получить бесплатный план роста».

Вот лендинг:

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

СТА: «Получите бесплатный план роста».

Цвет и текст кнопки совпадают везде. Понятно, что хотим и что для этого надо сделать.

Что потом?

Первое впечатление пройдено, мнение у посетителя сложилось. Не останавливайтесь, скажите «спасибо» и поддерживайте доверительные отношения. 

Интересная идея — предложить видео или инструкцию как использовать продукт. Как это делает софт для автоматизации маркетинга Autopilot. После загрузки лид-магнита пользователи видят благодарственное сообщение:

Повышение конверсии сайта с помощью визуальных образов – кейс Autopilot

«Спасибо! Скоро вы получите отчет на ваш емэйл. Жмите ссылку, чтобы прочесть его сейчас». 

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

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

Статья подготовлена по материалам instapage.com