[Design] Create a phase 1 onboarding workflow

[setch-l]

We did a card sorting exercise to determine what was the most important things new users to Nostr wanted to understand / learn during onboarding. Based on the feedback and our product trio exercises, put together some sketches for a basic onboarding for users.

Reference the frames in this Miro: https://miro.com/app/board/uXjVNyrg4Kk=/ Public / private key text: https://www.notion.so/nossocial/Public-Private-Key-Explainer-Text-10a7c4703da0804c878ec90b33f5366c?pvs=4

Create a sketch using the fewest number of steps from the miro board workflows. Share it with the product trio Make updates Share at design review Updates Final comps

[Chardot]

Wireframes

Here's a link to the 3 revisions of the onboarding flow wireframes.

Visual Design

I applied visual design to the third revision, and here's a link to it on Figma.

Prototype

This is the link to the clickable prototype of the new onbaording flow.