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

Redesigning one of my first projects ever

I decided to look back at my oldest projects. I opened a project that I've made few years ago when I first started my journey as UX/UI Designer. It was a design of a CRM platform, the design overall was really bad full of begginer mistakes, but the Log In/Sign Up form was baddest of them all.

The first version of the Log In/Sign Up page

Accessible Signup Form for SaaS Platform 1

Just a blank gray background with bad designed log in modal. When I saw it it hurt me in so many ways I can't even describe it. So I decided to see how I improved my skills since then and redesign it.

Here are the decicions I took:

• Keep the minimum number of fields.

• Add elements like a header, a forgotten password link, etc. that were missing in the first place.

• Improve inputs accessibility

• Add signing up or logging in with social media in order to speed up the login or registration process.

• Allow the user to switch easily from the Log In to Sign Up page.

• Make it more visually appealing overall

• Make the buttons bigger

Key Points

Accessible Signup Form for SaaS Platform 2

Before and After

Accessible Signup Form for SaaS Platform 3

Error Page (WCAG Compliant AA)

Accessible Signup Form for SaaS Platform 4

Check out the project link for more details!

Thanks for checking this out, Excited to see the feedback I receive, good or bad ✌️

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

Reviews

2 reviews


Hi, nice work, your progress is definitively visible.

I would work a bit more on type hierarchy using font weights.

I actually started developing a whole design system in separate file with all tokens (typography, colors, spacing) and components, that I might share here as well. Thanks for the feedback! 👏🏻

This is a fantastic improvement over your previous design! The progress you've made is really impressive. A few areas to consider fine-tuning would be the sizing and spacing: ensuring all buttons are the same height and tightening up the vertical spacing in the form would help create a cleaner, more cohesive look. I’d also recommend revisiting the typography, as the headings could be strengthened to improve hierarchy and readability.

For the prototype, refining the interactivity would enhance the user experience. I know the challenge—I'm also transitioning to Figma from XD, so I completely understand the learning curve. One small detail to note is the wording on the social buttons; since this is a login page, "Sign up with…" may create confusion for users.

Overall, these tweaks would make your redesign even stronger. Great work, and keep it up!


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