Request a Callback

Perspective Mediation: Revolutionising Legal Dispute Resolution

Designing a dual-funnel, risk-free mediation platform to eliminate financial anxiety and administrative fatigue.

Overview

In the commercial dispute sector, approximately 90% of mediation instructions come from solicitors, leaving a small but critical gap in the market for direct clients. Through initial research, I identified a severe barrier to entry for this demographic: the cost of traditional mediation is prohibitive, especially if the case does not settle.

Simultaneously, instructing solicitors face immense UX friction on traditional mediation websites, where they are forced to sift through endless mediator CVs to find the right specialist. I developed this platform around two core USPs to solve these problems: a “No Agreement, No Fee” model for direct clients, and an automated “Mediator Matching Tool” for solicitors.

Project Goals

The primary objective was to design a platform that removes the financial risk of mediation for direct clients while drastically reducing the cognitive load and time-on-task for instructing solicitors.

Measurable Targets:

  • Increase direct client lead generation by 20% through the low-friction “Free Case Review” pathway.
  • Reduce solicitor matching time by 50% using the automated tool.
  • Improve user trust by visualising the complex mediation process.
Role Lead UX Designer & Developer
Tools Figma, Miro, HTML/CSS, JS
Team Solo Project
Timeline 8 Weeks
Perspective Mediation Hero Desktop View

User Research: Identifying the Friction

User Interviews

During the initial discovery phase, I needed to understand the distinct mental models of our two primary user groups: instructing solicitors (90% of the market) and direct clients (10%). I conducted semi-structured interviews to uncover hidden frictions.

Direct Clients: The barrier was entirely financial. The fear of paying thousands of pounds for a mediation session that might not result in a settlement paralysed their decision-making.

Solicitors: The barrier was administrative fatigue. They expressed deep frustration with websites functioning as glorified CV directories, requiring unbillable hours to hunt for a sector expert.

Quantitative Surveys

To validate the qualitative insights at scale, I distributed an online multiple-choice and ordinal-scale survey via legal networks, receiving 42 complete submissions from legal professionals and business owners.

The data revealed that 78% of direct clients abandon legal websites if pricing isn’t immediately clear, and 85% of solicitors prioritise “speed of matching” over “reading full bios.” I applied these findings directly to the Information Architecture, establishing the dual-funnel navigation.

Survey Insights: Primary Drop-off Causes

78%
85%

Voices from the Field

“I know my client needs mediation, but I don’t have three hours to read through thirty different PDF CVs just to find a construction expert.” — Solicitor (Survey Respondent)
“If we go to mediation and it fails, I’m out of pocket by £3,000 and still have to go to court. It’s too much of a gamble.” — Direct Client (Interviewee)
“Most mediator websites look like they were built in 2005. I want a modern tool that just assigns me the right expert based on my case.” — Law Firm Partner (Interviewee)
“We can only recommend mediation to cautious clients if we can cap their financial exposure. A contingent fee model changes the game.” — Commercial Litigator (Interviewee)

Personas & User Segments

To form a deeper understanding of our users’ goals, needs, and behaviours, I created three distinct personas representing our primary market segments. These were derived directly from qualitative interview insights with legal professionals and business owners. We referenced these personas at every iteration stage to ensure our dual-funnel architecture served both high-intent legal referrers and cautious direct clients.

90% Market Share

Sarah Jenkins

Senior Commercial Associate, 42
Channels LinkedIn, Legal Directories, Legal Tech Blogs
Motivations Needs to quickly match an opposing party with a credible, sector-specific mediator without wasting billable hours.
Primary Pain Point “CV Fatigue.” Frustrated by traditional sites acting as glorified directory PDF dumps, forcing her to read dozens of bios.
10% Market Share

David Clark

SME Managing Director, 55
Channels Organic Search (“commercial mediation costs”, “avoid court”)
Motivations Wants to resolve a £150k commercial breach of contract without risking crippling, unpredictable court fees.
Primary Pain Point Financial Anxiety. Terrified of hourly-rate legal traps where he pays thousands without a guaranteed outcome.
Validation Segment

Elena Rostova

In-House Counsel (Defending), 38
Channels Direct link referral from opposing counsel
Motivations Needs absolute proof of the mediator’s structural independence and fixed-fee neutrality before agreeing to proceed.
Primary Pain Point Skeptical of bias. Needs transparent assurance that the mediator is truly neutral and outcome-blind.

User Journey Mapping

With our business goals and personas established, I mapped the current-state user journeys across traditional mediation platforms to isolate key drop-off points. The mapping revealed two major structural failures: solicitors abandoned sites after getting lost in long directories, while direct clients bounced the moment they encountered hourly rates without resolution guarantees.

Path A: The Solicitor Journey (High-Intent Conversion)

1

Trigger

Needs construction expert for dispute

→
2

Entry Point

Lands on Perspective Homepage

→
3

Interaction

Launches Automated Matching Tool

→
4

Resolution

Auto-assigned expert; formally instructs in <2 mins

Path B: The Direct Client Journey (Low-Friction Lead Capture)

1

Trigger

Terrified of escalating court costs

→
2

Entry Point

Sees “No Agreement, No Fee” Hero Banner

→
3

Interaction

Clicks zero-risk “Free Case Review”

→
4

Resolution

Submits feasibility assessment without financial risk

Card Sorting & Information Architecture

To ensure the site’s Information Architecture (IA) aligned perfectly with user mental models, I conducted 6 remote open and closed card sorting sessions using FigJam. Our goal was to find intuitive groupings for over 30 complex legal services, sector specialisms, and compliance disclosures.

1. Primary Navigation (Top)

PERSPECTIVE MEDIATION HOW IT WORKS SPECIALIST SECTORS MEDIATION FEES ABOUT US INSTRUCT US (CTA)

2. High-Trust Modals

No Agreement, No Fee Protocol Strictly Confidentiality Rules Without Prejudice Protections Structural Independence Firewall Fixed-Fee Remuneration Schedule

3. Utility & Compliance (Footer)

Client Information Sheet Ethical & Professional Framework Mediation Agreement (T&Cs) Accessibility Policy Complaints Procedure

Sketches & Low-Fidelity Wireframes

I initiated the layout process with low-fidelity paper sketches to rapidly iterate through layout structures without losing time on visual aesthetics. My sketches focused primarily on resolving clutter in the hero fold and streamlining the dual conversion pathways.

Layout Evolution: Solving Cognitive Overload

Initial Wireframe (Rejected)
Header & Navigation
Dense Paragraph (Hero Copy)
30+ PDF Mediator CV Directory List
Standard Contact Form

Issues: High bounce rate, severe CV fatigue, opaque fee structure.

Iterated Layout (Selected)
Hero: “No Agreement, No Fee” USP
Interactive 5-Stage Flip Boxes
Automated Mediator Matching Tool
Dual CTAs: Free Review vs Formal Instruction

Outcome: 50% faster task completion, zero-risk lead capture.

Usability Testing & Iterations

I conducted two rounds of moderated usability testing with 4 target participants (2 commercial litigators and 2 SME business owners) using high-fidelity Figma prototypes. Testing focused on verifying task completion speed for finding a specialist mediator and understanding the “No Agreement, No Fee” policy.

Issue 01: Uncertainty Around “No Agreement, No Fee” Legal Parameters

Friction Found

Finding: Direct clients loved the headline guarantee but expressed anxiety over what legally constitutes a “settlement” or when the fee becomes payable. 3 out of 4 participants hesitated at the primary CTA.

Solution 01: High-Trust Modal Tooltips & “Substantial Consensus” Definition

UX Iteration

Fix: I added custom interactive modal popups defining Substantial Consensus (agreement in principle via Heads of Terms) and embedded transparent fee caps. In re-testing, 100% of participants expressed total clarity and confidence.

Issue 02: Form State Loss When Transitioning Tools

Friction Found

Finding: Instructing solicitors who used the Mediator Matching Tool became frustrated when redirected to the general instruction form, as they had to re-select their sector and mediator.

Solution 02: URL Parameter Passing & Pre-Filled State Automation

UX Iteration

Fix: I engineered an ES6 JavaScript auto-fill engine that passes URL parameters (`hide_sector=true&wpforms_field=Sector`). The instruction page now automatically pre-fills choices and hides redundant fields, displaying a visual green verification banner.

UI Design System & Visual Identity

The visual identity was designed to establish immediate corporate authority while maintaining warm approachability for anxious clients. I chose a refined palette rooted in traditional legal stability (Steel Blue), paired with modern digital resolution accents (Teal and Soft Plum).

#455F69
Steel Blue (Primary) Represents structural independence, corporate authority, and legal stability.
#509DA9
Resolution Teal (Action) High-contrast CTA color signifying forward momentum, clarity, and trust.
#C19DBE
Soft Plum (Accent) Distinguishes solicitor-led processes and secondary reassurance touchpoints.

Project Outcomes & Success Metrics

By pairing rigorous user research with custom frontend execution, the new Perspective Mediation platform achieved exceptional performance against our initial business objectives:

50%
Faster Mediator Matching

Solicitors locate and instruct sector specialists without reading long PDF CVs.

+28%
Direct Client Leads

Exceeded the +20% target via the zero-risk “Free Case Review” pathway.

100%
Data Transfer Accuracy

Automated URL parameter engine eliminated form entry errors.

Learnings & Next Steps

Key Takeaways

1. Bridging Design and Code: Building the live WordPress platform directly from my Figma concepts allowed me to preserve 100% design fidelity while solving complex technical edge cases (such as state management across WPForms).

2. Micro-Copy Builds Macro-Trust: In high-stakes legal services, clear content design and transparent definitions (e.g., modal tooltips for legal terms) are just as critical to conversion as layout architecture.

Future Enhancements

• Interactive Dispute Cost Calculator: Develop a dynamic ROI tool allowing business owners to compare estimated litigation costs against fixed-fee mediation.

• Secure Document Upload Gateway: Integrate encrypted drag-and-drop bundle submission directly into the instruction portal to further streamline stage 1 preparation.