Skip to main content

Krakatoa

Designed a web3 gaming marketplace on Ethereum — featuring crypto payments via Metamask and AI-generated art using Midjourney.

RoleProduct Designer
Year2022
ClientKrakatoa
Krakatoa desktop interface
Krakatoa mobile interface
Damir is a game-changer. He drove major product decisions, and his suggestions all paid off. I was happy with designers in the past — but after working with Damir once, my view of what a great designer was completely changed.
Robert C.
Robert C.
Founder at Krakatoa

The Marketplace

Krakatoa is a web3 marketplace where CS:GO players trade weapon skins and artwork using cryptocurrency on the Ethereum blockchain. I designed the complete eCommerce experience — from browsing and search through to checkout via Metamask. The design was built on a customised Frames X UI library and designed across 5 responsive breakpoints.

Apple.com-inspired mega menu — full product taxonomy at a glanceApple.com-inspired mega menu — full product taxonomy at a glance
Faceted search with game-specific attributes like float value and paint seedFaceted search with game-specific attributes like float value and paint seed
Immersive full-viewport gallery for inspecting skinsImmersive full-viewport gallery for inspecting skins
Web3 cart — subtotal, gas fee breakdown, and Metamask checkoutWeb3 cart — subtotal, gas fee breakdown, and Metamask checkout
Open Graph metadata designed for every pageOpen Graph metadata designed for every page

Buyer & Seller Dashboard

Unlike typical eCommerce, Krakatoa lets users bid and make offers to each other, and purchased skins need to transfer between Krakatoa and Steam. I designed the full account dashboard covering purchases, transfers, bids, offers, and account settings, with thorough handoff documentation reducing back-and-forth with the development team.

Buyer dashboard — purchases and transfersBuyer dashboard — purchases and transfers
Seller dashboard — bids and offersSeller dashboard — bids and offers
Detailed handoff notes for every interactionDetailed handoff notes for every interaction
Responsive design across 5 breakpointsResponsive design across 5 breakpoints
ASCII art 404 error page
404 page — error handling and user guidance
ASCII art 503 error page
503 error page — error handling and user guidance

AI-Generated Art

I used Midjourney to create background art matched to each weapon skin — the first time I delivered a machine learning prompt as a design deliverable.

Midjourney-generated art matched to each weapon skin

Outcome

Krakatoa shipped in two months and launched at krakatoa.gg. The project demonstrated that web3 eCommerce doesn't have to feel alien — familiar patterns like mega menus, faceted search, and conversion-optimised carts work just as well with crypto payments.

Next project
Oracy

Ready to work together?