Uxcel design brief : Signup Form for SaaS
🔹 Login & Onboarding UI – WCAG-Compliant Mobile Design
📱 iOS Mobile Screens (iPhone 13 & 14)
This design prioritizes accessibility and inclusivity by aligning with the Web Content Accessibility Guidelines (WCAG), ensuring a seamless experience for all users — including people with disabilities.
✅ Accessibility Features Implemented:
- High color contrast between text/buttons and background for clear readability.
- Readable font sizes suitable for various screen sizes without zooming.
- Well-defined interactive elements like buttons with large tap areas and clear labels.
- Meaningful icons paired with proper labels or alternative text to support screen readers.
- Helpful placeholder text guides users in entering accurate information.
- Minimal yet expressive visuals like emojis to add warmth without overwhelming assistive technologies.
🎯 Design Goal:
To create a smooth, friendly sign-in/sign-up process that’s not only visually clean and modern — but also fully accessible to all users.
Tools used
From brief
Topics
Share
Reviews
1 review
Hello Mostafa Hussin Mersal,
Your designs are very clean and well-structured. However, when I look at the prototype, the supporting text that appears below the main messages overlaps with other inputs. It would be better to allocate space specifically for error messages, so that when an error appears, the elements below shift downwards and the text can be fully read.
If you implement this feedback, your design will become perfect.🚀
You might also like

Customer Journey Map for a Co-Working Space

Blip - Esport app design (Light & Dark UI)

Reimagining Asana's Color System

Latios - Free Portfolio Template for UX/UI Designers

Workspace Booking Flow - UI/UX Design











