Skip to main content
UI Coach Logo
Advanced

Invoice Reconciliation Workspace

Design a finance operations workspace for matching invoices to purchase orders, receipts, payments, and explainable exceptions.

Desktop web4 hours plus

The brief

Understand the problem

Background

A wholesale business receives invoices through several channels. Most can be matched to purchase orders and received goods, but price differences, split deliveries, duplicates, and missing tax details require review.

User context

Lin closes accounts for the month with 312 invoices still open. She needs to resolve high-value discrepancies first and send precise questions to buyers or suppliers.

Product problem

The reconciliation team needs a dense but traceable workspace that connects source documents, matching rationale, ownership, and payment deadlines.

Objective

Create queue, comparison, exception resolution, and approval states for invoice reconciliation.

What to design

Define the experience

Required experience

  • Prioritize invoices by value, due date, confidence, and exception type
  • Compare invoice, order, receipt, and prior payment data
  • Resolve or route a discrepancy with evidence
  • Approve a verified invoice and retain the decision trail

Screens and states

  • Reconciliation overview and queue
  • Four-way document comparison
  • Exception resolution
  • Approval and audit history

Core user flow

Follow the critical path

  1. 01

    Lin filters for high-value invoices due within three days

  2. 02

    She opens an invoice with a quantity mismatch caused by a split delivery

  3. 03

    The second goods receipt confirms the remaining units

  4. 04

    Lin links the receipt, documents the match, and approves payment

Product rules

Requirements and constraints

Requirements

  • Keep original document values visible beside normalized fields
  • Explain exact, suggested, partial, and failed matches
  • Support field-level comparison and linked source evidence
  • Assign exceptions with due dates and structured questions
  • Require a reason for overrides and payment release

Constraints

  • Suggested matches need accountable human confirmation
  • Financial records must retain a tamper-evident history
  • The interface must support large tables at 200 percent zoom

Reality check

States worth considering

One invoice covers several purchase orders
A supplier sends a corrected invoice
A duplicate invoice uses a different number
Goods arrive after the payment deadline
Tax amounts differ because of rounding

Ready-to-use content

Mock data

Use this content to test hierarchy and realistic data states. You can expand it when the concept needs more depth.

Invoice exception

  • Invoice INV-8842: $18,420 due 27 August
  • Purchase order PO-1907: 500 units
  • Receipt GR-551: 320 units
  • Receipt GR-568: 180 units
  • Price variance: $0

Finish line

What to deliver

  • Four desktop screens showing a split-delivery resolution
  • A component inventory for match status, evidence, and approval controls

If you want more

Optional extensions

Add a batch approval review
Design an aging report for unresolved exceptions

Optional direction

Visual resources

Use these as a starting constraint if you want one. They are not part of the required solution.

Font pairing
RufinaOxygen

Rufina & Oxygen

Clear interface writing gives people the confidence to understand what changed and decide what to do next.

Icons
Illustrations

Keep practicing

Advanced
Fintech

Freelancer Tax Estimate Workspace

Design a tax preparation dashboard that organizes income and expenses, explains estimates, and highlights records needing review.

Desktop web4 hours plus
Dashboard DesignData Visualization
Advanced
Fintech

Investigate a Suspicious Payment Pattern

Design an analyst workspace for connecting transaction evidence, testing explanations, and authorizing a proportionate fraud response.

Desktop web4 hours plus
Dashboard DesignData Visualization
Advanced
Fintech

Understand a Small Business Cash Position

Design a finance dashboard that connects revenue, expenses, payroll obligations, and cash runway without hiding data uncertainty.

Desktop web4 hours plus
Dashboard DesignData Visualization
Advanced
Fintech

Review a Cryptocurrency Trade Before Placing It

Design a trading ticket that explains price movement, fees, network conditions, and order consequences before confirmation.

Mobile4 hours plus
Data VisualizationTrust and Safety
Intermediate
Fintech

Personal Finance Dashboard

Design a calm financial overview that connects spending, upcoming obligations, savings progress, and account health to useful next steps.

Responsive web2 to 4 hours
Dashboard DesignData Visualization
Advanced
Fintech

First Stock Order Ticket

Design a stock trading flow that helps a new investor place and monitor one transparent market or limit order.

Responsive web4 hours plus
Information HierarchyData Visualization