Fashion E-commerce / Website

Draugur

Полноценный сайт магазина одежды Draugur: главная страница, каталог, карточки товара, wishlist, корзина, size guide, checkout и брендовые разделы в единой темной эстетике.

E-commerce websiteUser flowFashion UI

Проблема

Для fashion-бренда недостаточно просто показать одежду. Пользователь должен быстро понять атмосферу бренда, найти нужный товар, изучить детали, проверить размер, добавить вещь в wishlist или корзину и дойти до покупки без потери контекста.

Решение

Для Draugur был собран полноценный mobile-first e-commerce flow: главная страница с коллекцией, каталог товаров, детальные страницы вещей, size guide, wishlist, корзина с товарами и пустыми состояниями, меню, раздел About, Drops и checkout.

Ключевые экраны

Ключевые экраны включают home page, shop, product detail для четырех вещей, size guide для каждого товара, wishlist, empty wishlist, cart, empty cart, checkout, menu, drops и about page. В макете также прописан пользовательский путь от знакомства с брендом до покупки.

Результат

Получился цельный UX/UI-кейс интернет-магазина: проект показывает не только визуальную айдентику бренда, но и продуктовую логику, состояния интерфейса, e-commerce сценарии, работу с карточками товара и завершенный user flow.

Figma

Открыть Draugur в Figma

View in Figma
Next ProjectFlowDesk