Lab 360
Designing a web app for clinicians and a visualization printout for patients
SUMMARY
Patients at Mount Sinai used to wait weeks for their test results, causing stress and delays in their care plans. Our project gives patients easy-to-understand visuals of their results on the same day as testing, helping them and their doctors have better conversations about their health right away.
TIMELINE
2024
PLATFORM
Web - Desktop
CLIENT
Studio Elsewhere
Mount Sinai
TOOLS
Figma
Next.js
Electron
D3.js
MY ROLE AND TEAM
Sole Product Designer & Engineer
I was the sole designer and engineer who led this project from discovery to delivery (understanding the brief, research, ideation, design and prototyping).
I collaborated closely with a cross-functional team including doctors, nurses, a product manager, a data engineer, and the head of the center, who initiated the project for clinical review and patient use.
CORE FEATURES
Data upload and processing
We developed a system that enables quick entry of assessment data, dramatically reducing the time between testing and result availability.
CORE FEATURES
Design system for health data
Color-coded visuals and simplified layouts enable patients to quickly understand their results without medical training, using intuitive indicators for normal and abnormal ranges.
UXR
Main discovery pillars for our approach
Confidence
What factors affect patients' confidence when interpreting health results?
Health Literacy
How do patients currently process and understand medical information?
Communication
What communication methods do physicians use and how effective are they?
KEY INSIGHTS
Patients seek clarity and confidence in health information
Patients shared that long, exhausting assessments followed by delayed and unclear results left them confused and anxious. They emphasized the need for transparent, comparative, and easy-to-understand information to feel more in control of their health.
Exhausting Testing Process
Assessments were physically and mentally draining, often lasting an entire day.
Delayed Feedback
Weeks-long waits for results left patients anxious about their care journey.
Complexity of Chronic Illness
They felt overwhelmed by vague or inconclusive answers and sought more clarity.
Comprehension Gaps
Results were often presented as numbers with little explanation, making them hard to interpret.
When interviewing physicians at the center, we found that…
Phyiscians need efficient tools for effective communication
Physicians stressed the importance of tools that are fast, intuitive, and compatible with their workflow. They needed solutions that make conversations about chronic illness more accessible and less emotionally taxing for patients.
Workflow Compatibility
Tools had to fit seamlessly into existing clinical processes without slowing down care.
Supportive Conversations
Physicians valued tools that helped discuss chronic illness in a less overwhelming way.
Ease of Use
Minimal training was crucial—physicians needed intuitive tools they could use right away.
DESIGN GOAL
Deliver health data in a way that feels human, clear, and actionable.
Our goal was to create a tool that empowers patients by transforming complex test results into intuitive visuals, enabling more meaningful conversations with physicians and helping patients take an active role in their care.
DESIGN EXPLORATIONS
Creating a focused and minimal onboarding experience
We designed the onboarding and login flow to be as simple and intuitive as possible. Upon login, users are taken directly to the document search and archive, allowing them to immediately engage with content relevant to their needs. The menu features only essential options to reduce cognitive load and help users focus.
This page was intentionally kept minimal to support a distraction-free browsing experience. Users can easily scan through documents. For users looking to create a file, a clear call-to-action button offers a quick way to get started, supporting both sides of the platform.
DESIGN EXPLORATIONS
Guiding users step-by-step
To make the form process approachable, we used progressive disclosure—introducing information gradually across multiple screens to reduce cognitive load and prevent overwhelm.
Users begin by uploading a CSV file, which automatically populates key form fields to save time and reduce manual entry. After a successful upload, a friendly “Congrats!” modal confirms completion and encourages users to continue. At the end of the process, users are presented with a clean document preview, allowing them to review the final output before moving forward.
DESIGN EXPLORATIONS
Human-centered visuals that make health data approachable
The file UI was designed to translate raw data into meaningful insights by grounding each assessment in the human body. Visuals are body-centered, helping patients understand where each test applies and how it connects to their overall health.
Medical terms are kept to a minimum, and any necessary jargon is defined in a color-coded glossary at the end of the document. Instead of overwhelming patients with numbers, the design shows only the most relevant information—allowing them to see how each result fits into their health journey.
Each assessment is color-coded by category—cognitive, vascular, metabolic, and musculoskeletal—creating a clear organizational structure and making it easier to navigate. Friendly iconography supports quick recognition and brings an approachable tone to the interface, helping patients skim and engage with the content confidently.
OBSTACLES
Overcoming time & tech constraints
System Constraints
Strict hospital network limitations and a tight technical budget restricted the types of features we could deploy.
Feedback Delays
Infrequent access to user feedback slowed down the design process and made it harder to validate decisions in real time.
Prioritized Features
I worked with the hospital’s data engineer to prioritize features that balanced technical feasibility with user impact.
Rolling Iteration
I reviewed feedback as it came in and kept stakeholders engaged by showing how their input directly influenced the product.
TAKEAWAYS
Adapt to change
Clear Communication
When I present design solutions, I focus on bridging clinical and technical perspectives. I communicate decisions with clarity, using research and context to build shared understanding across teams.
Staying Flexible
In healthcare environments, priorities shift often. Throughout this project, I adapted to evolving feedback while keeping patient needs at the core of every iteration.
Built for Access
Each design choice prioritized accessibility—whether through simplified visuals, defined medical terms, or intuitive navigation—to support a wide range of users, including those with varying health literacy levels.
REFLECTION
Growing Through the Process
This project evolved significantly due to shifting hospital priorities, which required ongoing flexibility in our approach. Designing in a healthcare setting came with unique challenges—ensuring clarity, accessibility, and trust at every step. While there were limitations in how refined the final product could be, the process reflects thoughtful problem-solving, cross-disciplinary collaboration, and a commitment to delivering patient-centered solutions within real-world constraints.
