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

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

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

Несмотря на то, что, по сути, прозрачные кнопки являются 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
Пишем биддер для Google AdWords из 10 строчек
Anton Stremovskyy
2
комментария
0
читателей
Полный профиль
Anton Stremovskyy - // Позиция рекламного объявления которую пытаемся занять. var TARGET_AVERAGE_POSITION = 3; // Когда позиция обьявления будет между TOLERANCE и TARGET_AVERAGE_POSITION, // Ее ставка не будет изменена. var TOLERANCE = 0.1; // Значение для корректировки ставки (1.05 = 5%). var BID_ADJUSTMENT_COEFFICIENT = 1.05; function main() { raiseKeywordBids(); lowerKeywordBids(); } function raiseKeywordBids() { // Условие для увеличения ставки: Средняя позиция больше (хуже) чем // TARGET_AVERAGE_POSITION + TOLERANCE var keywordsToRaise = AdWordsApp.keywords() .withCondition("Status = ENABLED") .withCondition("AveragePosition > " + (TARGET_AVERAGE_POSITION + TOLERANCE)) .orderBy("AveragePosition ASC") .forDateRange("LAST_7_DAYS") .get(); while (keywordsToRaise.hasNext()) { var keyword = keywordsToRaise.next(); keyword.setMaxCpc(keyword.getMaxCpc() * BID_ADJUSTMENT_COEFFICIENT); } } function lowerKeywordBids() { // Условия для снижения ставки: Ctr больше чем 1% и // средняя позици лучше (меньше) чем TARGET_AVERAGE_POSITION - TOLERANCE var keywordsToLower = AdWordsApp.keywords() .withCondition("Ctr > 0.01") .withCondition("AveragePosition < " + (TARGET_AVERAGE_POSITION - TOLERANCE)) .withCondition("Status = ENABLED") .orderBy("AveragePosition DESC") .forDateRange("LAST_7_DAYS") .get(); while (keywordsToLower.hasNext()) { var keyword = keywordsToLower.next(); keyword.setMaxCpc(keyword.getMaxCpc() / BID_ADJUSTMENT_COEFFICIENT); } }
Тест: проверь свои знания по SEO
Гость - Ну вот и плохо что в каноникалах ты не сечешь, тестировщик. Ни пользоваться ими не умеешь ни назначения не знаешь. За то кого-то там "тестируешь".
Золотое правило 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:
Кейс: +1500000 трафика для игрового портала
Гость - Вопрос - какова ориентировочная стоимость заказа на проведение работ по оптимизации игрового сайта в объеме всего вышеприведенного?
Кому бесплатный билет на базовый курс Excel от Макса Уварова?
Maxim Uvarov
10
комментариев
0
читателей
Полный профиль
Maxim Uvarov - Дайте какой-нибудь контакт в социальных сетях, где видно ваше имя?
Верните мой 2007, или Как SEO-специалисты возрождают традиции продвижения из нулевых
Гостьc - Нужно анализировать акцептора, если он имеет позиции в поисковой системе, значит метод работает
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
373
Комментариев
285
Комментариев
262
Комментариев
172
Комментариев
171
Комментариев
137
Комментариев
132
Комментариев
123
Комментариев
97
Комментариев
97
Комментариев
92
Комментариев
80
Комментариев
68
Комментариев
67
Комментариев
60
Комментариев
55
Комментариев
52
Комментариев
45
Комментариев
44
Комментариев
44

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