Skip to content

Onboarding personalisation on Snapchat

Pick hats, tops, bottoms, one-pieces, shoes, socks, bags and outerwear for the avatar, save it, and arrive on the camera home with a contacts access card.

Editable

SnapchatiOS10 steps

See all onboarding personalisation flows across apps

Play the flow

Snapchat flow, step 1: Bitmoji Fashion 1

Step 1 of 10

Tap hats tab

Bitmoji Fashion 1

How you get here: Switches tab

Import this flow

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

All 10 steps

Every step, in order

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

  1. Snapchat flow, step 1: Bitmoji Fashion 1
    1

    Tap hats tab

    Bitmoji Fashion 1

    Switches tab

  2. Snapchat flow, step 2: Bitmoji Fashion 2
    2

    Tap tops tab

    Bitmoji Fashion 2

    Switches tab

  3. Snapchat flow, step 3: Bitmoji Fashion 6
    3

    Tap bottoms tab

    Bitmoji Fashion 6

    Switches tab

  4. Snapchat flow, step 4: Bitmoji Fashion 7
    4

    Tap one-pieces tab

    Bitmoji Fashion 7

    Switches tab

  5. Snapchat flow, step 5: Bitmoji Fashion 8
    5

    Tap shoes tab

    Bitmoji Fashion 8

    Switches tab

  6. Snapchat flow, step 6: Bitmoji Fashion 9
    6

    Tap socks tab

    Bitmoji Fashion 9

    Switches tab

  7. Snapchat flow, step 7: Bitmoji Fashion 10
    7

    Tap bags tab

    Bitmoji Fashion 10

    Switches tab

  8. Snapchat flow, step 8: Bitmoji Fashion 11
    8

    Tap outerwear tab

    Bitmoji Fashion 11

    Switches tab

  9. Snapchat flow, step 9: Bitmoji Fashion 12
    9

    Tap done tab

    Bitmoji Fashion 12

    Switches tab

  10. Snapchat flow, step 10: Camera 1
    10

    Tap Save avatar

    Camera 1

    Slides in from the right

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

More flows from Snapchat

Editable
1Tap Finish
2Tap Skip
3Confirm Skip
4Tap hair colour tab

Steps 1–4 of 23, in recording order

Open flow
Editable
1Tap Delete contact data
2Tap Clear Lenses, Clear Local Lens Data
3Tap Clear All Lenses
4Back, tap Delete search history

Steps 1–4 of 9, in recording order

Open flow

Get real flows
free in Figma

All of WhatsApp, and a complete flow from every app. No card needed.