Product STRATEGY
DESIGN SYSTEM
UI DESIGN
Vtopia - A Web 3 Tech Hub
Vtopia is a Web3-powered NFT marketplace and tech hub built on Solana, where users can discover, collect, and trade extraordinary NFTs. I led the complete UI/UX overhaul of the platform to enhance clarity, navigation, and visual hierarchy ensuring scalability, developer-readiness, and user trust.
Role
UI/UX Designer
Collaborators
Solo
Year
2024
The Problem
The initial marketplace design had potential, but lacked visual hierarchy, clear navigation, and product focus causing friction for both new and advanced users.
Scattered Experience & Lack of Purposeful Flow
The user journey lacked structure from landing to action. There was no clear narrative or hierarchy guiding the user toward discovering collections, rewards, or making a purchase.
Ineffective Navigation & Entry Points
Core sections like Launchpad, NFT-Fi, or Multi-chain views were either buried or inaccessible, requiring unnecessary effort. Users didn’t know where to start or what to do next.
Unscalable Design Language
The interface lacked consistency in spacing, typography, component logic, and state handling. This made development slower and non-reusable across features like staking or multi-market browsing.
The earlier design lacked visual hierarchy, CTA focus, and a clear brand voice. In the new version, we introduced a defined hero section, consistent stats layout, structured top collections view, and an inviting CTA for exploration. This instantly reduced visual clutter and gave users an immediate sense of what the platform offered.
In the final version, we focused on depth and discoverability. A refined sidebar architecture, multi-market toggle, performance metrics, and category modules like ‘Entertainment’ or ‘Explore Vtopia’ were added enabling faster decision-making for experienced users and improved onboarding for new ones. Visual consistency, token-based layout, and optimized grid views made the experience highly scalable and delightful for the users.
The Outcome
Approach
The initial marketplace design had potential, but lacked visual hierarchy, clear navigation, and product focus causing friction for both new and advanced users.
Approach
The initial marketplace design had potential, but lacked visual hierarchy, clear navigation, and product focus causing friction for both new and advanced users.
Approach
The initial marketplace design had potential, but lacked visual hierarchy, clear navigation, and product focus causing friction for both new and advanced users.
Conclusion
The initial marketplace design had potential, but lacked visual hierarchy, clear navigation, and product focus causing friction for both new and advanced users.
