PROJECT OVERVIEW

Payroll

Payroll is an embedded, full-service solution that enables business owners to pay their employees on FreshBooks.

Payroll

Payroll

FEATURE EXPLAINED

What is FreshBooks Payroll?

Payroll gives business owners the ability to pay their team on a given pay schedule.

Previously, FreshBooks offered payroll exclusively through a paid add-on integration with Gusto, a leading HR and payroll provider, available in its App Store since 2017.

Now, FreshBooks has introduced an embedded, full-service payroll solution for U.S. customers, providing a more seamless experience.

PROBLEM DEFINITION

Running payroll is time-consuming and challenging

Customer feedback and analytics show that the integration with Gusto has caused an experience gap for business owners. This setup required business owners to operate across two different platforms, leading to a fragmented user experience.

Over time, as owners and their teams grew and scaled, their need for an embedded payroll solution increased as well.

Problems with the previous integration

  • Two different platforms (FreshBooks/Gusto) for one workflow

  • Running payroll was a complex and time-consuming process

  • Disconnected accounting and payroll systems

  • It was challenging for employers to onboard and pay their employees, prepare team hours, and get a complete picture of their finances

  • High lifetime churn rate (25%), with many users eventually disconnecting the Gusto integration

Run Payroll - Before

UX STRATEGY

UX strategy

Vision

A platform where business owners confidently serve their clients by effortlessly collaborating with their teams and gain insights to grow their business.

Goal

Simplify the experience for owners to painlessly organize and pay their teams so they can save time and grow their business.

Plan

Empower business owners to easily run and accurately track payroll.

DESIGN PROCESS

Design process

For this project, the team and I leveraged the Design Thinking methodology (Discovery → Ideation → Prototyping → Testing → Implementation), in order to create the best possible user experience for FreshBooks customers while aligning with the company’s strategic business goals.

Discovery

• Analytics review

• UX audit

• User interviews

• Personas

• Journey map

• Competitive analysis

Ideation

• User flows

• Wireframes

• High-fidelity design

Prototyping

• High-fidelity prototype

Testing

• Usability testing

Implementation

• Final design

• Design handoff

DISCOVERY

UX audit

I began the discovery process with a UX audit to identify issues with the experience, uncovering usability pain points and friction in the user flow caused by the previous Gusto integration.

User interviews

By applying the laddering technique during user interviews with 10 participants, I gained a deeper understanding of users’ underlying needs and motivations. Generally, most participants expressed that payroll is not their area of expertise, and they would rather have a tool handle and solve everything, because payroll is important to get right.

The sentiment was that running payroll through the integration with Gusto is a complicated process. Though they want to be “hands off” on paperwork and manual processes, owners do want to have control over payroll runs. They do not want to log into multiple systems, and want to keep things organized and simple in one platform.

Note: to protect the identities of participants, generic images/names are used here.

Journey map

I created a journey map that visualizes the previous user experience with the Gusto integration, highlighting key experience gaps, pain points, and user goals when running payroll.

Competitive analysis

Competitive analysis revealed that most competitors already provide an embedded payroll solution in their core markets, and that is clearly a direction where the market is heading.

IDEATION

User flow

Running payroll can be complex, but this user flow demonstrates how I simplified and streamlined the process.

Wireframes

While iterating, I’ve mostly explored information architecture and navigation, by reducing complexity with the goal to create a seamless experience.

TESTING

Usability testing

I conducted usability testing with five participants from diverse user segments, focusing on the payroll run experience in a prototype that included two tasks:

  1. Run Payroll

  2. Find a Payroll Run

Qualitative findings

Positive feedback

  • Participants described the user flows as “easier” and “smoother” compared to the previous experience, highlighting its clarity and simplicity

  • It met or exceeded their expectations for how payroll should work

Neutral/Negative feedback

  • One participant expressed a need to set custom pay period dates in Step 1 of the Run Payroll flow

  • One participant experienced friction understanding the payroll statuses (“Submitted” and “Processing”) on the Payroll page

Quantitative findings

  • The design achieved a high task success rate, with 4 out of 5 participants completing both tasks accurately and efficiently

    • One participant was unable to complete Task 1 after getting stuck at Step 1 of the Run Payroll flow

  • Satisfaction scores were high (4.6/5), indicating that participants perceived the new experience as a meaningful improvement over the previous one

Note: to protect the identities of participants, generic images/names are used here.

SOLUTION

Payroll simplified

FreshBooks Payroll is a full-service payroll system that U.S. users can add to their FreshBooks subscription, available on Lite, Plus, Premium, and Select plans (with the first month free).

Business owners have the ability to access unlimited payroll runs, automatic payroll tax filing and payments, direct deposit, and tax forms like W-2s. Plus, transactions for every pay run are automatically tracked so their reports and books stay accurate and organized.

To ensure that FreshBooks is payroll compliant every step of the way, Gusto’s back-end services are leveraged with the use of their API.

Improvements

  • A single platform for running payroll

  • An easy and streamlined process

  • Connected accounting and payroll systems

  • It’s now much easier for owners to onboard and pay their employees, prepare team hours, and get a complete picture of their finances

Set up

  1. On the Payroll page, select Set Up Payroll

  2. Add details about the business: business structure, location, and payroll schedule

  3. Set up a bank account

  4. Set up employees

  5. Set up state tax for the business

  6. Sign documents (Direct Deposit Authorization, Form 8655)

Learn more

Run Payroll steps

  1. On the Payroll page, select Pay and choose Employees or Contractors

  2. Select a Pay Period

  3. Hours and Earnings - edit employee details if needed

  4. Review and Submit - review Business Pays, Employee Take Home, and Debits

  5. Select Submit Payroll

Run Payroll - After

OUTCOME

Final design

After successful validation through user testing, I finalized designs for the Payroll page, the Run Payroll flow, and the Payroll Journal Report.

In the Run Payroll flow, I reduced cognitive load and streamlined the process by leveraging progressive disclosure and prepopulating key data (i.e., employees, pay rate, hours, taxes, payment method) based on setup information.

To see the design in a greater detail, you can view the prototype.

Note: the prototype has limited functionality.

Design system

I’ve improved the table component by introducing more columns to support the need for flexibility and surfacing more information. The result is a scalable component that is used on the Payroll page and throughout the Run Payroll flow.

Additionally, I’ve contributed to the iconography by designing feature-specific icons that help users identify actions and navigate the interface more intuitively.

Accessibility

By pushing back on the use of a hover-based Quick Actions menu in the Payment History table that was initially considered (to access actions such as canceling a payroll run or downloading a payroll receipt), I ensured accessibility on touch devices like tablets and phones, where hover interactions aren’t supported.

Design principles

  • Unfold Like an Onion

  • Adapt to the Task

  • Maintain Flow

  • Speak Human

  • Set Expectations

  • Don't Add, Evolve

Payroll - Get Started

Payroll - Get Started

Payroll - Set Up

Payroll - Set Up

Payroll

Payroll

Payroll - Pay Dropdown

Payroll - Pay Dropdown

Run Payroll - Step 1: Pay Period

Run Payroll - Step 1: Pay Period

Run Payroll - Step 2: Hours and Earnings

Run Payroll - Step 2: Hours and Earnings

Run Payroll - Step 2: Hours and Earnings - Edit Pay Modal

Run Payroll - Step 2: Hours and Earnings - Edit Pay Modal

Run Payroll - Step 3: Review and Submit

Run Payroll - Step 3: Review and Submit

Payroll - Submitted

Payroll - Submitted

Submitted Payroll Run

Submitted Payroll Run

Payroll - More Actions Dropdown

Payroll - More Actions Dropdown

Payroll Journal Report

Payroll Journal Report

Reports - Payroll

Reports - Payroll

IMPACT

KPIs

The new Payroll feature had a big impact, as evidenced by impressive success metrics, and both quantitative and qualitative feedback.

40,000+

monthly active users

+47

net promoter score

89%

adoption rate

92%

engagement rate

95%

retention rate

8%

churn rate

How we measured success

  • Adoption rate (89%) was calculated as the percentage of users who have interacted with Payroll, out of the total number of users who have added Payroll to their subscription, since launch.

  • Engagement rate (92%) was calculated based on users who performed meaningful actions in Payroll, such as running payroll and payroll reports, per month.

  • Retention rate (95%) was calculated as the average percentage of users who continued to actively use Payroll month-over-month, based on usage data since launch.

  • Churn rate (8%), reduced from 25% pre-launch, was calculated as the percentage of users who stopped actively using Payroll month-over-month, based on usage data since launch. This significant decrease indicates high feature satisfaction and suggests that users find Payroll valuable and well-integrated into their workflow.

  • NPS (+47) was calculated using feedback gathered through Pendo surveys delivered in-app and via email. The majority of respondents gave a 9 or 10, praising the ease of use, speed, and reliability of the new payroll solution.

Customer feedback

“FreshBooks Payroll has been a reliable, efficient and user friendly tool for managing my team's payroll. It simplifies the process, ensures compliance and integrates perfectly with my accounting system.”

Global Transformation Director | Business Owner

PROJECT DETAILS

Project details

Role: Product Design, User Research

Company: FreshBooks

Team: Product Designer, Product Manager, Engineering

Frameworks: Design Thinking, Agile

Tools:

  • Design: Figma, Zeroheight, Miro

  • User research: UserInterviews.com

  • Project management: Jira, Confluence

  • Product analytics: Fullstory, Pendo, Looker

Year: 2025

Platform: Web

Link: FreshBooks.com