Lean UX Design 

Collaborative Legal Hybrid App

Truce Law, 2019-2020
  • R20% CTR
  • R388% ROI first year
  • RScaled team 300% first year
Collaborative Law App

The Challenge

Onboard clients with a web app for court-free legal alternatives.

Priority 1:  Engage referrals with resources while funneling leads.

Priority 2: Combine member admin interface on existing WordPress platform with custom legal collaboration app.

My Role

We collaborated closely to align content strategy, user-flow, and SEO as a Minimal Viable Product (MVP). I recruited a developer to map client data securely on the backend and significantly simplified client interactions. I also added successful landing pages and saw the company triple its team the first year.

Overview of Lean UX Iterations

The client and I were both strategic about leading with research and strategy. Most of the work up front was UX research, following by lean builds. We built the evaluation first to capture leads relevant to their niche services. This immediately improved client conversion while we built the web app to scale their legal services.

Project Overview: UX Iterations and Workflow
Project Overview: UX Interations and  Workflow

1. UX Research

Stakeholder Interview, User Research, and Strategy

Identifying Opportunities + Flow

My origins in multidisciplinary design and front-end development added unity as we planned strategy for tech, user, admin and stakeholders. Google Workspace was our go-to collaboration resource. Miro was the remote playground for prioritization, user research, user flows and ideation.

Shareholder Interview | Audit and Competitive Analysis, Industry Trends

We developed baseline requirements and objectives during initial discovery and analysis. Then, we set out to test the most viable, lean API solution to map form fields to PDF queries.

UX Trends

Minimal Viable Product (MVP) Information Architecture

Illustrating work flow and data mapping architecture laid the ground work to test my MVP hypothesis: Adapt web app for current tech stack with the following:

      • Gated Membership API
      • Map form fields with conditional logic output
      • Leverage field input and javascript queries to map data to legal form PDFs
      • Conserve resources by testing simple form
Mapping API and Development

Lean UX Board

Collaborating on a whiteboard like Miro helps identify priorities easy and which features to add during later iterations.

Persona Attributes

We identified shared user attributes with empathy maps to develop meaningful personas and leverage for content briefs.

User Flows

Below is the latest user flow iteration and it unifies an end-to-end user journey.


My UX/UI briefs provide UX/UI continuity for all interactions and brand touchpoints. Branding, design prototypes, and UX/UI are inherently integral to the design process.

Creative Brief
Content Brief (Collaborative)
Design Guidelines

2. Build 

Wireframes, and interactive Prototype Designs

Part 1: The Educational Evaluation Prototype

Clickstream interactions navigate clients through their options.

      • A landing page screen captures lead referrals
      • Each interaction triggers a conditional response
      • A progress par provides a helpful visual cue to aid evaluation completion

Part 2: The Web App Prototype

The onboarding process steps paid members through their account with a pilot overview screen.

      • A bookmark prompt appears, followed by account confirmation
      • A brief overview reassures users they can securely collaborate with their family
      • Clients can stop to save their progress at any time
      • A visual aid above each form identifies progress and completion
      • Minimal clean design

Part 3: The Development

We simplify legal form requests and requirements for the client.

      • We curate form fields to avoid redundant requests as they appear on the legal forms
      • I map data from a single user form field to multiple fields on various forms
      • Multiple PDFs are processed and emailed to Truce Law while client receives notifications

A challenge develops as we built out reiterations of the web app: Legal forms change each year and need to be maintained. This impacts the form on the front and backend website, as well as script edits in Acrobat. We add documentation for necessary edits each year.

Gravity Forms API on WordPress

Conditional Logic fields, hybrid js + GF

Mapping fields in Adobe Acrobat DC

3. Check 

Checking Analytics and Interactions for User Experience Insights

Part 1: Google Tag Manager

We built the website, landing pages, and web app components with SEO in mind and leverage analytics after the first iteration. We later added meta for Google Tag Manager to track more specific actions and goals. We were able to confirm what we theorized about audience personas, and added several niche ad campaigns for their specific needs. This grew a starting client base for Truce Law and gave us additional insights to optimize content with new iterations.

2. User Interaction Insights

The most impactful engagement we kept an eye on is the initial conversion of qualified leads from the educational evaluation. We immediately saw a jump in online engagement but made a pivot in our onboarding process and price point after brief periods.

3. Reiterations

Ongoing Lean UX iterationsare made to optimize user engagement.

Iteration II: Clients value attorney engagement over DIY prices. We originally provided Truce plans and DIY offerings at the end of the evaluation. Pivoting to self-scheduling attorney consultations steadily increasedespite raising service prices.

Iteration III: Niche landing pages optimize CTR by 20%. Truce removes low-cost “DIY” services and offers plans with added attorney support. Engagement continues to rise and Truce adds a team member.

Iteration IV: As the Truce team expanded, so did services. After meeting their goal of providing affordable collaborative services to those in need, they adjusted pricing as needed and the team at Truce Law began to expand. They identified a need to provide individual representation for clients whose dream for a collaborative solution could not come to fruition.

4. Insights and Outcome

Demand for services increased

Demand for family legal services and remote collaboration increased with the pandemic and recession. Remote consultations and conversions jumped 20% from the year before.

Attorney engagement is more important than prices to clients

Clients get more value and confidence with adaptive attorney collaboration. They respond well to options that add value for their families, opposed to most affordable plans on the market. Truce increased ROI 388% in their first year. 

Reiteration! The key to UX optimization

View Another Case Study:

Inspire Action with Employee Engagement Opportunities