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

For the “Accessible Signup Form for SaaS Platform” brief, I analyzed Siter.io, a no-code website builder (I have a soft spot for web and mobile app tools, what can I say). The landing page immediately stood out with its sleek, modern look, but as I dug deeper into the login and signup flow, I spotted several areas where UX and accessibility could be significantly improved.

With my background in both UI development and UX/UI design, accessibility issues tend to jump out quickly. A few key problems I noticed:

  • The first input field grabs focus on page load, with no page context for screen reader users.
  • The login/signup switch is buried too low in the page hierarchy.
  • Input focus styles fail contrast checks.
  • Placeholder text is low contrast and redundant, risking confusion.
  • Error messages are vague, non-persistent, and don’t clarify what’s wrong.

And that’s just the start. Check out the full project for a deeper breakdown!

Tools used

Figma
Adobe Photoshop

From brief

Topics

Share

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

Reviews

8 reviews


Solid effort on tackling accessibility in the Siter.io signup and login flows. The clean layout and clear labels make the forms easy to use, and it’s obvious accessibility was on your mind from the start. I like the improvements you made to the focus and error states—they’re more visible now without being distracting. However, there’s still room to push the hierarchy and contrast even further. Some elements could stand out more, and the placeholder text might benefit from a bit more clarity. Overall, a thoughtful project that shows good attention to detail, but there’s space to refine the user experience even more.


Good start, clean and tidy space but I think you can improve in more area like:

  1. Hierarchial - which component more standout or not
  2. Make social media login more stand out by using primary / logo color
  3. make a text field more easy to look by change a litle bit black to gray-black

I hope this is can improve your UI and conversion design


Great improvement overall! Just a quick suggestion to further enhance the user experience:

Consider adding clear, helpful placeholder text and ensuring all interactive elements are properly labeled for screen readers. This will improve both usability and accessibility.


Nice work on the Siterio Signup/Login A11y screens! The clean layout and clear labels make the forms super user-friendly. Great to see accessibility considered from the start—good spacing, readable text, and logical flow. Adding strong focus states or error feedback would push it even further, but overall, solid and inclusive design! ✅🔐


overall appreciate the effort you made , only thing that is causing a eye glitch . is that there is a slight difference between the color of the LOGIN button and FACEBOOK , I think brand color of siter.io is different than the facebook brand color. but that slight difference is disturbing the balance and eye

You're right about that! 😆 Once you pointed it out it started bothering me too. I did get a few reviews on hierarchy too, so I figured I could do changes on the social media buttons too. Changed the social media buttons to white as secondary buttons so there wouldn't be so many colors clashing on the page but still retained the overall familiarity of the brand through the colored logos. Thank you for the feedback!
(edited)

Awesome Analysis


Good job Monica


Hi Monica, I like the way you've presented your work. Provided decisions improved accessibility overall and made the experience look more professional.

Thank you, Andy! ✌🏻

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