12 примеров применения прозрачных кнопок в дизайне e-commerce сайтов

Россия+7 (495) 960-65-87
Шрифт:
0 12339

Несмотря на то, что, по сути, прозрачные кнопки являются CTA-кнопками, их функция состоит скорее в ненавязчивом привлечении внимания. Они прозрачны, но очень тонко очерчены, и они просто созданы для тех, кто не желает загромождать сайт лишними элементами. Сейчас они также являются одной из популярных тенденций в дизайне. Давайте рассмотрим 12 сайтов, которые успешно используют такие кнопки:

1. Deneen Pottery

Дизайн сайта Deneen Pottery, занимающегося продажей кружек, предполагает, что кнопка «купить» чуть менее ярко выражена, чем расположенная рядом с ней. Две яркие кнопки и впрямь смотрелись бы чересчур громоздко.

1.jpg

2. TBS

Сайт TBS предлагает посетителям «зайти» в магазин, а не просто «купить».

2.jpg

3. Over

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

3.jpg

4. Ikea

В видеоролике от компании Ikea прозрачная кнопка расположена внизу страницы и абсолютно ненавязчиво убеждает всех посетителей нажать на нее, чтобы узнать информацию о товарах.

4.jpg

5. Geox

Компания Geox не отстает от Ikea со своим интерактивным видео. Кнопка здесь ведет на страницу товаров.

5.jpg

6. Vaughan

Несмотря на то, что главная страница сайта Vaughan довольно яркая и на ней расположено множество интересных элементов, кнопку «изучить» посетитель заметит именно тогда, когда нужно. И ни мгновением позже.

6.jpg

7. Vizio

Никогда нельзя недооценивать дубовый пол. Смотрите сами.

7.jpg

8. O’Neill

У магазина O’Neil нет проблем с цветом в оформлении. Именно поэтому любые другие кнопки тут просто были бы неуместны.

8.jpg

9. Lush

Сочный дизайн магазина косметики Lush не нуждается ни в каких дополнениях.

9.jpg

10. The Prince Ink Company

Видимо, вторая линия вокруг кнопки была добавлена для большей убедительности, в которой, в общем, нет нужды.

10.jpg

11. Breezy Excursion

Кнопка хорошо вписалась в дизайн сайта одежды Breezy Excursion, хотя повтор слова «now» совсем не обязателен.

11.jpg

12. Tic Watches

Иногда прозрачные кнопки вовсе необязательно ограничивать рамками. Достаточно просто поработать с текстурами.

12.jpg


Читайте нас в Telegram - digital_bar

Есть о чем рассказать? Тогда присылайте свои материалы Даше Калинской


Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Отправить отзыв
    ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
    Кейс: как продвинуть сайт производителя мебели на заказ в Москве
    Александр
    1
    комментарий
    0
    читателей
    Полный профиль
    Александр - Судя по иллюстрациям к статье, не понятно, чем отличаются блоки «категории» и «товары».
    Рейтинг «Известность бренда SEO-компаний 2017»: народное голосование
    Гость
    1
    комментарий
    0
    читателей
    Полный профиль
    Гость - 1) Ingate 2) Ашманов 3) Кокос 4) Russian Promo 5) Netpeak
    «Баден-Баден»: как выйти из-под фильтра
    Александр Кравцов
    1
    комментарий
    0
    читателей
    Полный профиль
    Александр Кравцов - Всем привет Вот ещё пациент www.gdebar.ru Под фильтром с 20 декабря, прошёл месяц, сегодня обновилось, что можете нажать сново проверить сайт и ждать 59 дней.Может кто сталкивался и сможет как то подсказать? Аудитом например или ещё как то проверить, что стоит подправить,скайп мой icejhell. Готов так же к совместному общению по решению проблемы. Всем успехов )
    Второе дыхание ссылочного продвижения
    Автопилот
    15
    комментариев
    0
    читателей
    Полный профиль
    Автопилот - Еще лучше, когда продвижение осуществляется комплексно :)
    Западные специалисты выяснили, как повысить позиции ресурса в выдаче Google
    Максим Мирошник
    2
    комментария
    0
    читателей
    Полный профиль
    Максим Мирошник -
    «Прямая линия» с Александром Алаевым («АлаичЪ и Ко»): отвечаем на вопросы
    Александр Алаев
    13
    комментариев
    0
    читателей
    Полный профиль
    Александр Алаев - Роман. Тут ответ очень простой. Каждый запрос можно четко разделить на коммерческий или некоммерческий. "Купить слона" и его длинные хвосты - коммерческий. "Как выбрать слона" и подобные - информационные. Вот под коммерческие ключи должны быть страницы услуг или каталога товаров. А под информационку - блог. Очень важно не путать их, тем более несоответствующая коммерческим факторам страниц просто не продвинется, то есть по запросу с "купить" блог никогда не будет показываться в выдаче, так же как и страница услуги/товаров не покажется по "как выбрать". Понятно примерно?
    Кейс: продвигаем бизнес по продаже пластиковых окон в Москве
    Иван Стороженко
    14
    комментариев
    0
    читателей
    Полный профиль
    Иван Стороженко - 1. По началу вообще не использовали, сейчас уже много каналов используется. 2. Все может быть, в принципе сайты должны быть удобны для пользователя, для этого и нужна схожесть между собой. Честно говоря старались брать все самое интересное у конкурентов + подкреплять своими идеями.
    Контекст под SEO. Как поисковая реклама помогает позициям в органической выдаче
    Кирилл Щербаков
    1
    комментарий
    0
    читателей
    Полный профиль
    Кирилл Щербаков - чет я не понял, за 3 года ничего с сайтами не делалось что ли? Типо он в статике висел и лился контекст?
    «Прямая линия» с Артуром Латыповым: отвечаем на вопросы
    God Koss
    1
    комментарий
    0
    читателей
    Полный профиль
    God Koss - Добрый день! Есть сайты одной компании продвигающиеся в разных странах. .ru .com .net. На российском сайте два языка ru и en, на остальных до 10 языков. Недавно сайт ru по основному брендовому запросу выпал из выдачи Яндекс но после апа вернулся на вторую позицию. На вопрос аффилирования в тех поддержку, получит ответ, что всё в порядке и сайт com не учавствует в выдаче. Но он есть и занимает 1 место. Как быть в данной ситуации? Так же, после возврата в топ 10 по этому запросу зашла еще одна внутренняя страница. Могло ли это случиться из-за каннибализации запроса? Немного изменил description на внутренней, исключил вхождения брендового запроса. Жду апа. Хотел бы услышать ваше мнение. Заранее благодарю!
    Как бесплатно публиковать гостевые посты без миралинкс и бирж ссылок
    Liliya
    1
    комментарий
    0
    читателей
    Полный профиль
    Liliya - Лично для меня черный гостевой постинг со всеми этими биржами ссылок (таких как www.miralinks.ru и sponsoredreviews.com... ) давно уже в прошлом. Белый постинг имеет на много больше преимуществ, перечислять их конечно же не буду... А вообще, хотела поблагодарить за Ваш онлайн-калькулятор, действительно ускорил мне работу, а еще он удобный и быстрый в использовании.
    ТОП КОММЕНТАТОРОВ
    Комментариев
    910
    Комментариев
    834
    Комментариев
    554
    Комментариев
    540
    Комментариев
    483
    Комментариев
    373
    Комментариев
    317
    Комментариев
    262
    Комментариев
    231
    Комментариев
    171
    Комментариев
    156
    Комментариев
    137
    Комментариев
    121
    Комментариев
    97
    Комментариев
    97
    Комментариев
    95
    Комментариев
    84
    Комментариев
    80
    Комментариев
    67
    Комментариев
    60
    Комментариев
    59
    Комментариев
    55
    Комментариев
    55
    Комментариев
    54
    Комментариев
    52

    Отправьте отзыв!
    Отправьте отзыв!