YEAR:
June 2026
ROLE:
Creator, Designer & Developer
TYPE:
Personal
YEAR:
June 2026
ROLE:
Creator, Designer & Developer
TYPE:
B2B
Design for Web3
A five-lesson crash course on designing intuitive Web3 products, built after a real onboarding failure of my own.
A five-lesson crash course on designing intuitive Web3 products, built after a real onboarding failure of my own.
Design for Web3
A five-lesson crash course on designing intuitive Web3 products, built after a real onboarding failure of my own.
Design for Web3
YEAR:
June 2026
GRANITE VISIONS
ROLE:
Creator, Designer & Developer
TYPE:
B2B
A five-lesson crash course on designing intuitive Web3 products, built after a real onboarding failure of my own.
problem.
Wallet onboarding is where Web3 loses most of its users, industry data shows churn above 70% before someone completes a first transaction. While on sabbatical in Bolivia, I couldn't connect a crypto wallet to send USDT and convert it to bolivianos.
The many resources on designing in crypto were scattered around the web and I could not find a course on designing for web3. So I built one!
Wallet onboarding is where Web3 loses most of its users, industry data shows churn above 70% before someone completes a first transaction. While on sabbatical in Bolivia, I couldn't connect a crypto wallet to send USDT and convert it to bolivianos.
The many resources on designing in crypto were scattered around the web and I could not find a course on designing for web3. So I built one!
what i did.
Wrote and structured five lessons covering what Web3 is, blockchain mechanics, user archetypes, design patterns, and dark patterns
Designed and built the site on Replit but edited it manually using React and Tailwind
Built progress tracking, a glossary, and a case study section for each lesson
Ran a full mobile responsiveness pass across the codebase
Fact-checked every claim against live, verifiable sources
Wrote and structured five lessons covering what Web3 is, blockchain mechanics, user archetypes, design patterns, and dark patterns
Designed and built the site on Replit but edited it manually using React and Tailwind
Built progress tracking, a glossary, and a case study section for each lesson
Ran a full mobile responsiveness pass across the codebase
Fact-checked every claim against live, verifiable sources
demo.
stack.
Replit
Replit
React
React
Tailwind
Tailwind
Claude Code
Claude Code
gallery.
