Bounty for UX mockups

[0xkkonrad]

Context

We have an SDK that is particularly useful to wallets. The idea is that wallets could benefit greatly from a claim link feature. This is for two reasons:

1. It is a nice feature for their end users. Claim links allow for sending tokens to someone via a telegram chat, whatsapp etc. without having to worry about their wallet address or ENS
2. It is a great onboarding feature. Imagine an imaginary Butter Wallet. Now their users can you generate claim links on https://cashew-wallet.com/claim?... which onboard new users onto the wallet (in case they have no wallet). This relies on our https://docs.peanut.to/integrations/domain-agnostic-links

We are therefore trying to convince wallets that it's a good idea to have a Peanut integration.

Objective

Mockups that demonstrate possible UIs for prospective wallet integrators.

Specs

Create mockups for a fictional wallet called Butter Wallet

Create the following screens:

Milestone 1

1. A button within the send screen that creates a claim link. This button should be an alternative to inputting the wallet address of the recipient.
   E.g. on Rabby this screen looks likes this and misses a generate claim button:

2. A success screen. This should include a toast or modal that clearly communicates that the link has been copied to clipboard and a field from which it can be copied. Show that the link starts with https://butter-wallet.com?claim...

Feel free to generate multiple versions for button placement, if it's unclear which options are best

Milestone 2

Link the two screens so that they can be interactively shown with mock functions.

Inspirations

Currently, links are used by Daimo.xyz and by Beam Wallet. Both of them have clean user flows that be an inspiration for these mockups.

[pall3n]

Is this the kind of thing you are looking for?

Also see the Figma. I have simply hooked up the couple of screens
https://www.figma.com/file/6WJfcsfNPOjb9ankCMBoL2/Peanut-mockup?type=design&node-id=0%3A1&mode=design&t=4y7KrsXuhMG7TXuV-1

https://www.figma.com/proto/6WJfcsfNPOjb9ankCMBoL2/Peanut-mockup?page-id=0%3A1&type=design&node-id=1-6&viewport=238%2C373%2C0.62&t=H2FdCxLucVXxHrF8-1&scaling=min-zoom&starting-point-node-id=1%3A6&show-proto-sidebar=1&mode=design

[idlyboy]

gm! here's my submission: https://www.figma.com/file/uRCXiIj3oddJysk6kGcfnk/Peanut-SDK-x-Wallets?type=design&node-id=0%3A1&mode=design&t=g6XOXqKRbo1d1hbn-1

All screens and my thoughts are in this workbook. Do let me know if there's any issue in viewing the same. Here are the links to the interactive prototypes, limited to the function highlighted in the bounty:

• Flow 1 (Butter Wallet)
• Flow 2 (Rabby Wallet Solution 1)
• Flow 3 (Rabby Wallet Solution 2 - Ideal case) (switching between the top nav tabs works)