Accessible Login/SignUp Design for SaaS
Took the Login/Sign Up Screens to revamp Mailchimp’s authentication flow after identifying usability issues such as visual clutter and excessive click options. Conducted comparative research on leading platforms to understand user preferences—favoring simplicity and minimal interaction during onboarding.
Key improvements included:
- Brand Consistency: Retained Mailchimp’s signature green as the highlight color while enhancing the visual hierarchy and clarity of form elements.
- Streamlined UI: Refined input fields and form labels for better accessibility and reduced checkbox text to prevent cognitive overload on first use.
- Polished CTAs: Redesigned the “Continue with Google” button for improved visual alignment and a more professional, cohesive interface.
This redesign focused on reducing friction, elevating brand trust, and providing users with a cleaner, more intuitive entry point into the platform.
Tools used
From brief
Topics
Share
Reviews
3 reviews
Hi✨
I absolutely love that you kicked things off with user research, recognizing that simplicity is genuinely key for people. You've just done such a brilliant job keeping that iconic Mailchimp green for brand consistency, and it's crystal clear how much you've improved the usability and readability by making those fields stand out and cutting down on the clutter. Plus, your tweak to the "Continue with Google" button? It just adds such a nice, professional touch – you've truly got an eye for those details!
Just a Few Thoughts to Explore & Grow From!
You've already made some seriously fantastic improvements! As you keep sharpening those amazing skills, here are just a couple of tiny little thoughts to mull over for future projects:
🟪 Micro-interactions & States: Maybe consider how those fields might look in their focused or even error states for an even more robust experience.
🟪 Password Toggle: A little eye icon could be an even cleaner and more universally recognized pattern than text for showing/hiding passwords.
You've genuinely transformed these screens with a cleaner, much more intuitive approach. This project beautifully highlights your ability to pinpoint pain points and apply solid UX principles to craft a better user experience. Keep up this incredible work – you're truly crushing it!
Nikita, love the clean accessibility-focused redesign — maybe add field states next, but overall this is excellent work!
You have done a great job Nikita! keep exploring different variations and would be great if you check the the capitalisation in "Business email" where i thing "e" should be simple. Keep doing awesome designs!
You might also like
Customer Journey Map for a Co-Working Space
Reimagining Asana's Color System
Responsive Main Screen
Latios - Free Portfolio Template for UX/UI Designers
Workspace Booking Flow - UI/UX Design
Login/Sign up Form
Visual Design Courses
UX Design Foundations
Introduction to Figma
Design Terminology
