// outcomes
Delivered a scalable design system for rapid and consistent product development.
Expanded the company’s Web3 portfolio and attracted a diverse user base.
Positioned the wallet as a leading solution for multi-network use cases, solidifying the company’s market reputation.
As our maiden Web3 project this unlocked a host of new opportunities for our company, eventually culminating in a full shift towards becoming a web3 company
// OVERVIEW
Background
The company was in the midst of expanding its offerings, aiming to create a more comprehensive suite of products. At the core of this expansion was a Chrome Extension Wallet, a product designed to complement their existing mobile solution. Notably, at the time, this wallet was the only true multi-network wallet available, making it a groundbreaking entry into the Web3 space.
This marked their first foray into Web3 development, requiring an approach that combined deep technical learning with strategic design thinking. The project’s dual goals were to:
Create a seamless and efficient wallet experience for crypto experts.
Introduce features and usability improvements to attract beginner users, expanding their user base.
Process
To tackle this ambitious project, we adopted a structured and iterative approach:
We began by thoroughly learning the Web3 landscape, gaining hands-on experience with blockchain mechanics, transaction flows, and wallet functionalities. This foundation enabled us to perform a competitor analysis, identifying market gaps and understanding user interactions with existing solutions.
The core challenge—designing for network and ecosystem switching—required workflows intuitive enough for crypto experts yet accessible to beginners. Our inclusive design approach balanced advanced features with simplified user experiences to cater to a dual audience. The project was executed in two phases: designing the Chrome Extension Wallet as a user-friendly, lightweight solution, and subsequently expanding into additional product suites based on learnings from Phase 1.
// whats next
