27Июл

7 примеров использования прозрачных кнопок CTA на сайте - Web Студия Mozgi, создание сайтов, реклама в интернете, SEO-аудит сайта

Прозрачные кнопки, по своей сути являются ничем иным, как кнопками для призыва к действию (CTA). Но в тот же момент, они лишены привычного яркого и акцентированного дизайна. Прозрачные кнопки – это новое веяние в веб дизайне, они имеют два варианта исполнения: в рамке и без рамки.

 

Мы сегодня покажем вам 7 примеров удачного использования прозрачных кнопок на сайте.

 

lush.co.uk

Интернет магазин органической косметики lush – очень интересная структура сайта. Прозрачные кнопки находятся на привлекающих внимание посетителей картинках с призывом к действию «узнать больше о товаре», при наведении курсора мыши на кнопку – она меняет цвет.

7 примеров использования прозрачных кнопок CTA на сайте

 

v76.com

Vaughan - интернет магазин для мужчин, которые носят бороды. Главная страница сайта выполнена в виде двух слайдеров (каруселей), слева горизонтальный, справа вертикальный. Прозрачные кнопки как нельзя, кстати, в таком дизайне, они находятся прямо на слайдере, имеют рамку с текстом, при наведении курсора. Цвет рамки меняется.

7 примеров использования прозрачных кнопок CTA на сайте

 

ticwatches.co.uk

Ticwatches – интернет магазин наручных часов. Главная страница открывается в виде большого слайдера с предложениями. Прозрачные кнопки не имеют рамок – выглядит очень свежо и необычно.

7 примеров использования прозрачных кнопок CTA на сайте

 

tbs.fr

TBS – интернет магазин стильной обуви для мужчин и женщин. Главная страница в виде слайдера, под которым три категории с интересным оформлением. Прозрачные кнопки при наведении курсора мыши меняют цвет.

7 примеров использования прозрачных кнопок CTA на сайте

 

deneenpottery.com

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

7 примеров использования прозрачных кнопок CTA на сайте

 

geox.com

Всемирно известный бренд обуви geox, сам сайт представляет собой видеоролик, в котором показаны погодные условия, в которых можно и нужно использовать обувь бренда. Прозрачные кнопки (даже скорее иконки) очень интересное и смелое решение.

7 примеров использования прозрачных кнопок CTA на сайте

 

overclothing.com

Оver – молодежный бренд (одежда и аксессуары), сам сайт выполнен в минималистическом стиле, при наведении на продукт, изображение становится монохромным и появляется прозрачная кнопка с призывам к действию, смотрится потрясающе. Это действительно очень стильно и свежо.

7 примеров использования прозрачных кнопок CTA на сайте

 

И в заключение хочется сказать, не бойтесь экспериментировать. Не бойтесь выделяться из толпы. Тем более, что тесты показывают, что прозрачные кнопки CTA – увеличивают конверсию сайта.

Комментарии

  • Anvirta says:

    25/01/2016

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

  • Оставить комментарий

    Ваш e-mail не будет опубликован. Обязательные поля помечены *