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

Objective

The goal of this project was to improve the signup screen of a SaaS product, with a strong emphasis on accessibility, usability, and visual cohesion.

I chose Freed for this redesign after conducting competitive research and personally using the platform. During the signup and login process, I noticed several usability issues and a lack of adherence to WCAG (Web Content Accessibility Guidelines). The experience felt inconsistent and visually broken, which made it a suitable candidate for this redesign exercise.

Key Goals

  • Create cohesive and intuitive login/signup flows
  • Comply with WCAG 2.0 for accessibility
  • Enhance visual appeal while respecting Freed’s brand identity

Issues in Current Design

  • Inconsistent layout between login and signup screens
  • Poor color contrast
  • Weak visual hierarchy; missing labels
  • Multiple links placed too closely with equal visual weight

Accessible Signup Form for SaaS Platform - Freed 1

Accessible Signup Form for SaaS Platform - Freed 2

Redesign Solutions

  • Unified layout across auth screens to reduce friction.
  • Clear headings, labels, password guidance, and trust indicators (e.g., HIPAA badge).
  • Improved contrast, feedback, and screen reader support.
  • Keyboard accessibility ensured.
  • UX copy improvements for clarity and error prevention.

Accessible Signup Form for SaaS Platform - Freed 3

Accessible Signup Form for SaaS Platform - Freed 4

Conclusion

The redesign enhances both accessibility and user experience, aligning with Freed’s brand and WCAG 2.0 principles: Perceivable, Operable, Understandable, and Robust.

Design changes after feedbacks:

Updated designs

Accessible Signup Form for SaaS Platform - Freed 5

Accessible Signup Form for SaaS Platform - Freed 6

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

Reviews

2 reviews


Hey Nishant, great job on this redesign.

I like how you’ve improved the UI, especially making the signup and login screens consistent. Having that unified look and feel definitely reduces friction and strengthens the overall brand experience.

That said, I noticed a few things that might help polish the redesign further:

You removed the text “Join the 20,000+ (...) HIPAA-compliant clinical notes.” and the testimonials from the signup page. I actually think those are valuable; they build trust and emphasize Freed’s credibility and compliance. Including them could enhance transparency and user confidence.

There’s no quick signup options like Google or SSO, while the login screen does have them. For consistency and ease of use, it’d be great to offer quick signup options as well.

The HIPAA logo alongside “Your data is protected with HIPAA-compliant encryption.” is too small. Since compliance is critical, the logo should meet minimal legal size requirements so users can clearly recognize it.

The links for “privacy policy, terms of use, and BAA” should be clickable hyperlinks with distinct link colors (blue by default, purple after visit), not just underlined text. That matches the styling you used on “Already have an account Sign in” and improves usability.

Speaking of “Already have an account”, it needs a punctuation mark at the end before introducing the "Sign in"

The button text capitalization is inconsistent: “Create Account” has both words capitalized, while “Log in” only capitalizes the first word. For a cohesive UI, I’d recommend choosing one style and applying it to all buttons.

The “Log in” button uses an icon on the right side of the text, but no other buttons do this. It’d be better to keep icon usage consistent or remove it altogether.

“Forgot your password?” link should follow the same modal as "Sign in" and "Create one" links.

The redesign is strong and definitely a step forward in accessibility and usability. With some tweaks, it’ll feel even more polished, trustworthy, and aligned with Freed’s brand.

Great work so far!!

Hi Helena, first of all, thanks so much for the incredibly detailed and actionable feedback. I honestly didn't expect to receive such thorough input. It takes time to review everything, and with such constructive feedback, it really opens up a lot of room for improvement. Thanks again!
Pls do check the updated screens. Thankyou!

Great job on the Accessible Signup Form for SaaS Platform – Freed! The layout is clean and straightforward, making it easy to follow. Love the focus on accessibility—clear labels, good spacing, and a logical flow. Adding visual feedback like focus and error states could take it even further, but overall, solid and inclusive design!

(edited)
Thankyou Quang Nguyen for the valuable feedback. My next step is to make the form interactive with some advance level figma prototype.

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