SCALING THE DESIGN SYSTEM: BULK PAYMENTS

Updating and Optimizing our bulk payments design pattern
for all users

 

Research

Don’t worry about sounding professional.

Interaction

kajsdfkajhfd

Design System

Be clear, be confident and don’t overthink it.

Dream It.

adjksfkajfhd

 
bulkpay2.gif

The Problem

Business owners who send invoices, obviously get paid and need to record that in FreshBooks. Sometimes they get paid for several invoices at a time or receive multiple payments at once. Increasingly we had users who needed to process more payments, our highest volume billers. We observed a user need to optimize the workflow for people processing up to 150 payments at a time. Our existing pattern was designed for a workflow for people making 1-2 payments at a time, took up too much space on the screen, did not allow for easy scanability, and quick actions when folks are trying to record a bunch of payments simultaneously.

 
Screen Shot 2021-02-19 at 10.00.00 PM.png

That said, a large majority of our user base processed only 1-2 payments at a time. The solution needed to work as seamlessly for person who processed a single payment at a time.

 
Screen Shot 2021-02-19 at 10.00.11 PM.png
Screen Shot 2021-02-19 at 10.00.22 PM.png

It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.

OUTCOMES
leadership in workflows, we are seeing more people apply more payments than before. but we saw this as an oppurtunity to continue to build workflows for our more enterprise customers.