Utopian registration process - Design

As some of you may know10 days ago Utopian.io received 50K liquid Steem from @Ned, to create new accounts directly from Utopian.io

And for Utopian.io be able to create accounts it's necessary to design and develop the registration process. At the same time, Hive account@elear was calling for developers and designers, and I decided to do the design part.

So, today I am writing this update to show you the Utopian registration process design. Because Utopian.io isn't just a project is a Community and everyone should know what we are working on.

Registration process scenarios:

Scenario 1 - In the first scenario the social info is enough:

1. The user chooses a social account to sign up for Utopian;
2. And if all the social info are good the user will receive an email confirming his account is approved with a link to configure the account;
3. Then the user can choose their account name;
4. On the next step the user received the password and must save it;
5. After password saved the user is prompt to login into Utopian and starts participating in this new open-source economy.

Prototype link:

https://invis.io/43ELWO66C#/265465608_Step_1
(keep in mind this is a prototype made with images, isn't code)

Scenario 2 - In the second scenario the social info isn't enough and we ask for email and phone number.
1. the user choose a social account to sign up for Utopian, but the social info isn't good enough to validate the identity
2. the user will need to validate the email address;
3. after the email the will the user need to validate a phone number;
4. Insert the validation code sent to the phone number the user gave in the previous step;
5. The user will receive an email confirming his account is approved with a link to configure the account;
6. Then the user can choose their account name;
7. On the next step the user received the password and must save it;
8. After password saved the user is prompt to login into Utopian and starts participating in this new open-source economy.

Prototype link:

https://invis.io/43ELWO66C#/265470700_Step_1_-_No_Valid_Social_Info
(keep in mind this is a prototype made with images, isn't code)
PS: the "check inbox" button is just for navigate in the prototype

Thanks for your attention! Stay tuned if you want to see more.

Who am I?

UX/UI designer based in Lisbon with 5 years of experience and a strong design background - User Experience design, Product design, Prototyping, UX Analysis, UX Audits, eCommerce, and Mobile Apps.

Follow me on Steemit: https://steemit.com/@nelsonm
Follow me on Utopian: http://utopian.io/@nelsonm
Follow me on Dribbble: https://dribbble.com/nelsonmarteleria
Add me on LinkedIn: https://www.linkedin.com/in/nelson-marteleira-7434b648/
My portfolio: http://nelsonmarteleira.com/
Interested in working on a project https://nelson123.typeform.com/to/hPkfmp