About Work Resume Contact
← Back to all projects

Redesigning Payroll

A simpler end-to-end payroll experience for TriNet client admins.

Role Director, Product Design
Company TriNet
Scope End-to-end UX, Product Strategy
Timeline 2024 Spring Release

The situation

TriNet's payroll experience had grown screen by screen over time, leaving admins without a clear starting point or a reliable end-to-end flow. Important alerts were easy to miss, the workflow was fragmented, and the stakes were high because payroll errors directly affect pay.

My approach

I led a team of two designers that mapped the payroll journey from the admin's point of view and focused on the decisions they needed to make at each step. This was validated by user research and support data. The redesign centered on creating one clear flow that showed what needed attention, where they were in the process, and what came next.

The dashboard

The new dashboard gave admins a real command center: actionable alerts at the top, payroll runs with clear status and financial details, and a calendar showing deadlines, pay dates, and holidays in one place.

Payroll dashboard – notifications, payroll list, and calendar
The redesigned payroll dashboard – actionable alerts surface at the top, the payroll list shows status at a glance, and the calendar provides a visual timeline of the full pay cycle.
Payroll calendar – full-year view with pay periods, deadlines, and holidays
The payroll calendar expanded – a full year view showing pay periods, approve-by dates, pay dates, and holidays across months, giving admins a complete picture of their payroll cadence.

The entry experience

We replaced page-to-page editing with a persistent payroll table and side-panel editing, so admins could make changes without losing context. Live summary metrics across the top helped them track totals and review confidence as they worked.

Payroll entry – employee data table with summary metrics
The payroll entry view – all employees visible in a persistent data table with live summary metrics across the top showing hours, gross pay, taxes, and contributions.
Side-panel drawer – editing individual employee earnings and deductions
The side-panel drawer – admins edit earnings, deductions, and custom entries for an individual employee without navigating away from the payroll run.

Review and confirmation

The final steps were simplified into a clean review page and a clear confirmation state. Admins could verify the right numbers, understand debit and pay dates, and leave the flow knowing payroll had been submitted successfully.

Payroll summary – total wages, taxes, debit amount, and approval
The review step – a clean summary showing total net wages, taxes, reimbursement, and the exact debit and pay dates before the admin approves the run.

Looking ahead

Phase 1 shipped in the spring of 2024, and it also set up a faster Phase 2 vision: a spreadsheet-like grid for power users who need to edit payroll inline at scale.

Phase 2 – spreadsheet-like grid with inline editing for power users
The Phase 2 vision – a full spreadsheet-like data grid where admins edit earnings, hours, deductions, and job codes inline, designed for high-volume payroll processing.

What came out of it

The redesign shipped as part of the 2024 spring release and gave admins a clearer, more reliable payroll workflow. It also established reusable patterns and a forward path for one of the most complex areas of the platform. This new construct was adopted for the contractor payments workflow as well.

End-to-end Full payroll flow redesigned – dashboard, entry, review, and confirmation
Shipped Delivered as part of TriNet's Spring Release for client admins
2 Phases Phase 1 shipped, Phase 2 spreadsheet grid designed and ready for engineering