Minor UI updates to point users towards alternative wallets

[charleslavon]

Goals

Improve the discoverability of alternative wallets

1. Decrease the vertical height of the A new era for new wallets.. section such that a user does not have to scroll to see part of the following section Decentralization means strength in numbers.

2. Under wallet.near.org has been discontinued. Explore a range of user-friendly wallets designed to meet your needs. Replace the Learn More button with a Discover Wallet button that is an anchor link to the section Find the right wallet for you.

[diogoortega]

Thank you for the great suggestions, @charleslavon. Assigning to @nall-near for his thoughts.

[nall-near]

Hey @charleslavon! I'll start with some context: Original Ticket Figma Link

This page has two states and serves two main purposes. There is a version to 1) transfer connected accounts if a user is still connected to wallet.near, and 2) a version when no accounts are connected, focused on discoverability vs transferring. It also serves to 1) inform users of the change + reason for the change to wallet.near (some users might come back after a long time) and 2) help users find a new wallet to manage their accounts.

Feedback on your requests: Header: I chose this template based on some other pages floating around near.org, do you have a different one we could use that makes the rest of the page more visible, or should we just customize this one? I'm cool with updating this however you want, just strive for consistency :)

CTA to Discover Wallets: Great suggestion, had that in an earlier version actually. I'd like to keep learn more since the main header copy is about the transition, but I'll add a primary CTA to scroll to the wallets section.

[nall-near]

Working on your changes here in this Figma file branch. CC: @hcho112

[nall-near]

Additional thoughts:

• Should we direct users to ALL the wallets listed here? The wallets on this page reflect what is transfer-capable.
• The compare wallets button takes users to a spreadsheet with an exhaustive list of features, maybe one day we could embed this content directly on our site (some old ideas here)
• At a certain point, we should update this page even further away from "where is NEAR wallet?" content.

[charleslavon]

@nall-near https://near.org/ecosystem is an example of a header image that is slightly smaller vertically, revealing a different style of content below without requiring a scroll.

[charleslavon]

• listed here

I like that suggestion, perhaps we include a link to All Ecosystem Wallets someone on our wallet.near.org page.

[jackson-harris-iii]

@charleslavon I think this ticket it closed after speaking w/ @calebjacob, reviewing the figma and wallet.near.org

This pr 3128 seems to have handled the work

[charleslavon]

hey @jackson-harris-iii there is still design work to be implemented here.

1. For users with no existing wallet connection, when visiting wallet.near.org the Explore Wallets button should scrolls down to the Find the right wallet for you. section
2. The height on the initial view of wallet.near.org should be decreased such that it is similar to https://near.org/ecosystem which makes visible a portion of distinct color of the content below the header without requiring the user to scroll.

[jackson-harris-iii]

Closed by: https://github.com/near/near-wallet/pull/3136