Accessible Signup Form for SaaS Platform

🧩 Project Overview

For the Accessible Signup Form for SaaS Platform challenge, I designed a desktop signup experience for TaskFlow, a project management SaaS that helps teams plan, track, and deliver work in one place.

I enjoy working on SaaS products and productivity tools, so I used this project to focus on something that often gets overlooked — making the first interaction with a product both accessible and effortless.

Instead of redesigning an existing platform, I created the flow from scratch to ensure accessibility, usability, and visual clarity were built into the experience from the beginning.

🎯 Objectives

• Design a clear and conversion-friendly desktop signup form
• Follow WCAG 2.1 AA accessibility standards
• Reduce cognitive load with proper labels and helpful guidance
• Make the experience simple, familiar, and keyboard-friendly

♿ Accessibility Approach

Accessibility decisions were part of the core design, not an afterthought.

• The page starts with a clear heading and context so screen reader users understand where they are.
• Inputs use persistent labels instead of placeholders to avoid confusion.
• High-contrast focus states make keyboard navigation visible and reliable.
• All text and UI elements meet the 4.5:1 contrast ratio for readability.
• Error messages are specific, placed near the relevant field, and remain visible until resolved.
• Inputs and buttons use a comfortable height to improve scanning and interaction.

These choices align with key WCAG guidelines for contrast, focus visibility, labels, and error identification.

🧠 Usability Decisions

The layout follows a familiar SaaS authentication pattern so users don’t have to think.

• A single-column form improves scanning
• Related fields are grouped logically
• Helper text prevents mistakes before they happen
• A strong primary button keeps the main action clear

The goal was to make the form feel fast, simple, and stress-free.

🏁 Outcome

The result is a desktop signup experience that is clean, inclusive, and easy to complete.

It supports keyboard navigation, communicates errors clearly, and follows accessibility best practices without adding visual complexity.

This project reflects how I approach SaaS design — simple, structured, and accessible for real users from the very first screen.