Design and UX in web3

Are you new to designing with Ethereum? This is the right place for you. The Ethereum community has written resources to introduce you to web3 design and research basics. You'll learn about core concepts that may differ from other app designs you're familiar with.

Need a more basic understanding of web3 first? Check out Learn hub.

Start with user research

Effective design goes beyond creating visually appealing user interfaces. It involves gaining a deep understanding of the user's needs, objectives, and driving factors. Therefore, we highly recommend that all designers adopt a design process, such as the double diamond processopens in a new tab, to ensure that their work is deliberate and intentional.

• Web3 needs more UX Researchers and Designersopens in a new tab - An overview of current design maturity
• A simple guide to UX Research in web3opens in a new tab - Simple guide how to do research
• How to Approach UX Decisions in Web3opens in a new tab - A brief overview of quantitative and qualitative research and the differences between the two (video, 6 min)
• Being a ux researcher in web3opens in a new tab - A personal view on what it is like being a UX researcher in web3

Research studies in web3

This is a curated list of user research done in web3 that may help with design and product decisions or work as an inspiration to conduct own study.

Design for web3

• Web3 UX Design Handbookopens in a new tab - Practical guide to designing Web3 apps
• Web3 Design Principlesopens in a new tab - A framework of UX rules for blockchain based dapps
• Blockchain Design Principlesopens in a new tab - Lessons learned by the blockchain design team at IBM
• Neueux.comopens in a new tab - UI library of user flows with diverse filtering options
• Web3's Usability Crisis: What You NEED to Know!opens in a new tab - A panel discussion on pitfalls of developer focused project building (video, 34 min)

Getting Started

• Heuristics for Web3 - 7 heuristics for Web3 interface design
• DEX Design Best Practices - A guide to designing Decentralized Exchanges

Web3 Design Case Studies

• Deep Work Studioopens in a new tab
• Selling an NFT on OpenSeaopens in a new tab
• Wallet UX teardown how wallets need to changeopens in a new tab (video, 20 min)

Design Bounties

• Deworkopens in a new tab
• Buildbox hackathonsopens in a new tab
• ETHGlobal hackathonsopens in a new tab

Design DAOs and communities

Get involved in professional community-driven organizations or join design groups to discuss design and research related topics and trends with other members.

• Vectordao.comopens in a new tab
• Deepwork.studioopens in a new tab
• We3.coopens in a new tab
• Openux.xyzopens in a new tab

Design Systems and other design resources

• Optimism Designopens in a new tab (Figma)
• Ethereum.org Design systemopens in a new tab (Figma)
• Finity, a design system by Polygonopens in a new tab (Figma)
• Kleros Design Systemopens in a new tab (Figma)
• Safe Design Systemopens in a new tab (Figma)
• ENS Design systemopens in a new tab
• Mirror Design Systemopens in a new tab

Articles and projects listed on this page are not official endorsements, and are provided for informational purposes only. We add links to this page based on criteria in our listing policy. If you'd like us to add a project/article, edit this page on GitHubopens in a new tab.

Back to top ↑