Duration: Sep 2023 - Jul 2025 | Role: Product design lead/Design manager
At Scroll, besides building a design team from ground up, I am proud of two initiatives. One is the design of Scroll Canvas, a platform for users to build on-chain identities through attestations—driving the highest transaction volume and user growth from a single app in the ecosystem.
Brand neutral through a minimal dark mode
To highlight each project's badge art and avoid inserting another brand layer between the user and the project, I removed Scroll’s light mode and signature graphics, opting instead for a minimal dark mode style.Personal through unique heartbeat
To create a more personal experience, I placed user-centric content at the center of the Canvas. However, displaying just a username felt too empty. I ruled out using profile pictures—they felt generic and uninspired. Instead, I introduced a dynamic heartbeat. Its speed reflects the user’s activity on the Scroll chain over the past seven days. As the heartbeat quickens, its color becomes more vibrant, adding energy to the Canvas. Each user’s heartbeat is also visually unique—generated using a randomized Fourier Series equation that mathematically encodes Scroll’s DNA into the design.Simple through straigtforward layout
Because badges are permissionless, each project is free to display them however they choose. Canvas is meant to serve as a simple reference—not a rigid standard. For layouts with 12 badges or fewer, I designed a clockwise grid that scales dynamically up to 48 tiles. This limit ensures the smallest badge size still meets mobile tap target guidelines, providing a smooth and accessible interaction across devices. The goal is to keep things intuitive and seamless, no matter how many badges a user has or what screen they're using.Users are unsure what to do with Canvas. In the initial version of the experience, after minting Canvas, users were dropped into a blank space with only basic tooltips for guidance. To address this lack of clarity, I added step-by-step onboarding and encouraged users to learn by minting their first badge upfront.
No incentives to invite friends.
In the user testing, event though user said they liked the idea of Canvas, they mentioned they don't have a lot drive it share it with friends if we only enables a simple invite code. To create mutual value, we introduced a small 0.001 ETH mining fee. On one hand, it helps deter spam; on the other, it serves as a lightweight growth hack—rewarding both the inviter and invitee with onchain benefits. The program gained momentum rapidly, with growth spreading like wildfire. Our top inviter has brought over 7,000 new users into Canvas and Scroll got free marketing on social media.