Эта статья – продолжение серии, посвященной СТА-кнопкам, их видам и размерам: http://prob2b.biz/blog/view/index/post/48, http://prob2b.biz/blog/view/index/post/95, http://prob2b.biz/blog/view/index/post/82.
Мы решили собрать в данном посте примеры из жизни лендингов различных брендов и сервисов.
Контраст – это мощнейшее воздействие на пользователя. Это наиболее простой и действенный способ привлечь внимание посетителя. Выделите свою СТА-кнопку контрастным цветом по отношению к общему фону.
Можно воспользоваться способом «двойного» контраста – контрастную надпись СТА-элемента разместить на яркой кнопке, которая также контрастирует с основным фоном.
Часто СТА-кнопка окрашивается в теплые тона (желтый, красный, оранжевый), а фон – в холодные оттенки (синий, серый, зеленый). В таком случае желательно, чтобы кнопка была единственным ярким пятном.
На странице с белым фоном можно даже разместить 2 кнопки, важность отметить цветом: оранжевый – очень важно, серый – менее важно, синий шрифт – наименее важно.
Красный цвет – наиболее популярен среди дизайнеров, но постепенно он уступает свои агрессивные позиции более строгому и спокойному синему цвету.
Часто для окончательного решения нужен небольшой толчок, стимул. Дайте его пользователю. Это может быть бонус, скидка, акция, какая-то бесплатная услуга.
Предложите что-то бесплатно, и Вы снимите психологический барьер. Например, ресурс Codeacademy дает бесплатный доступ к курсам.
Скидка – это отдельная тема, которая всегда действует позитивно. Чем больше скидка, тем больше позитива.
Можно воспользоваться социальным влиянием. Вы показываете товар и показываете насколько он популярен среди пользователей – под СТА-кнопкой расположите счетчик популярности: нравится многим - понравится и мне. Играйте на этом.
Можно, например, сделать скрин продукта и связать его с СТА-элементом.
А вот авторы приложения Flipboard предложили 2 СТА-кнопки и иллюстрацию, которая показывает работу программы, и пользователь уже не покупает «кота в мешке».
Компании, которые разрабатывают ПО, часто используют метод показа товара. Часто есть бесплатная версия, чтобы опробовать продукт.
Сервис Instagram даже показывает - как будет выглядеть Ваша страница в мобильном приложении.
В Orchestra предложен выбор приложения.
Помните: некачественый и неинтересный текст вредит Вашему лендингу: уходят пользователи, снижается конверсия, падают продажи.
Проверьте свои тексты – ошибки, построение предложений. Пользователь должен понимать, что от него хотят.
Например, на сервисе Akismet четко и доступно описано его предназначение. Здесь есть четкий призыв и хороший описательный текст.
Amazon снова безупречен:
Здесь на СТА-кнопке выведен текст с полным предложением. Отличный вариант для тех, кто не любит читать буклеты.
А здесь, рядом с СТА-кнопкой, расположен поясняющий текст:
Создатели ресурса Eventbrite за пределы СТА-элемента вынесли надпись о том, что версия бесплатна:
Хороший пример того, что на одной кнопке разместился правильный и точный текст о предназначении сервиса:
На страничке сервиса GoToWebinar создатели дали четкое пояснение того, что будет после нажатия на СТА-кнопку - пообщаться с продавцом, совершить полноценную покупку или опробовать версию.
А вот пример того, как надпись на кнопке обобщает все предыдущие пункты:
Вот еще один метод объяснения – ниже СТА-кнопки поясняющий текст:
А вот страничка Brightcove - здесь для усиления эффекта текст на СТА-элементе повторяет текст заголовка:
Здесь призыв СТА-надписи подчеркивается с помощью графической стрелки - дополнительный стимул:
Идеальный пример, где СТА-кнопку просто невозможно не заметить:
Здесь вокруг СТА-элемента остается достаточно места для того, чтобы сосредоточиться на главном – на информации:
Сервис Dropbox – сама простота и четкость:
А здесь основные пункты собраны в группы и с помощью пространства отделены от СТА-кнопки:
Каждый СТА-элемент огражден пространством:
Абсолютно минималистический дизайн:
Тоже хороший пример использования свободного места:
Skype – пример простоты, доходчивости и логичности:
А здесь эффект пространства подчеркивает дополнительный элемент справа от СТА-кнопки:
Мы рассмотрели некоторые виды призывов к действию. В следующей статье мы продолжим знакомить Вас с разными типами, покажем новые примеры из реальных рекламных кампаний мира.
Продолжение следует!