Як правильно застосувати прозорі кнопки у дизайні e-commerce: Ikea, Geox та інші

Прозорі кнопки на e-commerce сайтах є, зазвичай, CTA-кнопками. Але чи знаєте ви, що їх функція полягає скоріше в ненав’язливому залученні уваги?

Вони прозорі, але дуже тонко окреслені, і просто створені для тих, хто не бажає захаращувати сайт зайвими елементами. Зараз вони також є однією з найбільш популярних тенденцій в дизайні. Давайте розглянемо перші 6 сайтів, які успішно використовують такі кнопки 😉

Частина 1

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

TBS
Сайт TBS пропонує відвідувачам «зайти» в магазин, а не просто «купити».

Over
Тут прозора кнопка розташована в самому низу сторінки, спрощуючи і без того лаконічний дизайн сайту. Незважаючи на те, що в оформленні переважає білий колір, кнопку добре видно.

Ikea
У відеоролику від компанії Ikea прозора кнопка розташована внизу сторінки, і абсолютно ненав’язливо переконує всіх відвідувачів натиснути на неї – аби дізнатися інформацію про товари.

Geox
Компанія Geox не пасе задніх зі своїм інтерактивним відео, тому її варіант теж подібний до Ikea – кнопка веде на сторінку товарів.

Vaughan
Незважаючи на те, що головна сторінка сайту Vaughan досить яскрава і на ній розташовано безліч цікавих елементів, кнопку «вивчити», відвідувач помітить саме тоді, коли потрібно. І ні миттю пізніше.

_____

Продовження нашої корисної підібірки про дизайн прозорих кнопок на e-commerce сайтах – у рубриці Лонгріди

Залишити відповідь