HR-Tech SaaS Paperless Onboarding

TEAM
Employer
Platform

End-to-end UX for the nation's leading household payroll and HR platform — eliminating paper-based client onboarding with a fully digital, research-driven web application that scales with the business.

Client
TEAM Employer
Role
Lead UX Designer
Outcome
Paperless at Scale
0
Paper forms —
fully digital onboarding
Faster client
onboarding time
End-to-End
Research through
design system
The Challenge

Paper forms and emails killing operational efficiency

TEAM is the nation's leading provider of comprehensive outsourced payroll and human resources services for household employees — managing everything from payroll and taxes to insurance, HR, and employer liability. Despite their expertise, their client onboarding process was stuck in the past.

New clients had to fill out lengthy paper forms, submit them through various channels, and wait for manual processing. This friction slowed down business operations, frustrated clients, and created a barrier to growth. The constant back-and-forth with paperwork made it nearly impossible to scale efficiently.

The goal was simple: eliminate the paper. Build a digital platform so intuitive that onboarding a new household employer felt effortless — not like filing your taxes.

The Process

Research-led from day one

01
User Interviews & Surveys
Conducted in-depth interviews with both clients and internal TEAM staff to understand the full scope of pain points — from confusing paper forms to internal processing bottlenecks.
02
Persona Development
Created detailed personas representing the key user groups — household employers onboarding new staff, TEAM internal specialists managing accounts, and back-office administrators.
03
Flow Mapping & Information Architecture
Mapped the complete onboarding journey — from initial account creation through employee information, policies, and invoice payment — to design a logical, linear digital flow.
04
Wireframing & Prototyping
Built functional wireframes of the onboarding flow and dashboard, testing with real users to validate hierarchy, form design, and contextual guidance placement.
05
Design System & Dev Handoff
Built a comprehensive design system in Figma — components, tokens, and states — enabling rapid iteration and a clean handoff to engineering.
User Personas

Three users, one platform

Persona 01
Chris
Household employer onboarding a new employee. Needs a clear, guided process that feels simple — not like enterprise software.
Persona 02
Laura
TEAM onboarding specialist. Needs visibility into client progress, the ability to flag issues, and fast account management tools.
Persona 03
Mike
Back-office admin. Needs invoice management, payment processing, and compliance reporting in one unified dashboard.
User Flow

Mapping the invoice portal journey

One of the most complex flows was the invoice portal — giving clients the ability to manage payment methods, view invoices, and pay — all within a single, intuitive interface.

TEAM Invoice Portal Flow Chart

Invoice Portal Flow Chart — Main Portal Dashboard

Functional Wireframes

Tested before polished

Before committing to high-fidelity design, I built low-fi wireframes to stress-test the onboarding flows with real TEAM stakeholders. This surfaced early friction in the multi-step form structure and informed key layout decisions — particularly around how to handle complex employee data entry without overwhelming users.

Haitham Hassan UX — TEAM HR portal single form onboarding wireframe

Single Form — Onboarding Start

Haitham Hassan UX — TEAM HR portal multi-step onboarding wireframe, paperless process

Long Form — Multi-step Onboarding

Haitham Hassan UX — TEAM payroll portal dashboard earlier design iteration

Dashboard — Earlier Iteration (Pre-Final)

The Solution

A guided digital experience that replaces paper entirely

The platform allows clients to submit all employee and account information through an intuitive step-by-step interface — completely replacing paper forms and email chains. Contextual tips and real-time validation guide users through complex fields, preventing errors before they happen.

The invoice portal integrates payment management directly into the platform — clients can add payment methods, view outstanding invoices, and pay with a single click. The dashboard gives both clients and TEAM specialists a clear view of onboarding progress, outstanding tasks, and account health at a glance.

Final UI Design

Dark, data-dense, and delightful

Haitham Hassan UX — TEAM Risk Management final dashboard UI, enterprise payroll portal

Main Dashboard — Final UI

Haitham Hassan UX — TEAM HR portal policies section final UI design

Policies Section — Onboarding Flow

Haitham Hassan UX — TEAM invoice portal payment management final UI

Invoice Portal — Manage Payments

Haitham Hassan UX — TEAM invoice portal add payment method modal UI

Invoice Portal — Add Payment Method

The Results

From weeks of paperwork to days of digital flow

The new platform eliminated paper-based onboarding entirely. What previously took 2–3 weeks of back-and-forth forms, emails, and manual data entry was reduced to a guided digital process clients could complete in under 3 days — at their own pace, on any device. Internal specialists reported spending significantly less time chasing missing information and more time delivering value to clients. Support tickets related to onboarding dropped sharply in the first quarter post-launch.

~3 days
Average onboarding time, down from 2–3 weeks
↓ 60%
Onboarding-related support tickets in Q1 post-launch
~40%
Reduction in internal handoff time via Figma design system
Next Case Study
AutoAnything
Full rebrand across 3 brands — 60% consistency gain
View case study →