Legal Tech Legacy Migration Enterprise Platform Harman Connected Services

Consilio eDiscovery Platform

Led UX design for migrating a 15-year-old desktop application to modern web platform. Created scalable design patterns used across 8 different modules serving Fortune 500 financial institutions.

Consilio eDiscovery Platform with modern visual design
Timeline
2014 – 2018
My Role
Senior UX/UI Designer
Users
10,000+ Legal Professionals
Engagement
4 Years

The Challenge

Consilio provides eDiscovery software to legal teams at Fortune 500 companies handling complex litigation. Their flagship product was a 15-year-old desktop application with a massive feature set but an increasingly dated interface.

Legal professionals were struggling with productivity as the industry moved toward remote work and multi-device access. The business needed a complete platform migration without losing any critical functionality.

Key Problem Statement: How might we modernize a complex 15-year-old desktop application for the web while maintaining feature parity and reducing the steep learning curve?

Understanding the Legacy System

I spent the first 3 months deeply understanding the existing system—its 200+ features, user workflows, and the mental models that legal professionals had built over years of use.

eDiscovery Workflow

📥 Collection ⚙️ Processing 🔍 Review 📤 Production Each phase has 20-50 features that needed to be migrated

The EDRM framework guiding eDiscovery workflows across 8 modules

1

Feature Audit

Documented all 200+ features and their usage frequency from analytics.

2

User Shadowing

Observed legal professionals using the desktop app in real litigation projects.

3

Pain Point Mapping

Identified 47 usability issues causing errors and slowdowns.

4

Technical Constraints

Worked with engineering to understand web platform limitations.

Modern Interface Design

Before vs After

❌ Before

Cluttered Toolbars

87 buttons visible at once, requiring memorization of icon meanings

✓ After

Contextual Actions

Actions appear based on selection, reducing visible options by 70%

❌ Before

Modal Dialogs Everywhere

12-step workflows requiring constant dialog dismissal

✓ After

Inline Editing

Direct manipulation with inline editing and auto-save

❌ Before

Tiny Text & Icons

12px fonts and 16px icons designed for 1024x768 screens

✓ After

Responsive Typography

Scalable UI adapting to screen size with 44px touch targets

Design System for Scale

I created a comprehensive design system that could be used across all 8 modules, ensuring consistency while allowing for module-specific customization.

Design System Architecture

Design Tokens: Colors, Typography, Spacing, Shadows Atoms: Buttons, Inputs Molecules: Cards, Forms Organisms: Tables, Panels 8 Module Templates: Collection, Processing, Review, Analysis, Production...

Atomic design system serving 8 modules with 200+ components

Tools & Technologies

Figma MongoDB ASP.NET Core HTML/CSS/JS, Bootstrap, jQuery

Measurable Impact

-65%
User Errors
+45%
Task Efficiency
-50%
Support Escalations
90%+
User Satisfaction
10K+
Legal Professionals
4yr
Client Engagement

What I Learned

View All Projects

Back to Portfolio

See All Case Studies