<?xml version="1.0" encoding="utf-8"?>
Open full project

SaaS E-Learning Platform - User Authentication Flow

I designed the login/signup and password recovery processes for a SaaS-based e-learning platform that provides users seamless access to their educational resources. Here’s a breakdown of the key features:

1. Login/Signup

  • Login:
  • Users can log in using their email and password or using their social media accounts. A clean and user-friendly interface ensures quick access to the platform.
  • Signup:
  • New users can create an account by providing their email and a secure password or using their social media accounts . Validation ensures data accuracy and security.

2. Forgot Password

  • Email Input:
  • If a user forgets their password, they can click "Forgot Password" on the login screen and enter their registered email address.
  • OTP Generation:
  • An OTP (One-Time Password) is sent to their email for verification purposes.

3. OTP Verification

  • Users are prompted to enter the received OTP within a secure form.
  • Validation ensures the OTP is correct and not expired.

4. Password Reset

  • After successful OTP verification, users are redirected to a secure form to set a new password.
  • Password strength indicators help users create strong and secure passwords.

5. Back to Login

  • Once the password is reset, users are redirected back to the login page with a confirmation message that their password has been updated.
Share your insights — leave a project review and help others grow their skills

Reviews

0 reviews


Clean and well-organized design. My only suggestion would be to maintain consistency in alignment. For first-level screens, center alignment works well. However, for sub-screens or secondary screens, such as those displaying details or an OTP input, consider using left alignment consistently across all secondary screens. This will enhance visual cohesion and improve the overall user experience

thank you for your review .. I will modify it now

7 Claps
Average 2.3 by 3 people
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>