Accessible Signup Form for SaaS Platform - Freed
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
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.
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
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!!
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!
You might also like

Sojo NFT Marketplace

Heuristic Evaluation of Revolut Mobile App

From Idea to Full-Stack Web App

Docto

Hulu Through My Eyes - A Cinematic UI Exploration (unofficial)
