Inheritance wallet - Chapter 2 - Cosigner onboarding

[rabbitholiness]

This PR adds a new page to the inheritance wallet reference design. It covers how Alice imports the family savings wallet to her app and enables her signing device to sign transactions.

👀 Preview link 👀

It also updates the landing page to reflect the final structure of the reference design.

[netlify[bot]]

✅ Deploy Preview for bitcoin-design-site ready!

Name	Link
🔨 Latest commit	a37a631aee09c5685d3c352146eeba3cc1e28341
🔍 Latest deploy log	https://app.netlify.com/sites/bitcoin-design-site/deploys/671665d7da21390007ef9885
😎 Deploy Preview	https://deploy-preview-1100--bitcoin-design-site.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[mouxdesign]

Nice work Michael, I second Christophs suggestion here to add in a high level overview of the user flow. It seems from reading through the co-signer onboarding there are the following steps. Some are on the side of Bob and some on the side of Alice. Then there are some actions where they are interacting.

One symbol or color could be used for Bob, one for Alice and one for the interaction.

The process as I understood it:

Part 1: Bob: Initiating Cosigner Onboarding

1. Bob selects "onboard cosigner" task in his app
2. Bob's app generates a QR code or exportable wallet configuration

Part 2: Bob and Alice: Sharing Wallet Configuration

3. Bob shares the QR code/configuration with Alice

Part 3: Alice: Importing Wallet

4. Alice opens her app and selects "Recover an existing wallet"
5. Alice scans the QR code or imports the configuration
6. Alice reviews the wallet configuration
7. Alice confirms and adds the wallet

Part 4: Alice: Setting Up Signing Device

8. Alice connects her BitBox device to her app
9. Alice exports the wallet configuration to her BitBox
10. Manually checks off the "signing devices enabled"

Idea to expand on the conclusion at the end:

• Both Bob and Alice now have access to the shared wallet
• Both can view the wallet and its balance in their respective apps
• Both can initiate and sign transactions using their respective devices

Error messages

Something that might come up for a UX designer using this to design the wallet are error messages. What error message would they see when:

1. The QR code scan fails
2. There are incompatible wallet configurations

[rabbitholiness]

Thanks for the feedback, @mouxdesign and @GBKS . I added a short process overview section and a diagram at the beginning of the wallet creation page.

I also added a dedicated section at the bottom of the cosigner onboarding page, as @mouxdesign suggested.

[danielnordh]

I made a bunch of individual code suggestions, hoping that's the least work for you.

A general style point that I did not make suggestions for as it is page wide:

• Bulleted lists should not end lines with punctuation

[rabbitholiness]

Thanks for the helpful feedback, @danielnordh . I just pushed a revision that should address all of the feedback.

[rabbitholiness]

@GBKS should be fixed now.