Продающий дизайн

Перевод статьи: “Как мы подняли конверсию на 230%, сделав редизайн заголовка”

Сегодня я перевела для вас короткую статью о том, как известные Mindvalley Insights смогли на 230% увеличить конверсию, всего лишь сделав 2 изменения в заголовке своей продающей страницы.

Сегодня я перевела для вас короткую статью о том, как известные Mindvalley Insights смогли на 230% увеличить конверсию, всего лишь сделав 2 изменения в заголовке своей продающей страницы. Они рассказывают как в ходе тестирования пришли к одному работающему решению и дают советы о том, как повторить их успех.

Готовы узнать их секрет?

Перевод статьи с оригинала – How We Boosted Conversions by 230% with a Headline Redesign

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

1. Отказ от Изображения

Так выглядел оригинальный дизайн заголовка для одной из наших продающих страниц «Silva Life System»:

screen_shot_2013-06-11_at_6.55.04_pm (1)

 

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

screen_shot_2013-06-11_at_6.54.28_pm

Как результат – на 7% увеличение участников на этой странице и до 20% – когда мы тестировали этот подход на других наших страницах. Этот тест показал, что лица людей, особенно которые смотрят прямо в камеру, переводят внимание пользователя на себя от сообщения в заголовке и подзаголовке. Но тут возникает еще одна проблема. Один лишь заголовок сам по себе смотрится сыро, некрасиво и не раскрывает бренд. Поэтому мы запустили второй тест.

2. Улучшение Дизайна Заголовка

В ходе этого теста мы вдохновились такими сайтами как Square Up и The Lean Startup, которые использовали прозрачное или размытое изображение в качестве фона. На этой раз мы провели сплит тестирование и преуспели:

screen_shot_2013-06-11_at_6.50.40_pm

Результат: Конверсия увеличилась на 230,41%

screen_shot_2013-06-11_at_6.51.06_pm

Результат: Конверсия увеличилась на 112,05%

Довольно потрясающе, правда? Попробуйте тоже так сделать. Чтобы напомнить, вот несколько советов, прежде чем начать:

  • Если изображение не несет в себе важное сообщение – обойдитесь без него.
  • Если используете фотографию модели, выберите ту, чей взгляд обращен к заголовку, а не к камере. Лицо, которое смотрит прямо в камеру, приковывает к себе внимание посетителя и увидит его от заголовка.
  • Используйте простые для чтения шрифты на светлом фоне, либо поэкспериментируйте с полупрозрачными/размытыми изображениями по примеру выше.
  • Философия в этом такая: лучше подсмотреть и сделать по примеру уже успешных решений, чем проигнорировать это и выдумывать что-то самому такое, что может плохо сработать.

---

The End

Юлия Вильчинская

Автор и идеолог проекта. Специалист по продающему дизайну и упаковке бизнеса в интернете

Комментарии

Вам также может понравиться