
Designing a Platform from Scratch
Quench SmartChart is an AI-powered platform designed to help medical, legal, and insurance professionals review and analyze complex medical records. The product focuses on high-volume case types such as personal injury, malpractice, and workers’ compensation claims. It uses AI to extract key insights from hundreds of pages of documentation and organize them into structured, attorney-ready summaries.
My Role — UX/UI Designer
I designed the core experience for reviewing and analyzing medical records in Quench SmartChart. Working closely with product and engineering teams, I simplified complex workflows, improved information organization, designed an AI assistant to support case review, and helped users connect insights directly to the original medical documents.
My Responsibilities
Key Constraints
Predefined color palette
The platform had an existing color palette that needed to be preserved to maintain brand consistency and avoid rework before launch.
Technical constraints
Design decisions had to align with existing architecture and development timelines, requiring close collaboration with full-stack engineers.
MUI component library
The interface was built using the Material UI (MUI) library, which meant designs needed to work within predefined components and patterns.
Limited scope for MVP launch
Major interface changes were intentionally avoided to support a faster MVP release, focusing improvements on clarity, structure, and usability rather than visual overhaul.
Legal nurse consultant (LNC) persona - main focus

Sarah Johnson
Age: 38
Location: Chicago, IL
Education: BSN (Bachelor of Science in Nursing), CLNC Certification
Experience:
Sarah Johnson is a Legal Nurse Consultant working at a personal injury law firm. She is responsible for reviewing complex medical records and translating them into clear, structured insights that attorneys can use to build strong legal cases.
Her work sits at the intersection of healthcare, law, and analysis, where both accuracy and speed are critical.
Professional Context
Sarah reviews hundreds to thousands of pages of medical records per case, including:
Her job is to identify:
Sarah translate complex, unstructured medical records into clear, attorney-ready insights. This includes structured summaries, chronological timelines, and key findings that highlight injuries, treatments, and inconsistencies in the records.
These insights are simplified and organized in a way that allows attorneys to quickly understand the case, identify critical information, and build informed legal arguments without needing deep medical expertise.
High-level Service Flow

Client’s Sketches




Wireframes




Case Details

Problem Statement
Legal Nurse Consultants needed to review complex medical records and quickly understand key case details. Information was scattered across multiple documents, making the process slow, overwhelming, and difficult to verify.
Solution
I designed a centralized Case Details screen that organizes key information in one place:
Impact
Chronological Timeline

Problem Statement
Legal Nurse Consultants needed to understand patient history across hundreds of pages of medical records. However, events were scattered across documents, making it difficult to track timelines, identify patterns, and connect related conditions over time.
Solution
I designed a Chronological Timeline view that organizes medical events into a clear, time-based structure:
Impact
Research

To understand how AI assistants support complex document workflows, I analyzed next tools:
I focused on how these tools structure information, present sources, and guide users through long-form content.
Research Conclusions
Intention
AI performs better when user intent is clear. Systems that guide users (e.g., summarize, extract, analyze) reduce ambiguity and improve output relevance.
Sources
Users need clear, clickable references to original documents. Trust increases when every insight is traceable to a specific location in the file.
Pages
Navigation by pages remains critical in long documents. Users rely on page-level references to verify insights and maintain orientation within large files.
Notes
Notes work best when they are directly linked to document context (e.g., tied to pages or sections), allowing users to quickly revisit and validate information.
Based on these insights, I designed an AI-assisted Document Viewer that connects AI outputs directly to document sources, pages, and notes—reducing cognitive load and enabling faster, more reliable document analysis.
AI-assisted Document Viewer

Problem Statement
Legal Nurse Consultants needed to review lengthy medical documents and extract relevant insights for legal cases. This process required manually scanning hundreds of pages, making it time-consuming and difficult to verify findings against the original source.
Solution
I designed an AI-assisted document viewer that supports faster and more reliable review:
Impact
Design System

Conclusions
This project demonstrated how thoughtful design can make AI tools more practical and reliable for real-world use. By focusing on clear structure, source visibility, and simple navigation, the solution helped reduce document review time by ~30% and improved users’ ability to locate source information by ~40%.
The MVP also reduced cognitive load by simplifying how information is presented and verified, leading to faster decision-making and increased confidence when working with complex documents.
Next Steps
Following the MVP release, the next phase focuses on improving usability and expanding functionality: