screensdesign
LibraryCreateMCPPricingLoginRemoved appsApp Store ScreensWeb Onboardings

Mobile account creation flow examples

Search the library

Hotels.com: Book hotels & more: Account Creation

Open recorded flow

  1. Step 1 · 0:28

    Hotels.com: Book hotels & more: Top close button, header text, Google sign-in button, email input field, continue button, social sign-in options, legal text, and brand logos at the bottom.See the flow
    Hotels.com: Book hotels & more

    Top close button, header text, Google sign-in button, email input field, continue button, social sign-in options, legal text, and brand logos at the bottom.

  2. Step 2 · 0:35

    Hotels.com: Book hotels & more: Header text followed by instructions, input field, primary button, secondary text links, and a numeric keypad at the bottom.See the flow
    Hotels.com: Book hotels & more

    Header text followed by instructions, input field, primary button, secondary text links, and a numeric keypad at the bottom.

  3. Step 3 · 0:50

    Hotels.com: Book hotels & more: Centered card with brand logos at the top, followed by text, a link, and a bottom-aligned primary button.See the flow
    Hotels.com: Book hotels & more

    Centered card with brand logos at the top, followed by text, a link, and a bottom-aligned primary button.

  4. Step 4 · 0:54

    Hotels.com: Book hotels & more: Top back button, main heading, consent checkbox with text, and a large primary button below.See the flow
    Hotels.com: Book hotels & more

    Top back button, main heading, consent checkbox with text, and a large primary button below.

  5. Step 5 · 0:58

    Hotels.com: Book hotels & more: Top close button, central illustration of a phone with a notification banner, headline, sub-headline, primary button, and secondary text link.See the flow
    Hotels.com: Book hotels & more

    Top close button, central illustration of a phone with a notification banner, headline, sub-headline, primary button, and secondary text link.

ZEDGE™ Ringtones & Wallpapers: Create Account

Open recorded flow

  1. Step 1 · 1:17

    ZEDGE™ Ringtones & Wallpapers: Logo at top, headline and subtext in center, primary login buttons below, secondary social login icons at the bottom.See the flow
    ZEDGE™ Ringtones & Wallpapers

    Logo at top, headline and subtext in center, primary login buttons below, secondary social login icons at the bottom.

  2. Step 2 · 1:25

    ZEDGE™ Ringtones & Wallpapers: Top navigation bar, centered title and description, email input field, large primary button, and bottom keyboard.See the flow
    ZEDGE™ Ringtones & Wallpapers

    Top navigation bar, centered title and description, email input field, large primary button, and bottom keyboard.

  3. Step 3 · 1:31

    ZEDGE™ Ringtones & Wallpapers: The screen is organized vertically with a header, instructional text, a six-digit code input field, a primary action button, a secondary link, and a numeric keypad at the bottom.See the flow
    ZEDGE™ Ringtones & Wallpapers

    The screen is organized vertically with a header, instructional text, a six-digit code input field, a primary action button, a secondary link, and a numeric keypad at the bottom.

  4. Step 4 · 1:50

    ZEDGE™ Ringtones & Wallpapers: Header with title and profile image, followed by a vertical stack of input fields, and a bottom-anchored date picker modal with confirmation buttons.See the flow
    ZEDGE™ Ringtones & Wallpapers

    Header with title and profile image, followed by a vertical stack of input fields, and a bottom-anchored date picker modal with confirmation buttons.

  5. Step 5 · 1:55

    ZEDGE™ Ringtones & Wallpapers: Header title, profile image, email display, form fields, toggle switches, primary button, and footer link.See the flow
    ZEDGE™ Ringtones & Wallpapers

    Header title, profile image, email display, form fields, toggle switches, primary button, and footer link.

Precip - Rain Totals & Gauge: Create Account

Open recorded flow

  1. Step 1 · 0:32

    Precip - Rain Totals & Gauge: Top search bar and time filters, central map with floating location card, bottom right floating action buttons, bottom navigation bar.See the flow
    Precip - Rain Totals & Gauge

    Top search bar and time filters, central map with floating location card, bottom right floating action buttons, bottom navigation bar.

  2. Step 2 · 0:34

    Precip - Rain Totals & Gauge: Map background with top search and filter bar, center location marker, and a large bottom modal for account creation.See the flow
    Precip - Rain Totals & Gauge

    Map background with top search and filter bar, center location marker, and a large bottom modal for account creation.

  3. Step 3 · 0:37

    Precip - Rain Totals & Gauge: Map background with top search bar and filter tabs, overlaid by a system authentication modal and a bottom sheet for account creation.See the flow
    Precip - Rain Totals & Gauge

    Map background with top search bar and filter tabs, overlaid by a system authentication modal and a bottom sheet for account creation.

  4. Step 4 · 0:41

    Precip - Rain Totals & Gauge: Top browser bar, Google sign-in header, account selection list, legal text, language selector, and bottom footer links.See the flow
    Precip - Rain Totals & Gauge

    Top browser bar, Google sign-in header, account selection list, legal text, language selector, and bottom footer links.

  5. Step 5 · 0:44

    Precip - Rain Totals & Gauge: Top browser navigation bar, followed by Google branding, account selection, permission details, legal disclaimers, and bottom action buttons.See the flow
    Precip - Rain Totals & Gauge

    Top browser navigation bar, followed by Google branding, account selection, permission details, legal disclaimers, and bottom action buttons.

Vivino: Drink The Right Wine: Account Creation

Open recorded flow

  1. Step 1 · 0:15

    Vivino: Drink The Right Wine: Top navigation, header text, input field, primary button, and system keyboard at the bottom.See the flow
    Vivino: Drink The Right Wine

    Top navigation, header text, input field, primary button, and system keyboard at the bottom.

  2. Step 2 · 0:22

    Vivino: Drink The Right Wine: Top navigation bar, followed by a heading, subtext, password input field, and a bottom-aligned primary action button.See the flow
    Vivino: Drink The Right Wine

    Top navigation bar, followed by a heading, subtext, password input field, and a bottom-aligned primary action button.

  3. Step 3 · 0:32

    Vivino: Drink The Right Wine: Top navigation bar, search input field, followed by a scrollable list of countries grouped by alphabetical headers.See the flow
    Vivino: Drink The Right Wine

    Top navigation bar, search input field, followed by a scrollable list of countries grouped by alphabetical headers.

  4. Step 4 · 0:39

    Vivino: Drink The Right Wine: Top navigation bar, search input field, and a long vertical list of items grouped by alphabetical headers.See the flow
    Vivino: Drink The Right Wine

    Top navigation bar, search input field, and a long vertical list of items grouped by alphabetical headers.

SnoreLab : Record Your Snoring: Create Account

Open recorded flow

  1. Step 1 · 7:55

    SnoreLab : Record Your Snoring: Top navigation bar with cancel button, centered icon and text, vertical stack of sign-up buttons, and bottom footer links.See the flow
    SnoreLab : Record Your Snoring

    Top navigation bar with cancel button, centered icon and text, vertical stack of sign-up buttons, and bottom footer links.

  2. Step 2 · 8:12

    SnoreLab : Record Your Snoring: Top navigation bar followed by two input fields, a primary registration button, and two social sign-in buttons.See the flow
    SnoreLab : Record Your Snoring

    Top navigation bar followed by two input fields, a primary registration button, and two social sign-in buttons.

  3. Step 3 · 8:19

    SnoreLab : Record Your Snoring: Top navigation bar followed by a centered icon, descriptive text, and two stacked action buttons.See the flow
    SnoreLab : Record Your Snoring

    Top navigation bar followed by a centered icon, descriptive text, and two stacked action buttons.

  4. Step 4 · 8:22

    SnoreLab : Record Your Snoring: Centered content with a top icon, header text, two stacked buttons, and footer explanatory text.See the flow
    SnoreLab : Record Your Snoring

    Centered content with a top icon, header text, two stacked buttons, and footer explanatory text.

Found an example you like?See the whole story.

See the full library See plans