Как создать 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, на который захочется нажать

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

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

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