I used a hypothetical company: Roll-Box. Roll-Box is a Greentech-toilet-paper-subscription-box service. Here is the hypothetical CTO’s introduction to the product:
Want to hoard some cylinders in your fallout shelter? Want to build a paper fort? Want to TP somebody’s house? Why not subscribe to Roll-Box today! Simply type in the promo code: FREETP to get your first month free!
A sign up flow has many entry points. On entry, the user goes through a funnel to sign up, personalise his experience and be onboarded. In execution, it looks like this:
A successful sign up would trigger a toastbox success alert. The user will be updated about the need to verify his account through an email from Roll-Box.
Error states in the Sign Up flow must be informative and rectifiable by the user. Similarly, when the primary fields are not complete, the primary action must be disabled. These UI will guide the user out of the typical errors in a sign up experience such as:
I had a lot of fun with this style. There is an enjoyment in this casual lineal art style and playful colour scheme. I don’t think I learnt anything from a UI perspective. But from a purely aesthetic and layout perspective, I learnt a lot.