123PayStubs — case study — Gunalan Damodaran
Case study 02

123PayStubs. A pay stub in three calm steps.

123PayStubs is an online pay stub generator built around a simple promise: three steps, done. Over time the product had drifted from that promise. From February 2026 I helped bring it back — quicker, clearer, and worthy of the payroll data it handles.

Live site 123paystubs.com

My role

Lead UX/UI Designer at SPAN Technology Services

Scope

Product redesign

Timeline

Feb 2026 – Jun 2026

Platform

Web

Audience

Individuals & small businesses

The redesigned generator (mockup placeholder)
The problem

Payroll forms punish people who just want a pay stub.

The goal of the redesign was to modernise the experience and make pay stub creation quicker, clearer and easier. And because the platform handles payroll and financial information — employee, employer, income, deduction and tax data — the design had to communicate accuracy, security and trust at every step.

I started by walking the existing journey end to end: where the three-step promise broke down, where fields piled up, where labels and validations left users guessing, and where the visual language had gone inconsistent.


What I did

Fewer decisions per screen. More certainty per step.

  • Evaluated the existing journey and flagged friction in the three-step flow
  • Simplified the information hierarchy and form experience
  • Rewrote field labels, instructions and validations for clarity
  • Grouped complex payroll information into understandable sections
  • Improved navigation and progress visibility between steps
  • Modernised the visual design on reusable design-system patterns
  • Collaborated with BAs, developers and stakeholders throughout
  • Refined against feedback before implementation
Before / after — form step
The three-step journey, mapped

The key idea

Progressive disclosure earns its keep in payroll.

Instead of overwhelming users with every field at once, the redesign guides them through a focused three-step journey — always showing where they are, what's done, and what information comes next. The hard part is balancing ease of use with accurate collection of employee, employer, income, deduction and tax details; progressive disclosure is what lets both win.

The designs were reviewed and refined with stakeholders ahead of implementation. Launch metrics aren't available yet — the honest outcome so far is a validated, simplified flow built on reusable design-system patterns.

← Previous: WealthRabbit Next: A design system for tax season →