Примеры СТА кнопок из жизни

Какой основной элемент landing page? Правильно, СТА кнопка. Если пользователь не найдет эту кнопку и не поймет что от него хотят, то он уйдет.

Дизайн у СТА элемента может быть разный, вариантов много. Основное правило - СТА кнопка должна быть заметна и понятна. Мы уже рассматривали различные варианты СТА кнопок. В данной статье мы поговорим об СТА кнопках, которые можно найти в дизайне страниц.

Рекомендации:

1. СТА элемент должен выделяться. Размер должен быть таким, чтобы кнопку было видно. Лучше выглядит дизайн, когда вокруг СТА элемента есть свободное пространство. На кнопку разместите правильный текст. СТА кнопка должна сама говорить о своей важности. 

2. Не путайте посетителя - уберите лишние СТА элементы. На лендинге должен быть один СТА элемент - это работает лучше.
 

СТА кнопка должна быть заметной

 

Дизайн СТА элемента должен быть интересным и заметным - тогда ее не пропустят. Цвет кнопки не должен сливаться с основным тоном лендинга. Но помните о правиле подбора цветовой гаммы страницы.

Размер СТА кнопки имеет значение

 

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

СТА элемент должен привлекать внимание.
 

Контраст цветов

 

Когда Вы продумываете дизайн будущей СТА кнопки, то учитывайте и цветовую гамму всего лендинга. Например, светлый фон, но темная СТА кнопка.

Цветовое решение для СТА кнопки

 

Цвет выбираем так, чтобы кнопка не слилась с остальными элементами лендинга. Выбирайте цвет контраста. 

Если СТА элемент маленький, то смело делайте цвет ярче. Если размер кнопки большой, то уменьшите яркость кнопки.

Надпись на СТА элементе

 

Данная надпись очень важна для конверсии. Она должна быть четкой, понятной, краткой. Сам шрифт должен хорошо читаться и быть заметным на кнопке.

Текст должен убедить пользователя нажать на кнопку.

Ниже мы приведем несколько примеров СТА кнопок на реально существующих лендингах.

Возможно, что-то из этого вдохновит Вас. 

Располагать СТА элемент лучше в верхней части страницы. Не заставляйте пользователя прокручивать лендинг.

Хороших Вам продаж и качественных лендингов!