walletbeat icon indicating copy to clipboard operation
walletbeat copied to clipboard

Per-wallet page: Wallet scorecard as page header

Open polymutex opened this issue 11 months ago • 0 comments

The per-wallet page has the wallet title and icon at the top, along with a platform selector. This is good but not good enough. Ideally we should have some kind of screenshot-friendly scorecard view, similar to what L2Beat does at the top of per-L2 pages:

Image

It also resizes nicely to more of a tabular format at smaller widths, while keeping all the information within the fold which is important for screenshotability:

Image

It would be nice to have the same kind of thing for Walletbeat.

Things it should be able display (maybe there's more?):

  • Wallet title and icon
  • Platforms supported (should act as a page-wide platform selector, as it already does now)
  • Links to wallet website, repository, license, socials, whitepaper, etc
  • Links to download (for each supported platform), along with some stats where known (such as number of users for Chrome extensions, or number of downloads for mobile apps). Walletbeat is a static website obviously, so these can just be hardcoded round numbers. We can figure out how to regularly update them later.
  • Development team info, links to company and to Crunchbase and such.
  • Pie chart ratings for each attribute group
  • Overall letter grade
  • Short description blurb
  • Maybe leave some room for badges the same way L2Beat does; we haven't defined what badges would mean for Walletbeat but they could work well too (badges like "Certified Open Source", "Account Abstraction", "Private by default", etc.)

This is already a lot of info to pack in a dense space, so it should be quite the UX challenge. Not all of these pieces of information currently exist in the wallet schema; if they don't exist by the time someone tackles this, use placeholder data as a substitute.

As a bonus, while L2Beat doesn't do this, I think it would be cool if it shrunk itself to a header size (hiding some of the info as it shrinks), and then remained sticky at the top of the page as the user scrolls.

polymutex avatar Jan 24 '25 22:01 polymutex