Ensuring Accurate and Timely Payments

Converge Move Management
My Roles
Research
User Interviews
UX/UI Design
Interaction Design
Team
1 Product Designer
1 Product Manager
4 Software Engineers
Tools
Figma + Figjam
Notion
Maze

Overview

UniGroup is a network of logistics companies that operate under a dual brand: United and Mayflower, and share resources and technology amongst each other.

This project involved creating a new financial experience for users of UniGroup’s Converge Move, a central dashboard for viewing customer orders, and solving key business problems by decreasing the error rate in paying out invoices.

Business Problem

For each order at UniGroup, who gets paid what and who pays who is a delicate dance. Teams of billing specialists manually analyze charge breakdowns and negotiate responsibility between franchise members, headquarters, drivers, and contractors.The complexity leads to errors in payment that’s costly for all parties involved, and exposes franchise members to legal risk.

User Problem

A new product feature to address this would need to confront some key issues:

How to Solve the Problem

Research is the answer. In order to solve the problem, I needed to use research to answer the following:

Literature Review

In partnership with product management, I started by gathering information from SMEs and existing literature. Through that, we learned where financial data lived and determined where it would fit best to create an easy transition for users.

We landed on this data being integrated into our general order information dashboard, Converge Move, which was going to be a big change from where data currently lived.

Converge Move
Legacy Mainframe (current system)

We also discovered that the payments process isn't one that happens at the end of an order, it happens fluidly throughout the lifecycle of an order and even has it’s own stages with different relevant data:

User Interviews

After understanding the process on a surface level, I formulated interview questions based on the different stages to understand what the user’s needs are and how those needs evolve across the lifecycle of a customer’s order.

Affinity Mapping

After each user interview, I captured notes in Figjam. Then, I created an affinity map of all notes to represent all of the users pain points and analyze the patterns.

Takeaways from Affinity Mapping:

Consolidation of data was the biggest need among users
The same charge can have different meanings depending on what “stage” it’s in.
Some payments need to happen at different stages with less accurate data, requiring some added calculation by the user.
How a charge is calculated is hidden from the user, leading to guessing.

Research to Requirements

Given the research takeaways and negotiated scope, we defined the following design requirements:

Iterating to a Solution

Once the requirements were established, I moved on to wire-framing the new experience in Figjam. Using the documentation gathered in the research phase, I created these quick sketches of two views to incorporate the requirements above.

User Testing

Low fidelity testing with users early in the process revealed a few additional details that weren’t caught in the initial research phase: Users needed a way to sort and filter what charges were specific to them out of the overall list of charges, based on their role on the order. New wireframes were created with this requirement in mind.

I continued iterating and testing with users.

The Solution

After a few iterations with users and confirmation with product/engineering, I felt confident moving to a high-fidelity prototype.
In the end, we were able to deliver a solution to users that satisfied the requirements:

Visibility in One Place

The estimated revenue view compiles values from different legacy tech sources to display everything in one simple table. Users can toggle between the estimated revenue view and the actual revenue - making it very easy to compare values.

Grouping & Filtering

Users can group the table by company, charge, or category of charges. This creates multiple tables that the use can view totals in, and configure however they like.

They can also filter the grouped view down by company, allowing each involved party to see their own revenue in a simple and easy way.

Breakdown into Charges

Users are able to click on any line item in the table to view a breakdown of the charge. This is different for every line item, as different factors impact each price. In this example, the linehaul charges are affected by weight and miles, so I've included this data in the breakdown.

Consolidated Bill View

This view allows users to view all of the customer bills at once, and filter by the relevant ones. This reduces confusion on which amounts on the bill are the most accurate.

User Feedback

Before launch, I gathered another round of feedback on the prototypes to make sure there was nothing I missed. The standout feedback was that the CSV download that would allow them to download each table was an huge benefit to their workflows, which already required them to be working in excel.
Users also had high praise for the group-by feature and filters, one user stating that being able to sort things out will help them understand the totals much easier.

I can already see where this would save me a lot of time. - Matt K.

Takeaways

This project really reinforced to me the importance of iteration. Given the complexity and significance of this stage in the order’s lifecycle, it was crucial to get it right. One of the biggest challenges I faced was designing for all user groups rather than focusing on just one persona. By testing early wireframes, I was able to quickly identify gaps in functionality, and addressing these gaps lead to the group-by feature and enhanced filtering, which ensured a more inclusive, seamless experience. Seeing how these refinements improved efficiency and reduced errors reinforced my belief in early testing and continuous iteration! Ultimately, I’m proud that we created a tool that not only streamlined workflows but also had a meaningful impact on our users’ daily tasks.

More of my work: