Издание о поисковом маркетинге
и заработке в Интернете
Войти как пользователь
Вы можете войти на сайт, если вы зарегистрированы на одном из этих сервисов:

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

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

Несмотря на то, что, по сути, прозрачные кнопки являются 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


internet-dlya-biznesa
Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Поделиться 
Поделиться дискуссией:
Отправить отзыв
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
Конкурс: угадайте пятерку лидеров рейтинга «Известность бренда SEO-компаний 2015»
Жанна Рожкова
128
комментариев
0
читателей
Полный профиль
Жанна Рожкова - итоги подведены, всем спасибо :)
Тест: проверь свои знания по SEO
Гость - Тест построен по принципу совпало/не совпало с отдельно взятым мнением. Страницы под каноникал либо индексируются, либо не выпадают из индекса после его установки - так или иначе они там есть. Что касается поддоменов и регионов, оочень не однозначный вариант.
Пишем биддер для Google AdWords из 10 строчек
Николай - Здравствуйте, применил данный скрипт к компании, при выполнении в сводке указанно "завершено без изменений" Это значит где то ошибка? или нужно подождать какой-то период времени?
Выиграйте бесплатный билет на обучение по SEO
Айдар Хайруллин
1
комментарий
0
читателей
Полный профиль
Айдар Хайруллин - Хочу пройти курс чтобы еще раз убедится в Вашем профессионализме и понять как продвигать бизнес при помощи SEO, так как тут самый дешевый клиент))
Подведены итоги рейтинга «Известность бренда SEO-компаний 2015»
Гость - Не рвись так Хуянг. Иди лучше сайтецы продвигай, а то никитос премии лишит.
Золотое правило SEO: хватит технарствовать – пора фигачить!
Рустем Фахрутдинов
14
комментариев
0
читателей
Полный профиль
Рустем Фахрутдинов - На самом деле, мы сделали почти всё :) А в статье - пример того, как это удалось чуть позже автоматизировать.
Ссылки все еще работают?
Roman Popov
41
комментарий
0
читателей
Полный профиль
Roman Popov - Но это ведь совсем другая история! =)) По коммерческим запросам такими вещами заниматься не следует. По информационным - можно, вероятность схватить по голове тут довольно маленькая даже при злоупотреблениях.
100 полезных ресурсов, без которых не обойтись начинающему SEO-специалисту
Игорь Ходырев
1
комментарий
0
читателей
Полный профиль
Игорь Ходырев - От души. Действительно самые полезные ресурсы. Использую 90% из перечисленного. Кокшаров и Шахов - лучшие!
Мастер-класс: как составить файл sitemap.xml
Айрат Рахимзянов
0
комментариев
0
читателей
Полный профиль
Айрат Рахимзянов - Здравствуйте Максим. Возможно, вам будет интересна новая статья: www.seonews.ru/analytics/metody-bystroy-indeksatsii-sayta/
Энциклопедия интернет-маркетинга: составляем корректный robots.txt своими руками
Kirill Terentiev
10
комментариев
0
читателей
Полный профиль
Kirill Terentiev - "Недокументированные" возможности robots.txt Можно разместить вакансию, например. # Приглашаем на работу SEO-специалистов: оптимизаторов, аккаунт-менеджеров hh.ru/employer/18738 User-agent: * Disallow:
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
373
Комментариев
285
Комментариев
262
Комментариев
171
Комментариев
154
Комментариев
137
Комментариев
128
Комментариев
123
Комментариев
97
Комментариев
97
Комментариев
91
Комментариев
80
Комментариев
68
Комментариев
67
Комментариев
60
Комментариев
55
Комментариев
52
Комментариев
45
Комментариев
44
Комментариев
44

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