Hello Dribbble community!

I would like to share with you my Onboarding screens for an E-commerce mobile app designed for iOS.

Learn how to design onboarding screens with my designs along with my user experience explanation. Also, we have to keep in mind the company's needs so we need to focus on the conversion rate optimization too. I hope you'll find it useful!

UX explanation:

1. the button with the label "Sign up" is clearly visible, readable and have a label that indicates what is going to happen,

2. the button with the label "Continue as a guest" is clearly visible and is giving an option to users to go straight to the app,

3. the benefits of signing up are clearly visible along with icons for faster scanning,

4. required fields are marked with the red indicator,

5. the eye icon in the password field helps with a potential error when filling in the field,

6. the text under the password field indicates how many characters are required to correctly fill in the field,

7. the text with the label "By signing up you agree with our Terms & Conditions and Privacy policy" is clearly shown as an underlined and clickable link,

8. there is an option to sign up faster with social accounts.

Conversion rate optimization:

1. main CTA buttons "Sign up" and "Continue as a guest" are clearly labeled and have a high contrast (no potential drop-off point here),

2. top aligned labels help users to fill in forms faster and to move down the form in one visual direction (this allows the users to complete the form first try),

3. social media help users to sign up much faster (it increases conversion).

Let me know your thoughts. Your feedback and appreciation are always welcome.

Thanks a lot :)

Mirka