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
22 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 🚀
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!
Fantastic work on this project! The overall flow feels intuitive and user-friendly, catering to both first-time visitors and returning users seamlessly. The micro-interactions, like hover effects and button feedback, add a polished touch. It's clear you've put thought into every detail. One area to explore further could be how the design adapts to high-contrast modes or other accessibility settings. Overall, it is a highly impressive and professional execution!
Great job on optimizing the signup page for the SaaS platform! Additionally, I noticed your attention to detail with the clear focus states and seamless autofill support, which greatly contributes to the form’s usability. The interactive elements in the prototype also add a nice touch, allowing for a more realistic user experience.
You might also like
ShopUs Microcopy
![Accessible Signup & Login Flow [Mossy App]](https://users-content.uxcel.com/4b7d4a6f-9cd9-4533-9bc7-8bb621033bc8/briefs/accessible-signup-login-flow-mossy-app-thubmnail-0044-1756114618435.jpeg)
Accessible Signup & Login Flow [Mossy App]
Pet Haven - Responsive Landing Page
Mobile Banking App Design Workshop Plan
Empty State design for Educational App
Customer Journey Map for a co-working space that provides an offsite workplace
Visual Design Courses
UX Design Foundations
Introduction to Figma
Design Terminology
