UltraViolet
Інтернет-магазин
Онлайн-магазин жіночого фешн-бренду, спроєктований під екран, на якому його насправді відкривають
Спроєктував магазин жіночого одягу з нуля, почавши з того, як люди насправді роблять покупки
UltraViolet — український онлайн-магазин жіночого одягу. Сайту, який можна було би вдосконалити, не існувало — я почав з розбору конкурентів і вивчення того, що вже відомо про юзабіліті в цій категорії, і від цього намалював кожен екран.
Онлайн-магазин має одночасно робити дві речі: бути зручним і запам'ятовуватись. Один насичений фіолетовий колір, біле поле та одна повторювана фігура відповідають за друге. Усе інше в цьому кейсі — про перше.
Сховав увесь каталог за одним шаром і зробив так, щоб пошук відповідав товарами, а не сторінками
Навігація відкривається як повноекранний шар, а не спадне меню: сукні, піджаки, топи, сорочки, колекції та новинки — усе видно одразу, замість того щоб розгортати підменю одне за одним.
Пошук відповідає кількістю і сіткою товарів — 326 позицій, з цінами і готові до фільтрації. Тому, хто вже знає, що шукає, не варто продиратися до цього через перегляд каталогу.
Створив калькулятор розмірів, щоб сумнів вирішувався до замовлення, а не після повернення
Розмір — найдорожча невизначеність в fashion e-commerce: покупець, який сумнівається, замовляє або два розміри, або жодного. Калькулятор питає чотири виміри й одразу дає відповідь — один розмір, на сторінці товару, ще до того, як щось потрапить у кошик.
Картка товару на десктопі працює за тим самим правилом — усе на одному екрані. Фото по центру, деталі зліва, ціна та кнопка «купити» справа, тож не доводиться прокручувати назад. Далі йдуть фільтри: розмір, колір і ціна — саме там, де ухвалюється рішення.
Наблизив магазин до великого пальця й зробив список бажань тим, що можна надіслати
Навігація на телефоні розташована внизу екрана, а не вгорі: каталог, кошик і меню — там, де вже й так знаходиться великий палець. Кошик і акаунт перебудував за тим самим принципом — одна рука, без потреби тягнутися через увесь екран.
Список бажань або повний кошик можна надіслати комусь іншому, щоб оплатив. Це перетворює покупку на жест, а не транзакцію, і дає магазину другого покупця, до якого не довелося докладати зусиль.
Дав бренду окрему сторінку й розмістив підтримку там, куди йде новий покупець
Молодий одяговий бренд купують спершу на довірі, а вже потім — на продукті. Сторінка «про нас» несе саме це: хто така UltraViolet, що вона робить і яким тоном про це говорить — окремо від каталогу, а не втиснуто у футер.
Підтримка відповідає ще до того, як питання поставлено. Реєстрація, доставка, повернення та програма лояльності подані як питання з відповідями, а форма зв’язку розташована на тому самому екрані — для всього, що список не охопив.
Інші роботи
Перетягуйте роботи вбік або використовуйте стрілки вліво та вправо. Під час фокуса автоматичний рух зупиняється.
