СОЗДАЙ СВОЙ LANDING PAGE ПРЯМО СЕЙЧАС! ВЕСЬ ФУНКЦИОНАЛ БЕЗ ОГРАНИЧЕНИЙ - ПРОСТО ЗАРЕГИСТРИРУЙСЯ!
Бесплатно создать

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

9 января 2015 г.
Комментариев не добавлено

СТА кнопка лендинга

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

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


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

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

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

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

 

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

лендинг

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

 

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

кнопка лендинга

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

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

 

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

дизайн лендинга

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

 

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

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

лендинг пейдж

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

 

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

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

landing page

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

пример лендинга

кнопка лендинга пример

создать лендинг

лендинг самостоятельно

купить лендинг

заказ лендинг пейдж

ста кнопка

ста элемент

ста кнопка что это

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

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

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

 




 

Вернуться назад