SaaS Signup Design
This is an exciting task, designing a SaaS sign-up page, and this time I chose my own app, ANT.gg, which offers a digital workspace/office for a remote team. This app is just my personal project tho, not published yet, but I built it seriously just in case :)
On this assignment, I had some concern to the most of the general SaaS and remote work apps out there:
- Only allows "work/company/organization email", not personal email.
- Too much manual data entry e.g company/org name, their role, and so on. If it's for their internal market research, so it's up to them, but I disagree with it since remote worker mostly just freelancers, whose used personal email.
- Only show the sign-up form, and that's it! for the sake of simplicity and guiding users' focus on the sign-up task.
With the above list of problems I found, I learned and applied the solutions to my app, ANT.gg:
- Work email is optional; I add the SSO(Single Sign On) option and allow personal email, give the user a hint below the email input field for work email, and it's beneficial to easily invited collegues to ANT.gg
- Add encouragement copywriting telling the benefits of the product. We can repeat the copy we already had on the hero section of the landing page.
- List the most beneficial features the app offers for users. Here, I pick the top 3 features that my users love the most.
- Last but not least, instead of just showing a sign-up form to the user, I copied the trusted company that been using my app from the landing page, just to remind potential users(who currently want to sign up): "ANT.gg has been used by so many trusted companies out there, so what are you looking for?"
To explain it further, perhaps you can give it a try on this prototype and let me know what you think about the accessibility, usability, visual design, or my presentation.
Thank you!
Tools used
From brief
Topics
Share
Reviews
1 review
Hey Rizky 😊
You’ve built a really nice prototype. The animations and all the different states you included show a lot of care and effort, and it really comes through.
On the first screen with the sign up form, the background of the form feels a bit too close to the main background. I’d love to see it stand out a little more, especially since this is where you want to encourage people to actually sign up.
For the longer loading state where it says “Wait 10 secs”, I think a progressive loader could work much better. That way users can see that something is happening and how far along it is. If someone has a slow connection and it takes longer than 10 seconds, they might think something is broken, so giving them clearer feedback could really improve the experience.
You might also like

Events Managment App

Customer Journey Map — Offsite Co-Working Experience

Mobile Onboarding: Casa di Pasta

Accessible Signup & Login Experience — Brainex

Accessible Signup Form











