- Scope
- Web app redesign
- Role
- UX/UI designer
- Client
- Trezor
- Tools
- Figma
Overview
This design task was part of my cooperation with the UX team at SatoshiLabs, redesigning the supported coins page on trezor.io.
Problem and opportunity
Hardware wallets securely store the private keys for your crypto. Trezor supports thousands of coins and tokens, but there are key differences between coins, tokens, and the networks they run on.
Previously, this wasn't explained clearly on the supported coins page — users perceived all coins as "equal", resulting in frustration, a lack of understanding, misuse, and support tickets.
Previous state, new version
We went through several rounds of iteration, experimenting with different layouts and content, before settling on the final version.
What wasn't working
The page didn't make enough use of the knowledge base, the guide button led to the YouTube channel instead of anywhere more useful, there was no explanation of networks, and an infinite scroll made coins hard to search or compare. The goal of the new design was to educate users on coins and networks, and drive them toward search, coin detail pages, and knowledge base articles.
What changed
Improved copy in the subheadline and tooltips drives more traffic to knowledge base content, a banner mid-table catches attention with copy emphasizing "learning," the video now plays in a modal and starts automatically so users stay on the page, the table shows 50 rows instead of an infinite scroll to encourage searching, and a new banner below the table emphasizes the importance of networks, linking to another knowledge base article.
Takeaways
This was a fun task to put my support knowledge to use. The goal now is to monitor the website's performance and its impact on ticket numbers related to this topic.