Epic: Find Wallet page revamp

[corwintines]

Epic Description

Context: Epic from Q2 Roadmap #6161

/wallets/find-wallet page gets roughly 5.5% of site views, which is a large amount of traffic. Finding a wallet is an integral piece to onboarding into Ethereum.

Looking at the analytics we currently drop off to about 50% of users after a few rows in the section listing wallets. This section is randomized, meaning where users may be stopping their journey could be on a suboptimal wallet depending on their use case. There are also extra actions needed for the user to see features for that wallet, which would be better if we could get that information upfront.

This quarter we will work on rebuilding the /wallets/find-wallet page, and improving the experience for users looking for wallets with specific features. We will build user profiles to help filter wallets down for users (while allowing them to still skip this altogether) to help find the best wallet for their particular use case, in addition to improving the user experience for using feature filters to filter down wallets. We will also improve the wallet product card to make information easier to find, and give a better experience when comparing wallets.

With these changes in features for wallets, we will be updating the listing policy that wallets fill out to be featured on ethereum.org. A number of new features for wallets have come out in the last 2 years, and our listing policy will be updated to reflect this.

Links

Some links to follow along with the design process
Figma: Will be shared at a later date

To do:

• Update wallet source of truth with updated feature information
• Update listing policy for wallets
• Create a new design for the find-wallets page
• Implement new design into ethereum.org codebase
• Release and gather feedback

Resources:

The ongoing design work for this epic will be done in this Figma file.
Feel free to comment

[ligi]

Would love to throw this issue in the ring: #2715 - maybe some ideas from there can be used in the revamp

[kuzdogan]

It would be nice to have a filter for transaction decoding + documentation.

In short it is possible to decode the function parameters by pulling the ABI. If the wallet uses Sourcify (i.e. contract metadata) it can both decode via ABI + show the function's NatSpec user documentation, instead of a hex string.

[konopkja]

user profiles can be opted in, but not opted out.

steps to reproduce:

1. when you load page no profile is selected, 2. you select a profile and list of wallets is filtered, 3. i want to reset the view and see all. 4. clicking on the selected profile does not deselect it and i cant see the full list again

[konopkja]

just a small thing, noticed paddings arent consistent on mouse over