Vertical
Web3 / DeFi / Crypto
Scope
Art Direction
▪
UX/UI Design
▪
Prototyping
Vertical
Web3 / DeFi / Crypto
Scope
Art Direction
▪
UX/UI Design
▪
Prototyping
The Vision
The Web3 anime economy is massive, vibrant, and entirely unapologetic. To bridge this passionate fandom, from waifu collectibles to a diverse broader market of digital assets, with the mechanics of high-stakes ETH trading, we designed a brutalist arcade. By leaning into a retro-modern, neon-drenched aesthetic, we created a highly tactile ecosystem that turns volatile NFT trading into a frictionless, high-velocity experience.
The Vision
The Web3 anime economy is massive, vibrant, and entirely unapologetic. To bridge this passionate fandom, from waifu collectibles to a diverse broader market of digital assets, with the mechanics of high-stakes ETH trading, we designed a brutalist arcade. By leaning into a retro-modern, neon-drenched aesthetic, we created a highly tactile ecosystem that turns volatile NFT trading into a frictionless, high-velocity experience.
The Vision
The Web3 anime economy is massive, vibrant, and entirely unapologetic. To bridge this passionate fandom, from waifu collectibles to a diverse broader market of digital assets, with the mechanics of high-stakes ETH trading, we designed a brutalist arcade. By leaning into a retro-modern, neon-drenched aesthetic, we created a highly tactile ecosystem that turns volatile NFT trading into a frictionless, high-velocity experience.
The Architecture
A clean, modular grid designed for total flexibility.
The Architecture
A clean, modular grid designed for total flexibility.
Every section of the landing page is completely dynamic, empowering administrators to easily restructure the homepage on the fly. Any module, from trending NFTs and new collections to wider promotional showcases, can be effortlessly moved to any position based on preference. This adaptable framework keeps the marketplace visually fresh and engaging. Complex data stays sharply legible, giving the vivid character artwork room to take center stage.
Every section of the landing page is completely dynamic, empowering administrators to easily restructure the homepage on the fly. Any module, from trending NFTs and new collections to wider promotional showcases, can be effortlessly moved to any position based on preference. This adaptable framework keeps the marketplace visually fresh and engaging. Complex data stays sharply legible, giving the vivid character artwork room to take center stage.
Every section of the landing page is completely dynamic, empowering administrators to easily restructure the homepage on the fly. Any module, from trending NFTs and new collections to wider promotional showcases, can be effortlessly moved to any position based on preference. This adaptable framework keeps the marketplace visually fresh and engaging. Complex data stays sharply legible, giving the vivid character artwork room to take center stage.
COLOR SYSTEM
A retro-modern aesthetic, blending nostalgic arcade energy with vivid, glowing gradients.
COLOR SYSTEM
A retro-modern aesthetic, blending nostalgic arcade energy with vivid, glowing gradients.
COLOR SYSTEM
A retro-modern aesthetic, blending nostalgic arcade energy with vivid, glowing gradients.
Corbeau Void - Eclipse Slate
#11141F - #0F0F1C
Tangaroa - Deep Terminal
#162B34 - #2E304D
Aether Cyan - Phantom Purple
#8E77F7 - #88EAFF
Clear Blue - Adamantine Blue
#287CF9 - #49A7FE
Acid Protocol - Thallium Flame
#ACFF01 - #59FF96
Synthetic Rose - Plasma Magenta
#FF297C- #FC0363
Vivid Violet - Ultraviolet
#9E00FF - #C059FF
Heat Wave - Reactor Gold
#FF7A00 - #FFB359
White
#FFFFFF
The interface is grounded in an atmospheric canvas, blending the deep blacks of Corbeau Void and Deep Terminal with the subtle, ambient glow of Aether Cyan and Phantom Purple. Against this dark foundation, crisp white typography ensures perfect clarity. Vibrant neon accents like Plasma Magenta, Reactor Gold, and Thallium Flame are reserved exclusively for system feedback. They highlight successful transactions, active bids, and critical alerts, providing clear visual cues without overpowering the core trading experience.
Corbeau Void - Eclipse Slate
#11141F - #0F0F1C
Tangaroa - Deep Terminal
#162B34 - #2E304D
Aether Cyan - Phantom Purple
#8E77F7 - #88EAFF
Clear Blue - Adamantine Blue
#287CF9 - #49A7FE
Acid Protocol - Thallium Flame
#ACFF01 - #59FF96
Synthetic Rose - Plasma Magenta
#FF297C- #FC0363
Vivid Violet - Ultraviolet
#9E00FF - #C059FF
Heat Wave - Reactor Gold
#FF7A00 - #FFB359
White
#FFFFFF
The interface is grounded in an atmospheric canvas, blending the deep blacks of Corbeau Void and Deep Terminal with the subtle, ambient glow of Aether Cyan and Phantom Purple. Against this dark foundation, crisp white typography ensures perfect clarity. Vibrant neon accents like Plasma Magenta, Reactor Gold, and Thallium Flame are reserved exclusively for system feedback. They highlight successful transactions, active bids, and critical alerts, providing clear visual cues without overpowering the core trading experience.
Corbeau Void - Eclipse Slate
#11141F - #0F0F1C
Tangaroa - Deep Terminal
#162B34 - #2E304D
Aether Cyan - Phantom Purple
#8E77F7 - #88EAFF
Clear Blue - Adamantine Blue
#287CF9 - #49A7FE
Acid Protocol - Thallium Flame
#ACFF01 - #59FF96
Synthetic Rose - Plasma Magenta
#FF297C- #FC0363
Vivid Violet - Ultraviolet
#9E00FF - #C059FF
Heat Wave - Reactor Gold
#FF7A00 - #FFB359
White
#FFFFFF
The interface is grounded in an atmospheric canvas, blending the deep blacks of Corbeau Void and Deep Terminal with the subtle, ambient glow of Aether Cyan and Phantom Purple. Against this dark foundation, crisp white typography ensures perfect clarity. Vibrant neon accents like Plasma Magenta, Reactor Gold, and Thallium Flame are reserved exclusively for system feedback. They highlight successful transactions, active bids, and critical alerts, providing clear visual cues without overpowering the core trading experience.
MICRO-INTERACTIONS
Every state change must feel fluid and deliberate.
MICRO-INTERACTIONS
Every state change must feel fluid and deliberate.
Micro-interactions were designed to feel effortless. Hovering over a marketplace card activates a subtly rotating, glowing gradient border that elegantly frames the asset. For core actions, we kept the logic deeply intuitive. The favorite icon rests as a minimal stroke, transitions to a solid white fill on hover, and snaps to pure red when selected. It is a seamless, familiar loop that provides instant visual reward.
Micro-interactions were designed to feel effortless. Hovering over a marketplace card activates a subtly rotating, glowing gradient border that elegantly frames the asset. For core actions, we kept the logic deeply intuitive. The favorite icon rests as a minimal stroke, transitions to a solid white fill on hover, and snaps to pure red when selected. It is a seamless, familiar loop that provides instant visual reward.
Micro-interactions were designed to feel effortless. Hovering over a marketplace card activates a subtly rotating, glowing gradient border that elegantly frames the asset. For core actions, we kept the logic deeply intuitive. The favorite icon rests as a minimal stroke, transitions to a solid white fill on hover, and snaps to pure red when selected. It is a seamless, familiar loop that provides instant visual reward.
System Scalability
Designing the Financial Engine
System Scalability
Designing the Financial Engine
System Scalability
Designing the Financial Engine
HOME / LISTING PAGE
HOME / LISTING PAGE
HOME / LISTING PAGE
Within the My NFTs view, the profile becomes a dedicated command center. Deep filtering and sorting mechanics give users complete control over their personal assets, while intuitive layout toggles let them shift seamlessly between Expanded Grid, Compact Grid, and Detail views.
Within the My NFTs view, the profile becomes a dedicated command center. Deep filtering and sorting mechanics give users complete control over their personal assets, while intuitive layout toggles let them shift seamlessly between Expanded Grid, Compact Grid, and Detail views.
Within the My NFTs view, the profile becomes a dedicated command center. Deep filtering and sorting mechanics give users complete control over their personal assets, while intuitive layout toggles let them shift seamlessly between Expanded Grid, Compact Grid, and Detail views.
In Web3, all assets remain publicly verifiable. The Hidden tab acts as a transparent quarantine zone, allowing viewers to explore unverified airdrops, early project distributions, or secondary assets that the creator intentionally excluded from their main curated gallery.
In Web3, all assets remain publicly verifiable. The Hidden tab acts as a transparent quarantine zone, allowing viewers to explore unverified airdrops, early project distributions, or secondary assets that the creator intentionally excluded from their main curated gallery.
