Sign up on Otter

Start on the welcome screen, continue with Google, agree to calendar access, allow notifications, choose which meetings the notetaker joins and who gets notes, then see the Pro trial offer and land on home.

Editable

OtteriOS12 stepsFree sample

Import this flow

Every app’s free flow imports free, no card needed.

See all sign up flows across apps

Otter flow, step 1: Welcome and sign-in 1

Step 1 of 12

Open the app

Welcome and sign in 1

How you get here: Leaves the app

Import this flow

Open the SuperDuper UI plugin in Figma to paste these 12 screens into your file as editable layers.

All 12 steps

Use ← → to step through

Every step, in order

Each screen in the order it was recorded, with how the user got there.

1
Open the app
Welcome and sign in 1
Leaves the app
2
Tap Continue with Google
Welcome and sign in 2
Shows an alert
3
Return from Google sign-in
Welcome and sign in 3
Changes in place
4
Signed in, calendar step opens
Onboarding 1
Slides in from the right
5
Calendar connected
Onboarding 2
Slides in from the right
6
Tap Allow
Onboarding 3
Shows an alert
7
Allow notifications
Onboarding 4
Slides in from the right
8
Tap join rule dropdown
Onboarding 5
Changes in place
9
Tap share-with dropdown
Onboarding 6
Changes in place
10
Tap Next
Paywall 1
Opens full screen
11
Tap Monthly
Paywall 2
Changes in place
12
Close paywall
Home 1
Closes

Not affiliated with, endorsed or sponsored by Otter. Otter is a trade mark of its owner. Recreated for design reference and education. Rights holders: contact us