AvanMarket – UI/UX Redesign

AvanMarket – UI/UX Redesign — Изображение №1 — Интерфейсы на Dprofile




CONTEXT


Avan Market is an e-commerce platform for buying and selling in-game skins for CS2, Dota 2, and Rust. Users come to the platform with different goals: to quickly sell their inventory, find выгодные предложения, or safely purchase rare items.


Despite the platform’s demand, the current interface creates friction in key user scenarios: navigation feels overloaded, and search and filtering lack clarity and transparency.




AvanMarket – UI/UX Redesign — Изображение №2 — Интерфейсы на Dprofile
AvanMarket – UI/UX Redesign — Изображение №3 — Интерфейсы на Dprofile
AvanMarket – UI/UX Redesign — Изображение №4 — Интерфейсы на Dprofile
AvanMarket – UI/UX Redesign — Изображение №5 — Интерфейсы на Dprofile





PRINCIPLES


— Clear and Predictable Navigation

We restructured the platform to ensure users always understand where they are and how to achieve their goals with minimal effort.


— Expressive Yet Balanced Visual Style

We used accent colors and dynamic typography to guide user attention, while maintaining clean and well-structured layouts.


— Consistency and Clarity

We built a cohesive design system that makes the interface predictable and easy to use for both new and experienced users.




AvanMarket – UI/UX Redesign — Изображение №6 — Интерфейсы на Dprofile
AvanMarket – UI/UX Redesign — Изображение №7 — Интерфейсы на Dprofile
AvanMarket – UI/UX Redesign — Изображение №8 — Интерфейсы на Dprofile





FILTERING EXPERIENCE


To simplify recognition, we introduced visual cues — skin silhouettes and icons — directly into the filters. This helps users quickly identify different skin types without relying solely on text.


We also restructured the filtering layout:

— The left sidebar is now dedicated to high-level navigation, allowing users to browse major skin categories and types.

— The top section focuses on specific attributes such as price, rarity, and other item properties.




AvanMarket – UI/UX Redesign — Изображение №9 — Интерфейсы на Dprofile
AvanMarket – UI/UX Redesign — Изображение №10 — Интерфейсы на Dprofile




AvanMarket – UI/UX Redesign — Изображение №11 — Интерфейсы на Dprofile

Оценить

Добавить в коллекции...

От автора