Skip to main content
UI Coach Logo
Advanced

Understand a Small Business Cash Position

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

Desktop web, Tablet4 hours plus

The brief

Understand the problem

Background

Small businesses often combine bank data, invoices, bills, and payroll from separate systems. A profit figure does not answer whether enough cash is available for upcoming obligations.

User context

Mina runs a twenty-person design studio. Two large invoices are late, payroll is due next week, and she needs to decide whether to delay a planned equipment purchase.

Product problem

Incomplete synchronization and uncertain invoice dates can make forecasts look more precise than they are. Sensitive salary details also require stricter access than summary finance data.

Objective

Create a cash-position dashboard and scenario review for a small business owner.

What to design

Define the experience

Required experience

  • Current cash and upcoming obligations overview
  • Revenue and expense trend with data provenance
  • Cash-flow forecast with editable assumptions
  • Restricted payroll detail
  • Scenario comparison for a planned purchase

Screens and states

  • Finance overview
  • Cash-flow forecast
  • Transaction detail
  • Payroll obligations
  • Scenario comparison

Core user flow

Follow the critical path

  1. 01

    Mina reviews current cash and the next thirty days of obligations

  2. 02

    She sees that two overdue invoices affect the forecast

  3. 03

    She changes expected payment dates for a conservative scenario

  4. 04

    She confirms payroll coverage without opening individual salaries

  5. 05

    She compares buying equipment now with delaying it one month

Product rules

Requirements and constraints

Requirements

  • Separate confirmed transactions from forecasts and assumptions
  • Show source and last sync time for financial data
  • Make overdue receivables and near-term obligations actionable
  • Restrict salary-level detail by role
  • Allow scenario changes without altering accounting records
  • Explain forecast uncertainty rather than presenting one guaranteed outcome

Constraints

  • Bank and accounting feeds update at different times
  • Some expenses are recurring but variable
  • Payroll data is highly sensitive
  • The dashboard must handle several currencies

Reality check

States worth considering

A bank connection stops syncing
An invoice is partially paid
Payroll amount changes after the forecast is saved
A user lacks permission for one data source
Currency rates are unavailable

Finish line

What to deliver

  • Design five desktop screens showing current cash, uncertainty, permissions, and scenario planning.

Optional direction

Visual resources

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

Font pairing
RalewayRoboto

Raleway & Roboto

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

Invoice Reconciliation Workspace

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

Desktop web4 hours plus
Dashboard DesignInformation Architecture
Advanced
Fintech

Guided Portfolio Rebalance

Design an investment review that proposes a diversified rebalance and requires informed approval before any order.

Responsive web4 hours plus
Data VisualizationTrust and Safety
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