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

СТА-кнопки – примеры из жизни. Часть II.

22 августа 2014 г.
Комментариев не добавлено

ста на лендинге

Данный пост – продолжение темы об СТА-элементах в мировой практике.

Хотелось бы привести еще примеры групп лендингов мировых брендов:
 

1.    СТА-элементы и эффект движения

 

Достаточно много СТА-элементов создавалось при помощи стрелок. Стрелка в графике – мощный инструмент, который направляет пользователя туда, куда задумано. Стрелка создает движение. 

Часто стрелка показывает вправо, так как большинство из нас привыкло читать – слева на право.

лендинг

А вот отличный пример – целых 4 стрелки показывают на СТА-элемент. Сложно его не заметить:

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

Вот пример страницы, где есть СТА-кнопка и видео, которое тоже можно рассматривать как СТА-призыв. Это видео подчеркивает стрелка:

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

На странице Visiblegains есть необычный СТА-элемент. Его также подчеркивает стрелка:

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

2.    СТА-элемент – подписка

 

Интересный и новый вариант использование подписки в виде СТА-элемента. Таким образом, Вы можете собрать свою базу:

элемент призыва

А вот сбор имен и фамилий будущих клиентов:

элемент призыва на лендинге

Еще один пример использования подписной формы в качестве СТА-кнопки:

ста призыв

А вот отличный пример подхода к политике конфиденциальности - в шутливой форме пользователям обещают не спамить: «На рецептурной книге нашей мамочки мы клянемся не отправлять Вам спам». Кстати, страница посвящена еде:

призыв к действию на лендинге

Над подписной графой размещен текст, рассказывающий о предложении:

лид-форма лендинга

Отличный пример простоты, когда ничего не отвлекает от главного – от СТА-элемента:

целевая страница

Персонализация СТА-кнопки – каждый пользователь поймет, что ждут именно его адрес:

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

3.    СТА элемент, предоставляющий основное действие и дополнительное

 

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

Хороший пример: основное действие – яркая кнопка, второстепенное действие – активная ссылка. 

конверсия лендинга

А вот пример того, как действия можно выделить цветами СТА-кнопок:

цвета лендинга

Основной элемент расположен левее – он более важен:

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

Еще пример:

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

Если Вы продаете сложное ПО, то дополнительный СТА-элемент будет уместен:

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

А вот идеальный, с нашей точки зрения, дизайн с двумя кнопками:

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

А вот непонятный пример – пользователю сложно будет понять, что от него хотят и какое предложение тут основное:

элементы лендинга

4.    СТА-элементы, разделяющие пользователей на целевые аудитории

 

Конечно, при продаже продукта нужно ориентироваться на его целевую аудиторию. Для этого можно провести маркетинговые исследования, которые, к слову, стоят не мало. 

А можно предоставить пользователям самим идентифицировать себя с помощью СТА-элементов. 

Как пример:

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

Здесь к СТА-элементам добавлены дополнительные пункты, которые помогут посетителю определиться и точнее определят целевую аудиторию:

landing page

Вот пример определения целевой аудитории по половому признаку:

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

Также отличный пример для различных групп пользователей:

создать landing page

5.    Использование видео в качестве СТА-элементов

 

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

Пользователи сразу понимают – нужно нажать «play»:

целевая страница

На данной странице есть 2 СТА-кнопки и видео:

продающая страница

А здесь видео используется в качестве СТА-кнопки и рассказывает о направлении деятельности компании:

создать страницу

Нестандартные СТА-элементы

 

СТА-кнопка в виде ленты:

форма элемента лендинга

Создается впечатление, что данный СТА-элемент нарисован от руки:

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

Интересная и необычная форма:

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

Хороших Вам лендингов!

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