iOS A11Y Signup Form for SaaS
Alright, let’s take it easy! How about a form that’s so easy, even us couch potatoes can use it without breaking a sweat? It’ll work cross-platform for iOS, making it a breeze to order those guilty pleasures.
Try me, and feel free to switch up flows!
Cool stuff 😎
- Clear focus state
- Built-in autofill support
- Instant validation/feedback
- Smart register/sign in switching *
- Social/guest access options
- WCAG standards compliant **
* The system quickly checks if your email is already in the club, ditching the old-school hassle of flipping through forms
** Contrast, typography, touch targets & headings
Think of this as a sneak peek into some solid UX form know-how. Sure, the project’s pretty limited, but hey, we can always throw in more bells and whistles later if we’re feeling fancy.
Reviews
25 reviews
Ruan, making us proud! 👏
The design's visual appeal is top-notch, with crystal-clear text and well-defined states that enhance the UX. The cover is great, and the unique input animation is both clever and unique. I haven't seen them presented like this before.
Two personal preference suggestions:
- Spacing: Leverage a tad more negative space between elements to enhance visual clarity. You have some room to play with, while avoiding creating scroll on smaller screens.
- Rationale: You've done great with your notes. Don't be shy to detail your design journey—those pivotal moments of inspiration are gold. Sharing these insights brings stakeholders into your creative world to see through your lens. I relish insights into a designer's mind and how they infuse their own style.
Your design skill is evident, and my suggestions aim to fine-tune your already impressive work 🚀
Your signup form feels fun and user-friendly. I like how you included clear focus states, autofill, and instant feedback, since these make the flow smooth.
The quick email check is a smart detail that saves users time. Social and guest access options also add flexibility.
To make it even stronger, you could expand on error handling and show how the form adapts for different screen sizes.
Overall, this is a solid start with good attention to accessibility and ease of use.
Ruan, love how clean and accessible your signup flow feels—just watch spacing for extra clarity, but overall this is excellent work!
Neat clean design, nothing superfluous. Didn't want to finish viewing, wanted to click more. 😁 I liked the fact that error messages appear during the presentation.
The only thing that is not quite clear is how this form is made accessible for people with disabilities.
Good job there! The flow is very clear for both new users and existing accounts. The success and error messages are very clear, and the animations through the flow are very pleasing. Keep up the good work!
Great project! It's accessible, easy to use and navigate and the visual design is nice and clear. The animations are amazing!!! Great job!
This looks and works like wonders. Great job!
It is super clean work ❤️
Great use of Figma Ruan. I'm only getting started with it myself so it was cool to see a functioning mockup.
Your breakdown was crystal clear and each guided step with it.
Well done!
Very well done--and a great presentation. I thought the forgotten password modal was really well done, particularly in blurring the background to focus the user's attention.
If I had any critique to offer it is just that your email gives a validation error in the new-user signup, but .co is actually a usable top-level domain.
Really nice!
You might also like

Fundraising Website

NEWFASHON™ - Landing page

Mobile onboarding flow

MamaFlow

FOURm - Landing Page for High-Conversion Fitness Startup
