Open full project

Why Airtable?

I am familiar with Airtable and have heard about their product before. While searching for a SaaS platform for this assignment, I came across their signup form. Many well-known platforms already have highly optimized signup flows backed by extensive research, so my goal was to find a platform that is popular but still has room for improvement.

When I reviewed Airtable’s signup form, I was drawn to its minimal design. However, a closer inspection revealed several usability and accessibility issues that I could improve as part of this design challenge.

Airtable: Sign up form redesign 1

Airtable: Sign up form redesign 2

Low Color Contrast

Some text elements do not meet WCAG 2.1 AAA contrast requirements for readability, making it harder for users with visual impairments to distinguish the text from the background.

UI Inconsistencies

  • The title alignment for the signup and sign-in screens is inconsistent when placed side by side.
  • The border radius of the CTA button is not uniform, leading to a lack of visual consistency.
  • The CTA button text size and hierarchy as well as wording differ between the signup and login screens.

Scrolling & Visibility Issues

Although not visible in the screenshots above, a portion of the Terms & Conditions (T&C) section is cut off, and users are unable to scroll to view the full content, which affects transparency and compliance.

By addressing these issues, I aim to create a more accessible and visually cohesive signup experience that enhances usability for all users.

Final Results

Sign-up screen

Airtable: Sign up form redesign 3

Sign-in screen

Airtable: Sign up form redesign 4

Reviews

4 reviews


Lorem ipsum dolor sit amet consectetur. Pretium pulvinar odio aliquet condimentum suspendisse nibh vel arcu. Bibendum in imperdiet sapien quisque odio gravida. Malesuada aliquet elit egestas placerat amet. Ornare in scelerisque ut gravida amet. Tristique amet amet bibendum enim cursus. In vehicula mauris tincidunt arcu aliquam nunc. Tincidunt vitae netus ante eu et bibendum. Eget amet nibh vel est congue tellus tortor gravida nascetur. Ut vestibulum elit pulvinar netus in ante lectus turpis auctor. Nulla purus morbi adipiscing quisque in sodales aliquet. Ultricies a elit quis metus. Aliquet cras pretium platea lacinia mi et orci volutpat vulputate. Bibendum massa fusce...

Lorem ipsum dolor sit amet consectetur. Pretium pulvinar odio aliquet condimentum susp

Lorem ipsum dolor sit amet consectetur. Pretium pulvinar odio aliquet condimentum suspendisse nibh vel arcu. Bibendum in imperdiet sapien quisque odio gravida. Malesuada aliquet elit egestas placerat amet. Ornare in scelerisque ut gravida amet. Tristique amet ame

An absolutely wonderful design! Better than the current one, in my opinion. It's a little cluttered though, but I can't think of a good way to avoid it.

(edited)
thanks for the feedback! ill add more negative space next time haha

25
Claps
Average 4.2 by 6 people
5 claps
4 claps
3 claps
2 claps
1 claps
Create your very own Accessible Signup Form for SaaS Platform project and get mentor feedback.
<?xml version="1.0" encoding="utf-8"?>
<?xml version="1.0" encoding="utf-8"?>