Register and Log-In Flows

Requirements

  • Branding: VSHN

  • Name: VSHN Account

  • User friendly experience without any obstacles

  • Wording

    • Registration: To create a new VSHN Account

    • Sign-In: Login process to an existing VSHN Account

  • Registration via:

    • “Classic” E-Mail / Username / Password

    • Social accounts Microsoft, Google, GitHub

  • 2FA is mandatory

  • Registration with a vshn.ch or vshn.net E-Mail address is denied because these are employee accounts, manually created.

Flows

We distinguish between registration and sign-in to make it apparent to the user and to attract users with a nice sign-up flow.

Register

Registration happens in two steps:

  1. Either enter E-Mail address or choose social account

  2. Enter name, setup 2 FA and get informed about the E-Mail address verification

First Step

vshn account register step1.drawio

  • We want to encourage users signing up with social accounts, that’s why it’s first on the list

  • The infographic doesn’t exist yet

Second Step

vshn account register step2.drawio

  • After registration:

    • An e-mail will be sent to confirm the e-mail address

    • A screen to enter the name and setup 2FA appears

  • The E-Mail address must be confirmed before the account is valid and login is possible

Sign-In

vshn account signin.drawio

Others

Some other screens not having a Mockup yet

  • Forgot password

  • 2FA configuration