Notion Login Page Accessibility Optimization

Overview:

This project focused on improving the accessibility and usability of the Notion login page. The original design had several UX and accessibility shortcomings that created friction in what should be a seamless entry point.

Key Issues:

• Weak focus states and colour-only error feedback failed WCAG accessibility standards.

• Password field was hidden behind a two-step flow, adding unnecessary friction.

• No tab switcher between Log in and Sign up, treating them as disconnected experiences.

• Sparse layout with poor visual hierarchy reduced trust and clarity.

Implemented Solutions:

• Strengthened focus and error states with higher contrast and secondary visual indicators.

• Surfaced the password field upfront with a show/hide toggle.

• Introduced a Log in / Sign up tab switcher for a unified authentication experience.

• Added contextual helper text and repositioned "Forgot password" next to the password field.

• Improved overall layout with a card-based structure and clear visual grouping.

Conclusion:

This redesign shows how addressing foundational accessibility and UX issues in an authentication flow, without overhauling the brand, can result in a noticeably more inclusive and frictionless experience.