Читайте також: Сітки у веб-інтерфейсах
Mendo – амстердамська крамниця, яка транслює любов до книг. У компанії хотіли перенести атмосферу флагманського офлайн-магазину у вебсередовище. Характер сайту створено завдяки незвичайній для e-commerce сітці і фотографіям книг на підкладках різного кольору. Зверніть увагу на те, як «реагують» картки товару при наведенні на сторінці каталогу. Подивіться, як реалізована кнопка Buy на сторінці товару. Обов’язково знайдіть посилання How big is this. І це лише частина цікавих рішень, які відзначили цей магазин премією e-commerce Site of the Year ’17.
Як продати бактерицидний пластир? Онлайн-магазин компанії Welly був би зовсім не примітним, якби не приголомшлива візуалізація продукту. Це саме той випадок, коли хороший дизайн перетворює звичайний банальний предмет в об’єкт бажання. Правильна 3D-візуалізація дозволяє побачити продукт так, як ніколи не вийде наживо.
Замість того, щоб використовувати звичайні фільтри для пошуку потрібних гірськолижних окулярів, на Wedze Goggles нас зустрічає інтерактивний гайд. Хороший приклад того, як можна перенести досвід взаємодії з продавцем-консультантом з ритейлу на сторінки сайту. Ще одне цікаве рішення, що допомагає зробити правильний вибір – імітація катання в окулярах і без. Подивися секцію Discover the Goggle Vision на сторінці товару.
Як продавати людям, які самовиражаються через протест? Бути з ними на одній хвилі. Бренд молодіжної косметики Milk Makeup вибрав сміливий візуальний стиль, щоб відділитися від звичних інтернет-магазинів. Подивіться, як можна презентувати косметику на фоні сендвічів з молоком, олдскульних телефонів і шкільних зошитів.
Allterrain – це лінія спортивного одягу всього з 11 найменувань. На цьому сайті використано дуже цікаве рішення для навігації. Нескінченний горизонтальний скрол для вибору моделі і зум при наведенні курсору на назву товару. Виходить, на подив, зручна і проста взаємодія – можна й не переміщаючись по екрану і не клікаючи, переглянути всі моделі як в загальному вигляді, так і в наближенні.
Користувацький досвід для всіх і кожного особисто
Ліки від нудних дзвінків
Неоморфізм: український внесок у світовий UI-дизайн
Як ставити цілі та досягати їх
Шпаргалка: перевірте, чи не використовуєте ви російські шрифти у своїй роботі
Киньте 10 гривень: як закривати збори з невеликою аудиторією в соцмережах