OutcomeMD

A clinical UX/UI redesign for clearer patient data, calmer assessments, and faster decision-making.

Role

Senior UI / UX Designer

Prototype, animation, user research, and product interface direction.

Tools

Figma, Sketch, Jira, Confluence

Supported by Illustrator, Photoshop, and After Effects for visual assets.

Team

Product, design, and engineering

Collaborated with Lukasz Szymanski, Sourena Mansouri, and Farzad Moghbel.

Mission

Redesign the EHR dashboard around clarity.

Make OutcomeMD more intuitive and efficient so healthcare professionals can navigate patient data and assessments with less friction.

My contribution

Reduce UI complexity without losing clinical depth.

I focused on insight visibility, data-driven workflows, calmer navigation, and faster decision-making across the healthcare product.

User-centric design for dense clinical work.

OutcomeMD needed to feel less like a static record system and more like a working surface for care teams. The redesign focused on simplifying complex processes, reducing frustration, and helping clinicians manage patient tasks with confidence.

OutcomeMD dashboard overview showing clinical data cards and patient outcomes.
120K+Active patients supported on the platform
92%Task success rate in the final validation round
6Usability sessions with healthcare professionals
10-12Clinician interviews informing the redesign

A guided carousel of research boards, flow maps, personas, tooling, and solution framing that explains how the UX direction was shaped.

OutcomeMD user research and data collection board with patient, interview, testing, and task metrics.
Research inputs

User research and data collection

Clinician interviews, task analysis, and platform data gave the redesign a measurable starting point.

OutcomeMD search and discovery flow board with filter mechanisms and discovery pain points.
Discovery flow

How clinicians find the data they need

The search path was mapped from login to dashboard, filters, patient list, assessment review, and return actions.

OutcomeMD design process board showing research, synthesis, sitemap, wireframe, testing, and delivery.
Design process

From research signal to shipped interface

The process moved through synthesis, sitemap, wireframe, experiment, high-fidelity design, testing, and delivery.

OutcomeMD tools and tech stack board showing design, project management, collaboration, and research tools.
Tooling

The execution system behind the work

Design, project management, collaboration, and research tools were organized around handoff and decision tracking.

OutcomeMD project management approach board with sprint cycle, responsibilities, rituals, and risks.
Project rhythm

A managed cadence for clinical product work

Sprint rituals, responsibilities, risk management, and communication practices kept research and delivery aligned.

OutcomeMD user personas board with goals, pains, needs, and cross-persona themes.
User personas

Who the product had to support

Personas clarified the needs of primary care, specialist, administrator, and patient-facing workflows.

OutcomeMD key solutions board showing filter dashboard, assessment interface, color system, and navigation improvements.
Solutions

What changed in the product experience

The redesign focused on persistent filters, calmer assessments, clearer navigation, and a more usable layout system.

Make clinical complexity feel calm, legible, and actionable.

In clinical software, every extra moment of hesitation matters. The redesign reduced scanning effort, clarified the hierarchy of patient data, and made long assessment workflows feel less mentally expensive.

Dashboard hierarchy

Put the clinical signal in the first scan path

The dashboard was reorganized so outcomes, patient scope, and follow-up status could be understood before users dug into details.

Assessment workbench

Turn dense form work into a guided task

Assessment selection, long forms, and record detail views were structured around progress, state, and next-action clarity.

Reporting continuity

Keep evidence connected from summary to patient

Filters, result summaries, export actions, and patient lists share the same logic so users do not rebuild context at every step.

Structure came before surface polish.

Before moving into detailed UI, I mapped the dashboard ecosystem so the product could support real clinical movement instead of isolated screens.

OutcomeMD sitemap and workflow map connecting dashboard, assessments, reports, and patient details.
System mapThe product was mapped before polishing screens.

Dashboard entry points, assessments, reports, filters, and patient details were connected first so the interface could behave like one system.

01

Map the dashboard before wireframes

The sitemap clarified how dashboards, assessments, reports, and patient details needed to connect before visual design started.

02

Identify the core clinical objects

Centers, providers, patients, assessments, diagnoses, filters, and reports became the organizing structure for the product.

03

Design navigation around real tasks

The final structure supported easier movement between scanning outcomes, filtering cohorts, and reviewing patient-level evidence.

Testing how clinical data should be presented.

We explored multiple dashboard directions and used research feedback to understand which patterns made the data easier to find, compare, and trust.

OutcomeMD dashboard showing organizational filters, patient outcomes, and improvement metrics.
OutcomeMD experimental dashboard showing provider layout, filters, and score widgets.
The data was visible, but the visual language competed with itself.

Research showed that mixed colors, gradients, and competing panels made some users work harder to understand the hierarchy.

OutcomeMD experimental dashboard showing result cards and filtered categories.
Navigation and icon weight were too dominant.

The top navigation and left icon system needed to become quieter so clinicians could find the data faster.

Filters became the operating system for the product.

OutcomeMD needed clinicians to segment patient data, move into reporting, and return to detail views without losing trust in the state of the system. The filter model was redesigned to stay persistent, visible, and easier to reason through.

UX principle

Persistent context lowered the mental cost of clinical analysis.

  • Filter state stays visible in the sidebar, tabs, and report outputs.
  • Include and exclude logic supports real clinical segmentation instead of a generic search box.
  • The UI moves from population-level signal to patient-level evidence without resetting context.
OutcomeMD diagnosis filter panel with include or exclude rules and long diagnosis lists
02 / Clinical taxonomyDiagnosis logic is visible, not hidden.

And/or, include/exclude, select-all, and long diagnosis lists are exposed as deliberate choices for cohort building.

OutcomeMD filter sidebar showing confounding factors, compliance range, and applied chips
03 / Persistent contextConfounding factors remain editable.

Life events, injuries, laterality, compliance ranges, and selected chips live beside the data they affect.

OutcomeMD provider dashboard with a dedicated filters module and progress charts
04 / Dashboard structureThe overview clarifies who and what the data represents.

Provider, center, team, and patient selectors establish scope before completion gauges and outcome cards appear.

OutcomeMD dashboard with follow-up metrics, department filters, and summary results
05 / Outcome summaryInitial and follow-up scores become the main story.

The dashboard compares baseline, follow-up, improved, and worsened values without making users decode raw tables first.

OutcomeMD results grid showing applied filters and progress measures across assessment categories
06 / Filtered resultsFilter choices become readable result cards.

Outcome categories inherit the same scope, making it easier to compare clinical signals across a selected cohort.

OutcomeMD results overview with filters, patient list tab, and export actions
07 / From analysis to actionExport and patient lists stay attached to the same state.

Reporting actions remain beside the filtered view, so evidence can move directly into review or follow-up.

OutcomeMD detailed results cards and patient list under the active filter state
08 / Patient evidenceDetail cards bridge the macro and micro view.

Patient names, status, scores, and movement are grouped so teams can inspect the evidence behind a trend.

OutcomeMD patient list and reporting table paired with active filter controls
09 / Report auditabilityThe table keeps the workflow accountable.

Filtered rows, report fields, and notification setup give teams a traceable path from cohort to patient follow-up.

Assessment work became a guided clinical path.

The work moved between overview dashboards, selection states, and long-form clinical tasks. The interaction model had to stay predictable even as density increased.

OutcomeMD assessment screen with tabs, carts, and selection controls
Selection stateThe assessment library works like a focused task board.

Available forms, selected assessments, and progress states are separated so clinicians can decide what to open next.

OutcomeMD assessment form in a more compact clinical layout
Collapsed stateDense form work becomes easier to scan.

Closed sections reduce visual noise while preserving the structure needed for long clinical questionnaires.

OutcomeMD form and record detail interface
Record detailPatient context stays visible inside the form.

Assessment inputs, patient information, and reporting context share one surface so completion feels grounded.

The interface was designed from the flow up.

Beyond the shipped screens, the project included workflow maps, care-management explorations, and monitoring concepts that helped align the broader product behavior.

OutcomeMD care management flow leading into patient details
Care continuityConnect service history to patient detail.

The flow shows where clinicians need to move from care management context into individual patient review without losing the thread.

OutcomeMD notification and recent results monitoring screen with scatter chart
MonitoringTurn recent results into action triggers.

Alerts, result movement, and patient lists transform outcome tracking from passive reporting into a follow-up workflow.

A more usable clinical product, not just a cleaner UI.

The strongest result was a calmer working surface for clinicians: less visual noise, clearer priorities, and a product language that could support serious healthcare work with more confidence.

Strong healthcare UX reduces hesitation at the exact moment people need clarity.
  • Clarified dashboards for faster scanning and follow-up decisions
  • Assessment surfaces that feel calmer under dense clinical content
  • A more coherent product language across reporting, records, and workflows