Contact us

LegalTech Solution for Civil and Criminal Case Management

UI/UX design for a US leading legal case management solution provider

ABOUT
the project

Client:

Business & Government Legaltech Solutions Provider

Location:

Country flag

USA

Company Size:

150+ Employees

Solution:

Services:

UX consulting & audit

Research & analysis

Workshops

Discovery phase

Rapid prototyping

Design system creation

User testing

Support

The platform is an advanced case management software designed specifically for prosecutors, defenders, and their clients within the US judicial system. ​

The platform includes a comprehensive case management system, a dedicated Victim Portal, and an embedded Video Editor System, ensuring that they can navigate the legal process with greater ease and precision.

Quotation marks Quotation marks

Despite the challenges of working with a system that has been in use for over thirty years, and the inherent difficulty users face in adapting to a new look and feel, we successfully created a modern, intuitive design for the new modules. The positive feedback from end users, who found the design both approachable and easy to navigate, is our biggest praise.

Dmytro Romanets

UX/UI Competence Manager at Leobit​

landscape image for a legal case study

Customer

Our customer is a leading US-based legal case management solution. Backed by over 30 years of experience, they have significantly improved the efficiency of prosecutor and defender offices across the US judicial system. The system is currently serving for more than 500 legal organizations and over 13,000 users.

Business Challenge

  • Legacy system limitations. The platform’s UI/UX stemmed back from the 1990s and no longer met the modern needs of legal professionals. The system’s aging architecture hindered the integration of new, advanced features and made it difficult to implement necessary UI/UX improvements.​
  • User adaptation concerns. With a large number of existing users accustomed to the previous version, there was a significant challenge in introducing new features and redesigns without disrupting their established workflows.
  • Complex information management. The platform needed to showcase a vast amount of information simultaneously, which created difficulties in presenting data in a clear, organized, and user-friendly manner.​
  • Fragmented user experience. The lack of a cohesive design system led to inconsistent visual elements and a fragmented user experience across different parts of the platform.

Why Leobit

Our collaboration began with a small project, where we proved ourselves as a reliable vendor. Impressed with the results, the client entrusted Leobit with a larger initiative to reengineer their legal case management system and develop new modules. In addition to the system’s core functionality, Leobit also took on the responsibility of designing and implementing the UX/UI for these new modules to ensure a seamless and user-friendly experience.

Project in detai section - design case study

Project
in detail

The customer wanted to improve usability of their legal case management platform by redesigning its interface and incorporating new modules and user groups. A key focus laid on streamlining the user experience through optimized navigation and consistency across the platform’s modules. This consistency would support the seamless integration of future features and updates.​

Additionally, the customer aimed to launch a new product within the platform’s ecosystem, that would give victims a secure access to their case information, improve communication with legal counsel, and allow them to have more control over their legal proceedings.After a thorough analysis, and stakeholder and user interviews, we came up with a list of requirements and needs we need the UX/UI design needs to cover.

  • A modern Legal Case Management Platform that enhances operational efficiency and aligns with legal industry standards​;
  • A consistent design system ensuring visual and functional cohesion across platforms, with the flexibility for future updates;​
  • A user-friendly interface that reduces onboarding time and ensures smooth navigation for all users;
  • Efficient case management tools for organizing multiple cases, schedules, and deadlines;​
  • Streamlined communication with victims and legal teams to exchange updates and documents quickly;
  • Centralized document handling to review and manage legal materials securely;​
  • Integrated video editing for handling evidence within the platform;​
  • Real-time updates to stay informed about case progress.
  • Visibility into legal progress and court schedules;​
  • Responsive communication tools for timely interactions with legal representatives;​
  • Centralized document access to easily review and submit legal forms;​
  • Custom alerts to avoid missed deadlines and hearings; ​
  • Scheduling tools to plan around court dates and hearings;​
  • User-friendly interface for easy navigation and management of case info.
project-in-detail

01. DISCOVERY PHASE

– Information Gathering​. We began by collecting comprehensive information about the existing system, its users, and the legal industry as a whole. This involved a thorough review of the company's current workflows to identify the key challenges faced by prosecutors, defenders, and their clients.

– Stakeholder Interviews​. We conducted detailed interviews with stakeholders, including legal professionals and administrative staff. These interviews allowed us to gain insights into their specific needs, pain points, and expectations from the revamped platform.

– User Interviews​. We engaged with potential users of the system to understand their daily interactions with the platform and uncover areas for improvement.

project-in-detail

02. DEFINITION PHASE

– Proto-Personas Development​. Using the insights gathered, we defined proto-personas representing the primary user groups. These personas helped guide the design process by focusing on the distinct needs of each user type.

– Affinity Mapping​. We organized the data collected into affinity maps, which allowed us to visualize common themes and issues across different user groups.

– Customer Journey Mapping​. Based on our research, we created detailed customer journey maps to illustrate the steps users take when interacting with the platform. We also highlighted pain points and opportunities for enhancement.

– User Scenario Elaboration​. We developed comprehensive user scenarios to better understand the context in which users interact with the system. This allowed us to design solutions that can directly address their challenges.

project-in-detail

03. IDEATION PHASE

– Problem-Solving Workshops​. We conducted workshops to generate innovative ideas and solutions to the challenges identified during the discovery phase. This collaborative approach brought together diverse perspectives and expertise.

– Information Architecture Development​. We structured the platform’s information architecture to ensure intuitive navigation and ease of use. This laid a solid foundation for the user interface design.

project-in-detail

04. PROTOTYPING PHASE

– Low-Fidelity Wireframes​. We developed low-fidelity wireframes to explore different design solutions and identify the best possible approach for each user scenario. These wireframes were crucial in visualizing the user flow and functionality.

– UI Layout Creation​. Based on the wireframes, we created high-fidelity UI layouts that brought the platform’s design to life. We made these layouts to be both aesthetically pleasing and functionally robust.

– Design System Creation​. We developed a comprehensive design system that ensured consistency across all elements of the platform, from typography and color schemes to component behavior and interaction patterns.

project-in-detail

05. TESTING PHASE

– User Testing​. We involved users in testing the prototypes to validate our design decisions. We used the feedback from these sessions to further refine the design and ensure the platform effectively met user needs.

project-in-detail

06. DEVELOPMENT PHASE

– Iterative Design​. Following the testing phase, we continued to iterate on the design, incorporating new ideas and improvements as they emerge from ongoing user feedback.

– Launch Preparation​. We worked closely with the development team to ensure a smooth transition from design to implementation, supporting the launch of the new Legal Case Management Platform.

Technology Solutions

  • User centered design
    We focused on a user-centered design that addressed the specific needs of legal professionals and their clients. Thanks to simplifying complex workflows, we created an intuitive interface that enhances accessibility and ensures a seamless experience across all platforms.
  • Streamlined workflow and efficiency
    Our team identified and resolved key pain points through scenario analysis, streamlining navigation and task management. New features such as integrated scheduling and improved document management helped boost productivity and allowed users to concentrate on casework.
  • Comprehensive design system for consistency
    We developed a robust design system that ensured visual and functional consistency across all products. This system enhanced user confidence and ensured easy scalability and future updates.
  • Continious user feedback and iterative design
    We used an iterative design process and incorporated user feedback at every stage. This approach allowed us to continuously refine the platform based on real-world input, ensuring the final product was highly optimized and user-friendly.

Value Delivered

  • We successfully revamped the Legal Case Management Platform and brought the Victim Portal to life, transforming it from a concept into a fully functional product.​
  • This suite of tools now helps legal professionals – prosecutors, defenders, and victims – work more efficiently and effectively.​
  • The updated platform offers a modern, streamlined experience, while the Victim Portal simplifies the process for victims, making legal case management more accessible and user-friendly.