KHcTrades Sign Up Form
A sign up form for @khctrades (social media) hopefully for their e-comm when they ready.
- WCAG Complaint
- Password Visibility
- Error states
- Focus States
- Multiple login support
Tools used
From brief
Topics
Share
Reviews
4 reviews
Awesome job!
Both sign-up and login flows are logical and concise. In Sign-up, you give users autonomy to use different ways. Password error prompt design is context sensitive. The color palette complies with WCAG.
Nice work on the KHCTrades Sign-Up Form! The clean layout and straightforward structure make the process feel quick and easy. The input fields are well-sized and easy to scan. You could consider adding visual feedback for interactions (like focus or error states) to make it even more user-friendly. Overall, solid and functional!
Great job
- Increase padding on buttons, they feel a bit squished
- Illustrations are ok, but they shouldn't be the main visual cue, remember, form and function first over aesthetics... just make them smaller or tbh just remove them. Some aspects of UI can just be kept clean and put more effort to areas that make more sense
- Love this validation and password helper, great thinking and visual execution
- Back button should be top left not at the button
Other than these minor things, keep going
💅
Your use of color for feedback (error/success), emphasis (final "Finish" button), and clear visual hierarchy (primary vs. secondary buttons) is excellent. The clean aesthetic and supportive illustrations contribute to a positive user experience. This design demonstrates a strong understanding of how to use color and button states effectively in a multi-step form.
You might also like
Siter.io Signup & Login A11Y
High Impact Landing page
Type Scale for a Therapist Website
iOS Icon Evolution
User Personas to Boost Engagement on a Mobile Social App
HyperGo
Visual Design Courses
UX Design Foundations
Introduction to Figma
Design Terminology
