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

Designing for everyone isn’t just a skill — it’s empathy in action.

I recently reviewed the Jeton sign-up page and realized how many people could struggle with something as simple as filling out a form.

Low contrast. Hidden labels. Confusing fields. Missing guidance.

These small details might seem minor…

but for someone with low vision, ADHD, autism, or anxiety, they can be the barrier that stops them from completing a task.

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

Reviews

3 reviews


Hi Mohammed, the link to see the full project requires password and I could not see the content. Also, can you provide more information about the problem you are solving (which seems very specific based on the title of your showcase) and your process used to this design? I'd love to see those. Cheers!

(edited)
Oh ! hi Paulo, I hope you are doing well. Thanks for pointing that out. I changed the access settings. Now, everyone can check it out. The problem I am solving is accessibility of Jeton's sign-up page. I applied some of the methods to make it more accessible and meet the standards of Web Content Accessibility Guidelines.
Thank you so much for updating the access, I really appreciate it! Your UX case study is very well-structured: the flow is clear, logical, and easy to follow from the initial research all the way through to the final solutions and impact. I especially loved how thoughtfully you approached accessibility for Jeton’s sign-up page. It’s obvious you put a lot of care into meeting WCAG standards, and the practical methods you applied (contrast improvements, focus states, error prevention, etc.) make a real difference. It’s refreshing to see accessibility treated as a core part of your design process rather than an afterthought. Great work! 👏
Thanks for your review Paulo. I really appreciate it 🤍

I can see the project focuses on improving accessibility for the Jeton sign-up form, which is a great direction. Indeed, many problems have been identified here. From poor contrast (1.06:1 for inputs) to a confusing phone field without a proper mask.

It's good that you're addressing accessibility and empathy in design. That's truly an important perspective. This kind of project shows that small details make a huge difference, and you clearly have an eye for catching what needs improvement. Great job! 💪❤️

Thanks Michal for checking my work out 🤍 I appreciate it

Let me share some mirco improvement - good presentation but can be Improved . Too much of red going on change the bg to more plsent real life image. co that is not going to see real product.

  • In top corner - UK flag is fighting wit Saudi plag so close - design is clasing to get highlighted. - Better grey out box with Engligh written. dropdown
  • Try avoiding red button - Even if your brand is Red stick to black or change to blue never user red button - in error state that even look worse
  • Icons is little sharp edge - while brand is soft and with much curvy button. make icon rounder.
  • phone no saudi icon need to have code written next to it.
  • There are still many changes - if you really like o get a free consulation on how to Grow - i have taugh 8yrs + experience designers. Just recent in UXCEL - if you want to know how to advance in ux career - i am happy to Mentor you. Check my uxcel profile and connect there
Thanks for checking my presentation out Yash 🤍 The thing here is that the main goal of this project was to improve the accessibility of Jeton's sign-up page without changing its branding. Therefore, I focused more in applying the WCAG ( Web Content Accessibility Guidelines) to the sign-up page to make it more inclusive. Yes, about the language , that could've been done better like writing the language down instead of showing flags 👍 . That would be better for accessibility tools especially screen readers. Thank you for reviewing my work. It means a lot.
(edited)

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