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

This design showcases a login page for a SaaS platform, presented in a clean and modern layout suitable for desktop viewing. The page features a strong visual hierarchy, dividing the screen into two main sections: a welcoming graphic on the left and the login form on the right.

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

Reviews

2 reviews


Upon first look the UI is clean, simple, and looks nice but upon further inspection there are some areas that need more work.

• Your inputs look too similar to your buttons in shape, size, and border radius. This could cause user confusion about proper functionality

• Your "Forgot Password" link feels lost with a left alignment.

• Placeholder text inside of inputs isn't a user friendly or accessible solution, especially the password instructions. Once a cursor inserts into the input the user loses context and instruction.

I'd also recommend not using "lorem ipsum" on mockups. You lose a sense of reality when presenting fake information.

Again, the UI looks very nice, great job! I would just recommend taking more time to push them to the next level with greater attention to detail.


Hi Mohadesh,

Great work on designing a clean UI! I appreciate your attention to detail. I'd like to offer some suggestions for enhancing accessibility, especially regarding WCAG requirements.

  1. Input fields typically feature a white background. When focused or active, they may display a different color such as a blue outline or a light blue fill.
  2. The colour contrast between the placeholder text and the input field background light blue is less than 4.5:1 and does not meet WCAG.
  3. Placeholder text within input fields presents accessibility challenges. When clicked, the placeholder text disappears, which can be confusing for users. An alternative approach that enhances accessibility is to provide hints or labels outside the input fields.

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