Work/Escrow Services Dashboard

Escrow Services Dashboard

Designing a 0–1 SaaS escrow platform for B2B transactions — three user types, one complex status flow.

— min read
Escrow Services Dashboard
Role
Product Designer
Timeline
2 months · Internship
Collaborators
Business Analyst · Frontend & Backend Engineering
Methods
User interviews · Journey mapping · Wireframing · Visual design
Context

A client approached us to build a SaaS escrow platform for B2B transactions — a space traditionally limited to real estate. In a domain where a single design misstep can erode the financial trust of both parties, getting the experience right mattered. The initial brief was limited to an admin dashboard; what we shipped was significantly broader.

Research

Starting with people, not the brief

The client wanted the admin dashboard first. We pushed back. Escrow existed in the world, people had used it in real estate, and they had opinions about what worked and what didn't. We had to understand that experience before designing anything.

Business stakeholders
Client interviews to understand operational requirements, admin workflows, scale considerations, business constraints.
Client team
Escrow users
Interviews with people who had used escrow in real estate to understand what the process felt like in practice and where pain points appeared.
12 user interviews
Domain research
How established financial platforms handled verification, status, and disputes to map existing user mental models.
Competitive review
Insights

What we found

Escrow is, at its core, a trust mechanism. Everything we design must be in service of that one metric.
Visibility was non-negotiable
Prominent progress indicators and status checks at every stage for clarity on what happened, what's pending, and who acts next.
The ability to exit mattered
Funds locked with no recourse was a recurring fear. Flexibility to cancel or dispute was the foundation of trust, not a nice-to-have.
Verification requirements
Buyers needed proof the seller was real before committing funds. Verification was a trust signal, not a formality.
Admin had to signal authority
Perceived ambiguity on the admin side reflected on the business's trustworthiness. The dashboard had to project control.
Process

How we worked

Escrow design process

The design process

Users & roles

Four key players

The Buyer
The Buyer
Initiates the transaction. Wants funds held securely until delivery is confirmed.
TrustVisibilitySecurityControl
The Seller
The Seller
Fulfils terms to trigger payment. Needs clear terms, proof of funds, and a path to dispute.
TrustVisibilitySecurityRedressal
Other Disbursements
Other Disbursements
Agents and commissions attached to the transaction. Need a window to check in regularly.
VisibilityRedressal
The Admin
The Admin
Oversees all transactions. Their competence and efficiency is the platform’s credibility.
ControlVisibilityPower
The Journey

An overview

Agreements change, amounts shift, deals collapse. Money triggers anxiety, so flexibility and a clear exit path had to be built in from the start. Working sessions to map the end-to-end process aligned all stakeholders before any design work began.

Escrow process overview

Fig. 1 — End-to-end escrow process overview mapping all three user roles across the transaction lifecycle.

How the scope changed

The brief asked for an admin dashboard and transactional emails. We pushed for three surfaces: a public-facing website, a buyer and seller dashboard, and the admin dashboard. Buyers and sellers couldn't transact on trust alone with only emails and phone calls as their interface. Due to time constraints, v01 covered the three primary personas; disbursements were documented and deferred to v02.

The system

Three surfaces

The Front-Facing Website

Most businesses had never used an escrow service. The landing page had to explain it, build confidence, and make sign-up feel approachable.

Finding a service they can trust
Clear signals about how it works and what happens if something goes wrong.
Comparing options
Pricing and process without needing a demo to find out the basics.
Understanding escrow
The mechanism explained plainly enough to act with confidence.
Getting help
Clear access to support without hunting.
Getting started
A clear path in — not a form before I've seen anything.
Website screens

Fig. 2 — Public-facing website: homepage, pricing, and sign-up flow designed to build trust before the first transaction.

The User Dashboard

Buyer and seller need different things from the same transaction. Building a scalable system that encompassed both was the challenge.

Buyer
Security until delivery
Funds held safely until goods arrive and are confirmed.
Risk reduction
Protection when transacting with someone I don't know.
Smooth handover
The platform handles the choreography.
Seller
Building buyer trust
The platform signals that the seller is verified and legitimate.
Fast access to funds
Payment without unnecessary delay once delivery is confirmed.
A clear record
Documented proof of what I delivered and when.
User dashboard

Fig. 3 — Buyer and seller views of an in-progress transaction. Same status model, role-specific actions and information.

The Admin Dashboard

Identity verification, stalled transactions, fund release, disputes. The original brief wanted this surface alone, but their efficiency depends on the user-facing surfaces enabling autonomous transactions for most of the experience.

KYC at scale
Verify identities without creating a bottleneck.
Full portfolio oversight
Catch problems across all transactions in real time.
Chasing stalled deals
Know when a deal goes quiet and have a clear path to re-engage.
Accurate fund release
Trigger payment when terms are met — correctly, every time.
Fast query resolution
Anxious users in live transactions need quick, clear responses.
Scaling without breaking
Processes that hold as volume grows.
Admin dashboard

Fig. 4 — Admin dashboard: transaction queue, KYC verification queue, and dispute management in a single view.

Wireframes

Wireframes

Early and iterative wireframes resolved what each role could see on shared screens, and how status maps to actions rather than just states. The journey maps shortened this phase significantly.

Wireframes

Fig. 5 — Mid-fidelity wireframes covering buyer initiation, seller acceptance, and shared transaction status screens.

A closer look

The design under pressure

The Buyer
The Buyer

John is initiating a high-value transaction for a batch of goods. Payment releases only when delivery is confirmed.

The Seller
The Seller

Amelia is preparing to ship. She needs terms locked and proof of funds before anything moves.

1
Initiating

John creates an account and starts the escrow process.

Initiating

Fig. 6 — Account creation and onboarding. Trust signals are established before the buyer initiates their first transaction.

2
Drafting

John fills in the details, tags Amelia and any disbursements. He can save, return, or discard before sending.

Drafting

Fig. 7 — Transaction drafting: amount, counterparty tagging, terms, and disbursement splits. Drafts are saved automatically.

3
Waiting

John sends the created transaction. Amelia accepts or requests changes. He can run other transactions in the meantime.

Waiting

Fig. 8 — Pending state from the buyer's view. Status is clear, next action is Amelia's, and other transactions remain accessible.

4
Accepted

Both parties complete KYC. John transfers funds. Status changes are tied to actions and ensure clarity.

Accepted state

Fig. 9 — Accepted state: both parties have completed KYC, funds are locked, and status changes are tied to actions.

5
Completion

John releases funds on delivery confirmation. Amelia triggers payout with proof of delivery. Admin holds final authority.

Completion

Fig. 10 — Completion flow: delivery confirmation, fund release request, and the admin's final approval step before payout.

Error messaging

Writing for anxiety

A UX writing exercise was necessary because of the sensitive nature of the transaction flow. We aimed to be specific, calm, and actionable — never vague, never alarming.

Error states

Fig. 11 — Error message system: specific language, calm tone, and a clear path forward for every failure state.

Responsive design

Safe at every size

Responsive experiences for mobile, tablet, and desktop emphasise safe monitoring. The hierarchy was simplified and actionable elements reduced — users could quickly understand transaction status without risking unintended interactions.

Responsive views: mobile, tablet, and desktop

Fig. 12 — Mobile (read-only status), tablet (light actions), desktop (full interface). Priority shifts with screen size.

Reflections

What I would do differently, and what I'd do exactly the same

01
Research before design
The most consequential call we made was delaying wireframing until we'd spoken with people who had moved money through escrow. That one decision expanded scope and produced a better product. In high-stakes financial work, what a business assumes users need and what users feel are rarely the same thing.
02
A shared language for tradeoffs
The journey maps we built early became the most useful alignment artifact on the project. The client was focused on operations; our job was to hold the user trust thread. The map gave both sides the same document to reason from — friction points, guardrails, tradeoffs — all before they got embedded in the product.
03
Limited validation data
The company was sunset for reasons unrelated to the product, so we never validated the experience at scale. Internal testing suggested the flows held up. What we couldn't observe was how they'd perform under real-world pressure over time — edge cases, behavioral patterns, the trust signals users build through repeated use. Those questions stayed open.