Главное Свежее Вакансии Образование
Выбор редакции:
😼
Выбор
редакции
918 0 В избр. Сохранено
Авторизуйтесь
Вход с паролем

Как создать CTA, на который невозможно не кликнуть: 8 разных примеров и советы

Собрали интересные примеры и перечислили действенные практики для создания рабочего призыва к действию.

Призыв к действию — важный элемент рекламного креатива, сайта или лендинга. Сегодня приводим примеры эффективных призывов к действию и на основе поста в блоге App Samurai даем краткий чек-лист по тому, как создать CTA.

1. Netflix: «30 дней бесплатно»


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



2. Google Диск: две кнопки для разных целевых пользователей


Сервис облачного хранения файлов и Google документов на главной странице предлагает сразу два призыва к действию. Первый — короткий и емкий — «Открыть Диск». Он доступен для всех, у кого зарегистрирован Google Аккаунт. Второй — кнопка «Попробовать диск для работы в группе», которая ведет уже на страницу платного сервиса Google WorkSpace. Эта кнопка — более заметная и выделена цветом. Скорее всего, такая разница объясняется целью продать эту услугу или привлечь пользователей на бесплатный пробный период. Но идея разграничения CTA для двух пользовательских групп — хорошая.


3. Dropbox: «Зарегистрироваться»


Форма призыва к действию знаменитого облачного сервиса по хранению элементарна. Они хотят получить как можно больше регистраций — они предлагают это на первом экране. Кстати, интересно, что на полноэкранной версии форма регистрации открывается сразу же после «посадки» на страницу. На мобильной версии кнопка стоит после призывного заголовка и объяснения преимуществ сервиса.



4. Spotify: акцент на креативный заголовок


Музыкальный сервис делает акцент на креативный заголовок на главной странице: фраза огромными буквами «Услышать весь мир» не может остаться без внимания. CTA-кнопка оформлена в том же цвете и предлагает скачать бесплатную версию (привлечь пользователя бесплатной услугой — всегда хорошая и «рабочая» идея). Кстати, на мобильной версии страницы пропорции заголовка и кнопки даже лучше.



5. Grammarly: динамический CTA


Сервис Grammarly выбрал классную стратегию — динамический призыв к действию в зависимости от браузера, в котором открывается сайт. Смотрите сами. При открытии в Safari — на кнопке предлагают установить сервис в Safari. При открытии в Chrome — установить в Chrome (плюс оценки пользователей). Короткое и емкое дополнение It’s free («Это бесплатно») устраняет страхи пользователя и добавляет ценности предложению.



6. Яндекс.Плюс: замечаешь только кнопку


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



7. Deezer: акцент на Premium подписку


Музыкальный стриминговый сервис заинтересован в том, чтобы привлекать пользователей на Premium подписку. Поэтому цветом выделена только эта кнопка. И тем же цветом — ключевое предложение — бесплатное пользование в течение трех месяцев.


8. Apple: вообще без кнопок


Хочется сказать: «Когда можешь себе позволить». Но Apple действительно может! Минимализм и отсутствие кричащих кнопок тоже привлекает внимание. Вместо кнопок — активные строчки с емкими призывами к действию. И, да, «Попробуйте бесплатно» Apple тоже использует.


Чек-лист: как создать CTA, на который захочется нажать


  1. Проектируйте не только кнопку и формулировку кнопки. Важно думать и о контексте размещения, «предварять» CTA пояснениями. Как видите, большинство из представленных примеров содержит такие пояснения.
  2. Сводите риски для пользователя к минимуму. И сообщайте об этом в дополнение к призыву к действию.
  3. Разделяйте CTA для каждой группы пользователей.
  4. Используйте яркий дизайн, но в соответствии с брендовыми цветами и элементами.
  5. Персонализируйте (вспомните динамический CTA от Grammarly).
  6. Рискуйте, если уверены в своем предложении (как это делают Apple, отказываясь от яркой кнопки).

По материалам: appsamurai.com

Мы в BYYD разрабатываем рекламные креативы и посадочные страницы, на которые ведет реклама и учитываем лучшие практики в дизайне и маркетинге для того, чтобы пользователю было интересно и чтобы воплотить цели рекламной кампании.

Присоединиться к платформе BYYD

Посмотреть примеры рекламных кампаний, реализованные BYYD

0
В избр. Сохранено
Авторизуйтесь
Вход с паролем
Комментарии
Выбрать файл
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать

Spark использует cookie-файлы. С их помощью мы улучшаем работу нашего сайта и ваше взаимодействие с ним.