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

Password Reset Flow Description

1. Password Reset Request:

  • User Interface: The user clicks the "Forgot Password" link on the login screen or within the user profile section.
  • Required Information: The user enters their registered email address.
  • Button: The user clicks the "Submit" button.

2. Email Dispatch:

  • Email Content: An email containing a password reset link is sent to the user's email address.
  • Link: The email includes a unique link that directs the user to the password reset page.

3. Password Reset Page:

  • Access Control: When the user clicks the link in the email, they are directed to the password reset page.
  • New Password Fields: The user sees two fields where they can enter their new password (password and password confirmation).
  • Button: The user clicks the "Reset Password" button.

4. Verification and Update:

  • Verification: The new password's validity and compliance are checked (e.g., minimum character count, uppercase/lowercase letters, special characters, etc.).
  • Update: Once verified, the user's account in the database is updated with the new password.

5. Confirmation and Login:

  • Confirmation Message: A message is displayed to inform the user that their password has been successfully reset.
  • Login Redirect: The user is redirected to the login screen, where they can log in with their new password.

Additional Security Measures:

  • Expiration: The password reset link has a limited validity period (e.g., 24 hours).
  • Single Use: The password reset link can be used only once and expires after use.
  • IP Tracking: IP tracking can be implemented to detect suspicious activities.

Visual Design:

  • User-Friendly: The password reset flow has a simple and understandable design.
  • Consistency: The design is consistent with the overall branding.
  • Feedback: Clear feedback is provided to the user at each step.

Tools used

Adobe Illustrator
Adobe Photoshop
Figma

From brief

Topics

Share

Share your insights — leave a project review and help others grow their skills

Reviews

3 reviews


The attention to detail in your design is remarkable. Every element, from micro-interactions to typography choices, has been meticulously thought out. Your precision greatly enhances the overall quality of the project.

Sure, here's your message in English: "Dear Ulvin, thank you so much for your valuable feedback! I am very happy that every detail of the design caught your attention and was appreciated. I am grateful for your contribution to the project and your kind comments. I will continue to maintain the same level of attention in future works. Thanks again!"

I really like what you did here! The process makes me feel you thought a lot at the process.

There are a few things I would like you to think about :

  • What if I don't have access to my e-mail right now?
  • Is it necessary to mask the entire email address?
  • What if I lost my phone and changed the number?

Other than that, top work here!

"Thank you for your valuable feedback! The questions you asked and the suggestions you made are very important to me. I have taken these questions into consideration and will ensure more detailed and meticulous work in future projects. Thank you again for your interest and understanding!"
You rock!
Thanks for your kind thoughts.

Amazing Flow


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