Payscrow

Web Design, Landing Page, Dashboard

Web Design, Landing Page, Dashboard

Web Design, Landing Page, Dashboard

Client

Figma

Services

Web Design, Landing Page, Dashboard

Timeline

2 Weeks

Year

2024

Case Study: PayScrow – B2B Escrow Web & Dashboard Redesign

PayScrow is a secure digital escrow solution that helps businesses and individuals buy, sell, rent, and pay with confidence. My role was to redesign the website and dashboard to improve usability, build trust, and enhance the overall transaction experience for B2B users.


1. Discover – Understanding the Problem

To kick things off, I needed to understand how users interact with escrow services and what challenges they face.

Client Goals:

  • Rebuild the web interface and user dashboard

  • Improve onboarding and user trust

  • Simplify transaction flows (for both parties involved)

  • Clarify escrow steps (initiation, approval, release, dispute)

User Research:

I interviewed both merchants and service providers who rely on escrow for high-value transactions. The research revealed confusion in the payment flow and poor visibility into transaction status.

Key Insight:

“Users needed clarity on where they are in the escrow process — and confidence that their money is safe at every step.”


2. Ideate – Simplifying Secure Transactions

With clarity on user pain points, I began mapping out better workflows and clearer hierarchy.

User Flow & Wireframes:

I redesigned the core experiences:

  • Account setup and KYC

  • Creating and receiving an escrow request

  • Transaction lifecycle (Pending → Funded → Released → Completed)

  • Dispute resolution and message thread

Feedback Loop:

I shared early wireframes with the client and real users for validation. Key improvements suggested:

  • Adding status indicators per transaction

  • More context at every step (tooltips, progress steps, etc.)

Decision:

I introduced a step-by-step transaction tracker, clean sidebar navigation, and context-specific actions (e.g., “Upload Document”, “Release Funds”).


3. Design – Building Trust Through Clarity

With a stronger structure, I moved into high-fidelity UI design to bring the product to life.

Design Tools:

Figma was used to create both the responsive website and the full dashboard interface.

Visual System:

  • A trust-focused design language with blues, neutrals, and confident typography

  • Clear visual hierarchy to guide users through complex transactions

  • Custom icons and progress indicators to support quick scanning

Components Designed:

  • Escrow Tracker Widget

  • Dashboard Overview (Active Transactions, Disputes, Upcoming Releases)

  • Transaction Detail Page

  • Messaging Center

  • KYC Verification Flow

Prototype:

A clickable prototype was created to simulate the entire transaction process — from escrow initiation to fund release.


4. Test & Refine – Validating with Real Users

Usability tests were conducted to catch friction points and confusion in the flow.

Usability Testing:

Testers (business users and vendors) were asked to complete key tasks:

  • Initiate a new escrow

  • Track an ongoing transaction

  • Raise a dispute

  • View payment history

Findings:

  • Some users weren’t sure what happens after a payment is made

  • Others struggled with where to upload contracts/invoices

  • Few missed dispute entry because it was too hidden

Final Refinements:

  • Added a step-based progress bar with contextual instructions

  • Introduced smart nudges (e.g., “Waiting for Buyer to Fund”)

  • Improved dispute entry visibility and messaging flow


5. Deliver – Preparing for a Smooth Handoff

Once approved, I prepared all deliverables for the development team.

  • Figma files with organized pages and components

  • Interactive prototype for handoff

  • UI documentation (spacing, color styles, icon usage)

  • Visual QA support and responsive breakpoints for desktop/tablet


Conclusion

PayScrow’s redesigned platform now delivers a streamlined and secure escrow experience that’s easy to follow, visually clear, and ready for scale.

Post-redesign results (pilot launch):

  • 2× increase in completed transactions

  • 50% drop in support tickets related to “unclear payment flow”

  • Faster onboarding time for new users

When it comes to financial UX, clarity builds trust.

And with PayScrow, users now feel more in control — and more confident — with every transaction.

Available for new projects

Let’s Build Something Amazing Together.

Have a question or an exciting project in mind? I’d love to hear from you. Let’s create user experiences that make a difference.

Available for new projects

Let’s Build Something Amazing Together.

Have a question or an exciting project in mind? I’d love to hear from you. Let’s create user experiences that make a difference.

Available for new projects

Let’s Build Something Amazing Together.

Have a question or an exciting project in mind? I’d love to hear from you. Let’s create user experiences that make a difference.

Create a free website with Framer, the website builder loved by startups, designers and agencies.