27Июл

7 примеров использования прозрачных кнопок CTA на сайте - Создание сайтов, реклама в интернете, SEO-аудит сайта
Прозрачные кнопки, по своей сути являются ничем иным, как кнопками для призыва к действию (CTA). Но в тот же момент, они лишены привычного яркого и акцентированного дизайна. Прозрачные кнопки – это новое веяние в веб дизайне, они имеют два варианта исполнения: в рамке и без рамки.
Мы сегодня покажем вам 7 примеров удачного использования прозрачных кнопок на сайте.
Интернет магазин органической косметики lush – очень интересная структура сайта. Прозрачные кнопки находятся на привлекающих внимание посетителей картинках с призывом к действию «узнать больше о товаре», при наведении курсора мыши на кнопку – она меняет цвет.
Vaughan - интернет магазин для мужчин, которые носят бороды. Главная страница сайта выполнена в виде двух слайдеров (каруселей), слева горизонтальный, справа вертикальный. Прозрачные кнопки как нельзя, кстати, в таком дизайне, они находятся прямо на слайдере, имеют рамку с текстом, при наведении курсора. Цвет рамки меняется.
Ticwatches – интернет магазин наручных часов. Главная страница открывается в виде большого слайдера с предложениями. Прозрачные кнопки не имеют рамок – выглядит очень свежо и необычно.
TBS – интернет магазин стильной обуви для мужчин и женщин. Главная страница в виде слайдера, под которым три категории с интересным оформлением. Прозрачные кнопки при наведении курсора мыши меняют цвет.
На главной сайта по производству и продаже кружек deneenpottery, расположено две кнопки с призывам к действию, одна полноцветная, другая прозрачное, очень необычное решение.
Всемирно известный бренд обуви geox, сам сайт представляет собой видеоролик, в котором показаны погодные условия, в которых можно и нужно использовать обувь бренда. Прозрачные кнопки (даже скорее иконки) очень интересное и смелое решение.
Оver – молодежный бренд (одежда и аксессуары), сам сайт выполнен в минималистическом стиле, при наведении на продукт, изображение становится монохромным и появляется прозрачная кнопка с призывам к действию, смотрится потрясающе. Это действительно очень стильно и свежо.
И в заключение хочется сказать, не бойтесь экспериментировать. Не бойтесь выделяться из толпы. Тем более, что тесты показывают, что прозрачные кнопки CTA – увеличивают конверсию сайта.
Комментарии
25/01/2016
Если двигаться к отсутствию дизайна, то контурные квадратики в два раза резче просто квадратиков. Ибо это прозрачный квадратик в непрозрачном квадратике. В два раза больше контрастных граней. Если кнопка должна резануть по глазам — самое то. А в целом просто мода.