UX for SaaS
This guide covers the SaaS screens that decide revenue: from the homepage and signup to onboarding, upgrades, daily use, billing and cancellation. Each page shows weak and improved versions as working HTML mock-ups.
What is UX for SaaS?
UX for SaaS is the design of every screen and step a customer goes through, from first visit to daily use and renewal. Because SaaS revenue depends on signups, activation, upgrades and retention, small UX problems on a few screens can cost more than any marketing channel brings in. Standards such as NIST’s authentication guidance and WCAG contrast requirements set some of the rules.
14 days, no card needed.
Upgrade to keep everything in one place.
Traffic and messaging are covered in the Go-to-Market guide; pricing pages in Pricing Strategy.
Which screens matter most?
Seven screens decide most SaaS revenue, and each one moves a different number: signup rate, activation, trial-to-paid, retention. Pick the stop where you lose the most people and start there.
Say what it does and for whom in ten seconds.
Moves: Visit to signupSee fixesSSO, two fields, rules shown before typing.
Moves: Signup completionSee fixesA short checklist to the first real result.
Moves: ActivationSee fixesPrompts at limits, not nagging banners.
Moves: Trial to paidSee fixesDashboards and tables that answer one question.
Moves: RetentionSee fixesFailed payments fixed before access is lost.
Moves: Recovered revenueSee fixesOne honest offer, then an easy exit.
Moves: Saved accountsSee fixes Not sure where to start?Run the 30-point UX auditScore every stop with a new account and fix the biggest drop first.
Open the checklistIf you don’t know which stop loses the most people, the 30-point UX audit checklist walks through all seven with a new account and scores each one.
Convert visitors into accounts
The homepage, signup, login and sales forms: the screens between interest and an account.
Make the first screen answer what it is, who it’s for and what to do next.
Read guideCut fields, add SSO, fix password rules and validate inline, with before-and-after forms.
Read guideDesign login with SSO, magic links, clear errors and a reset flow that doesn’t lose users.
Read guideDesign demo forms with one qualifying question, instant booking and a clear next step.
Read guideActivate new users
Onboarding, empty states, product tours and the moment a trial turns into a paid plan.
Use a welcome question, a short checklist and progress to get users to their first result.
Read guideTurn blank screens into a clear first action with templates, sample data and help.
Read guideUse contextual tooltips, short tours and quiet announcements users don’t immediately dismiss.
Read guideDesign trial banners, limit prompts and upgrade modals that appear at the right moment.
Read guideMake daily use easy
Dashboards, tables, navigation, team invites, error messages and mobile screens.
Put the few numbers that matter first, with context and an action next to each.
Read guideDesign tables with clear columns, visible filters, bulk actions and helpful no-results states.
Read guideChoose sidebar or top navigation, group features by task, and keep settings findable.
Read guideMake inviting teammates easy, explain roles in plain words, and welcome invitees properly.
Read guideWrite errors that say what happened and what to do, plus toasts, confirmations and 404s.
Read guideSupport the right tasks on phones, with large targets, short forms and mobile-friendly tables.
Read guideKeep revenue and customers
Billing and failed payments, cancellation flows and the emails that keep users coming back.
Design card forms, plan changes, invoices and failed-payment recovery that keep revenue.
Read guideBuild a fair cancel flow with a reason picker and honest pause or downgrade offers.
Read guideWrite welcome, trial-ending, receipt and inactive-user emails that bring users back.
Read guideCheck quality
Accessibility basics and a full UX audit checklist.
Fix the screen where the most people drop.
Signup, onboarding and upgrade screens decide most SaaS revenue. Start there, measure the step, then move on.
Frequently asked questions
What is SaaS UX design?
The design of every screen and step a customer uses, from homepage and signup to onboarding, daily use, billing and cancellation.
Which SaaS screens affect revenue most?
Signup, onboarding, upgrade prompts, billing and cancellation, because each sits on a conversion or retention step.
How do I improve SaaS signup conversion?
Offer single sign-on, ask only for email and password, show password rules up front and validate inline.
What is activation in SaaS?
The first moment a new user gets real value, defined as a measurable event.
What accessibility standard should SaaS products follow?
WCAG 2.2 Level AA is the common target, including contrast, focus, target size and accessible authentication.
How do I find my biggest UX problems?
Run a UX audit: walk through every key screen, compare with a checklist, and check where users drop off.
Sources & further reading
Standards and platform rules change. These sources let you verify the current requirements directly. All screens shown are mock-ups of fictional products.