Cutting credit hold resolution time for 200+ sellers

Tags: Supply chain · Responsive · UX research · Affinity mapping · Information architecture

How fragmented tools and a missing data layer were slowing down sellers

US Foods sellers aka “Territory Managers” relied on three separate systems “Edge, Sous, and the E-commerce” plus phone calls just to get a complete picture of their accounts. I was brought in to design the Seller Dashboard: a mobile-first risk management tool embedded in the E-commerce that consolidated financial signals into one real-time view, giving sellers the power to act before accounts hit a hold.

Lead product designer of the seller dashboard

Focus

Lead UX Designer,

researcher, facilitator,

grid system architect.

Team

Design & Research, Product Manager, Product Owner, Development, QA.

Platform

Responsive (desktop & mobile devices)

Timeline

May 2024 – Sep 2024

Multiple systems, partial visibility, and a middleman

Even though sellers could see most of their account data, the picture was incomplete and scattered. Edge, Sous, and the E-commerce each held a piece of the story, and credit hold status wasn’t in any of them. That lived in a separate system only coordinators could access. So when something went wrong, sellers had to call coordinators, coordinators had to look things up, customers waited and orders stopped cold. The process worked, but it was clunky. Sellers knew there was no good reason for three systems, a phone call, and a middleman just to answer: is this account safe to serve today?

This was a loss-prevention and relationship-protection problem. The business wanted fewer late payments and fewer holds. Sellers wanted visibility and autonomy and the Seller Dashboard sat directly between the two.

Project scope & alignment

Before talking to a single seller, I aligned with the Product Owner and Product Manager to establish shared ground: team structure, user scope, business goals, and the vision for what the dashboard needed to become. We used an early consulting firm mockup to map assumptions, surface possible scenarios, and make sure we were solving the right problem before committing to a direction.

Listening before validating (ROUND 1)

With the scope defined, I scheduled a working session with 10+ Territory Managers. The group closest to the problem and always willing to co-create. I approached this round without a structured interview guide deliberately. No deck, no script. Just an honest conversation. “Walk me through your day. What information do you need before a customer goes on hold?”

Instead of leading with a deck, I used the same mockup as a stimulus, with the goal to provoke reactions and get the conversations started.

Three patterns emerged from the conversation

Navigating two old systems

Edge and Sous gave pieces of the story, and even though they expressed getting the information was not hard, it was delayed (semi-real time data). Sellers described constant switching: “I look here… then I look there… then I still have to call the coordinator.”

The need of a tool that matched their mental model

They wanted something that felt like “how we actually think,” not how the systems spit out data. Who’s at risk?, Who do I need to call?, Who is close to being in trouble?, Who is safe for now?

Credit coordinators had visibility sellers didn’t

They depended on credit coordinators because those coordinators had access sellers didn’t using another system from “Tandem”. “The coordinators can see and remove the credit hold status. We don’t.”

From seller insights to a redesigned information architecture

ROUND 1 gave us what we needed to stop guessing and start designing with intention. The consulting firm’s Version 1 was built on business assumptions, it had no research behind it. Version two was our first chance to build something grounded in how sellers actually think.

Three principles guided every decision in V2:

2) Make status visible at a glance V1 treated all metrics the same, no color differentiation between a good status like autopay and a critical one like overdue accounts. V2 introduced color-coded status logic: red for critical, yellow for caution, neutral for stable. Sellers needed to scan, not read.

3) Reduce friction at the entry point V1 proposed a standalone menu item. V2 embedded the dashboard directly into the Payments page as a tab visible only to sellers via feature flag. This eliminated an extra navigation step and put the tool where sellers already were.

What changed structurally in V2:

  • 1st level: seller-prioritized KPIs (open invoices, overdue invoices, accounts close to terms, accounts past terms)
  • 2nd level: credit holds, autopay, one-time payment, scheduled payments
  • 3rd level: full customer list with filtering by credit status, invoices, and payment type
  • Removed breadcrumbs (no longer needed with the new entry point)
  • Added date range filters (defaulting to last 6 months to prevent system overload)
  • Removed redundant links that duplicated content already in the customer view

Validation (ROUND 2)

With V2 in hand, I moved from discovery into formal validation. I created a full research plan: strategy, evaluation criteria, stretch goals, and a structured analysis framework; then moderated five 1:1 sessions with Territory Managers across different markets. Each session ran 45 minutes and focused on two things: understanding how sellers navigate their payment workflows, and evaluating whether V2 actually supported those workflows.

Moderated validation sessions

Credit holds and Accounts past terms were unanimous must-haves (5 of 5). These two anchored every decision that followed. Scheduled payments scored high too; sellers wanted to stop micromanaging customers and knowing upcoming payments gave them that.

AR Aging was also a clear ask, sellers wanted the same debt breakdown by days they had in Edge, but in a format that actually worked on mobile. That became a V3 priority.


One-time payment and Autopay, were two metrics the business was confident about but were removed entirely. Sellers couldn’t distinguish one-time payment from scheduled payments, and nearly unanimously called both filler. Open invoices landed poorly too; only 1 of 5 found it useful, Overdue invoices was the clear preference. Soft hold was unfamiliar to most sellers entirely. The business assumed sellers would want that visibility. Sellers told us it just added noise.


What sellers said

The 8-day gap nobody considered

During Round 2 analysis, two terms kept surfacing as points of confusion “close to terms” and “past terms“. This wasn’t on my radar going into Round 2. Sellers understood what both terms meant, but the confusion was about timing. An account could be past terms but still have 8 days to pay before a credit hold was triggered. That grace period wasn’t reflected anywhere in the dashboard, which meant the data could make a situation look more critical than it actually was or worse, give sellers false confidence.

Rather than guess how sellers were mentally calculating that window, I ran a quick survey posted directly in the Microsoft Teams group of all sellers. Two questions, clear answer options, fast to complete. This told us exactly how to define and display both metrics in the dashboard — and it directly informed the grace period disclaimer we placed above the data table in V3: “Data does not include the 8-day grace period.”

12 of 13 sellers: Said “close to terms” means 1 day before the due date — not inside the grace period window

9 of 13 sellers: Said “past terms” does NOT include the 8-day grace period

What V2 proved

The direction was right but gaps remained, terminology needed clarification, metric hierarchy needed refinement, and the table still felt designed for accountants, not sellers in cars. This set the stage for the mobile-first pivot in V3.

The Mobile-First Pivot

Round 2 confirmed the direction. But it also exposed something we hadn’t fully accounted for: sellers don’t work at desks. They work in cars. Every prototype until this point had been desktop-first. Clean layouts, spacious tables, thoughtful columns. V3 was the redesign that made the dashboard real.

What changed in V3

Information architecture reorganized by risk priority. The order of metrics was defined directly by sellers in Round 2, red for critical, yellow for caution, black for neutral. Credit holds and past terms surfaced first. Autopay and one-time payment were removed; sellers confirmed they didn’t help prevent or resolve issues.


AR Aging integration

Sellers told us in Round 2 they needed it. V3 delivered it, a drill-down view mirroring what sellers knew from Edge.

Two toggle views: Account Activity for territory-level overview, AR Aging for payment health breakdown per customer.


A new mobile table pattern

The data table switched from horizontal density to stacked scannable cards: customer name, credit status, account health %, unpaid invoices, unused credits, payment method, and balances. Essentials first, details on tap.


Progressive disclosure

Expandable drawers and nested invoice lists kept the interface clean without hiding critical detail.


Adding the ‘grace period’ note

Based directly on the survey findings, a clear message above the data table: “Data does not include the 8-day grace period.” No more confusion about what the numbers mean.


New grid system for dashboards

Designing for mobile forced a component model that didn’t exist yet in the E-commerce. I built a flexible and scalable grid that adapted across mobile, tablet, and desktop, and collaborated with developers to make it a global component retroactive across the entire platform.

The 60+ Seller A/B Test (ROUND 3)

V3 hadn’t been shown to sellers yet. Before development, we needed to validate one remaining debate: how metrics should be visually prioritized on mobile. Directors had divided opinions on vertical space usage, and we needed data to settle it.

Prioritized visual consistency: Metrics at equal weight, collapse/expand control, familiar layout.

Prioritized visual hierarchy: Condensed layout, key metrics differentiated, more content visible without scrolling.

The 60+ Seller A/B Test

  • Version B had a slightly higher overall success rate — 59% vs 57%
  • Version B was faster on average — 8.46s vs 9.04s per task
  • Version A performed better on key metric findability by 3.14%
  • Both versions struggled equally with the entry point and AR Aging tasks
  • Version B made it significantly easier to identify a specific customer and locate the grace period message

The CX lead was uncomfortable, he asked me: were the questions too hard? Was the test flawed? But the data wasn’t flawed, it was telling us something more useful than a winner: it was showing us what each version did well and where each one fell short. Rather than default to one version or rerun the test, I synthesized across both. The final design took Version A’s strength in key metric findability and Version B’s clarity for customer identification. The test didn’t give us a winner. It gave us a better design.

The A/B test set what we kept and what we changed

Kept the business’s preferred entry point, education via ‘appcues’ over changing navigation.

Kept the grace period message close to the data it contextualizes.

Adjusted metric tile height for better above-the-fold visibility on mobile.

Added collapse/expand control below metrics, sellers choose their focus.

Placeholder tile prevents whitespace on odd metric counts, and it links to account balance.

What sellers said after seeing it

What changed when sellers had the full picture

The dashboard launched to positive adoption in the initial phase 75% of sellers jumped straight to full use without needing hand-holding. The feedback from the field was immediate and consistent. This replaced Edge and Sous in their daily workflow.

Business Impact

  • 75% of sellers adopted the dashboard to full use in the initial phase
  • 61% reduction in credit-hold resolution time, eliminating coordinator calls and giving sellers direct visibility
  • 22 minutes → 5 minutes average daily prep time, replacing multi-system lookups with a single dashboard review
  • Helped retire Edge and two other legacy tools
  • Grid system became a global component retroactive across the E-commerce, used beyond the dashboard in future AR tools

What the team said

Even at the early stages when we only had assumptions and a lot of gaps, she came in prepared, asked the right questions, and kept the project moving. She aligned sellers, stakeholders, and cross-functional teams without letting anything get stuck in the weeds. Noah K. Product Owner

We had so many edge cases, but Chio has this way of dissecting complexity and turning it into clarity. Her magic wand took 400 sticky notes and turned them into a grid system the entire org now uses.
Julie Y. Product Manager

Chio went above and beyond, she shipped as a leader. Michael H. Direct Manager

About behavior, pressure, and decision-making

This project pushed me to think beyond UI, It taught me:

  • Terminology is design. The confusion around “past terms,” “close to terms,” and “one-time payment” weren’t just labeling problems — they were trust problems. When sellers couldn’t decode the dashboard’s language, they couldn’t trust the data. Getting the words right was as important as getting the layout right.
  • Research doesn’t end when you think you have the answer. Round 2 gave us direction but also opened new questions. The survey filled a gap Round 2 couldn’t. The A/B test resolved what the survey couldn’t. Each step earned the next one.
  • Designing for mobile isn’t a constraint. Committing to mobile-first forced every decision to be essential. If it didn’t earn its space on a 390px screen, it didn’t belong anywhere.
  • Speak up when things were unclear. With sellers, with stakeholders, with developers. The moments I pushed for clarity instead of assuming I’d figure it out later were the moments the project moved forward.

Other Projects

Customer Incentives
Fraud Alert