top of page
desktop icon

Please continue on desktop.

Thanks!

Karuna cover image 2.JPG
mike juliano - portfolio - shader-round.

designing

Karuna Health - logo with text.png

scroll

This case study is intended as part of a live presentation.

Want the whole story? Let's chat.

vision

Collaborative Inbox_ Desktop-Phone.png

Increase patient access to care with a collaborative inbox for HIPAA-compliant communication.

Users

primary users

Mike Juliano UX Designer Portfolio
Mike Juliano UX Designer Portfolio

Designing for enterprise healthcare users introduced dozens of constraints to protect patient privacy under HIPAA, the TCPA, and within our customer organizations.

Problem

problem

Less than 25% of patients were exclusively using Karuna for patient engagement.

Process

process

my role:

Product Design Lead

scroll

Research

research

Key questions:

1. How are users interacting with features within Karuna?

2. What do user workflows look like outside and around Karuna?

Research Tools

  • LogRocket

  • Mixpanel

  • User Surveys

  • User Interviews

  • Expert Panel

  • Focus Groups

  • Medical Journals

Mike Juliano UX Designer Portfolio - UX Research
Mike Juliano UX Designer Portfolio - UX Research
Mike Juliano UX Designer Portfolio - UX Research
Core UX

core UX

Patient Discovery

Patient Engagement

Mike Juliano UX Designer Portfolio - Enterprise Healthcare
Patient List - original design.png
Patient Discovery

patient discovery

Before & After

Patient List - original design.png
Mike Juliano UX - Design System

June 2019

June 2020

Visual Design

Patient List - original design.png
IMG_3565-2.JPG
Karuna Health-logo-2048.png
Karuna Health - logo with text (1).png

I worked our CEO to build a deeper understanding of the brand we wanted to communicate. His words included "professionalism, warmth, and reliability."

 

Though blue delivered best on professionalism and was most common in the healthcare products I researched, the gorgeous sunset photographed above served as inspiration for the rest of the color palette.

Color Pallete.png
Mike Juliano UX - Design System

Users struggled to map filters to their workflows, and scattered or hidden actions were hard to navigate.

Filter Menu Expanded.png

I brought all filters together into a single menu and leveraged icons to provide more context with less words.

I also brought all tools together into a single toolbar, creating an easy way to support new actions and tailor the experience based on user type.

Navigation

Mike Juliano UX - Design System
Mike Juliano UX - Design System
Mike Juliano UX - Design System
Mike Juliano UX - Design System
Mike Juliano UX - Design System

In the original design, users predominantly interacted within a single tab. I repurposed the navigation bar to drive key user actions and easily support new workflows in the future.

follow-up-required.png
overdue-tasks.png
outreach-required.png
automated-campaigns.png

Original design (most left), design iterations (middle), and the latest UI (right).

Search

Filter Menu Expanded.png

Search was the most used action but users struggled to find the patient they were looking for. I made several improvements to help users find patients faster with more precision:

1. Extended search returned more precise search results

2. Search All Patients expanded search beyond filters

3. Global accessibility enabled continuous workflows

User Insight

Mike Juliano Search Icon

Data showed users were accidentally adding duplicate patients. As we observed user sessions, we found users creating patients after a failed search. It turned out filters were enabled but the user did see them.

Mobile

Optimized for efficiency in the field, mobile featured a 'My Patients' experience first, with all patients accessible via search.

Mobile - Username Login - Invalid.png
Mike Juliano UX - Karuna Mobile - Patien

On mobile, authentication proved our top inhibitor of user adoption.

Notifications

Karuna Daily Digest email.png

With only browser and push notifications, data showed users were still missing messages. We introduced email notifications to close the gap.

Settings.png

User Insight

Mike Juliano Search Icon

We learned many users' email clients prevented images from loading, so I had to deconstruct an original image-heavy HTML email and replace with almost all text.

Results

My Patients-desktop and mobile-overview.
Patient Engagement

patient engagement

Before & After

Mike Juliano UX Designer Portfolio - Enterprise Healthcare

June 2019

June 2020

Mike Juliano UX - Design System

Patient Profile

Mike Juliano UX Designer Portfolio - Enterprise Healthcare
Patient Profile - original design.png

User workflows called for interaction with patient details at the time of conversation, so I condensed all patient-level information and actions into the sidebar behind an interactive menu. This allowed us to test and release new features with ease.

Mobile - Secondary Contacts Menu.png

Secondary Contacts

  1. Seamless communication with secondary contacts that support their patient's care.
     

  2. Accurate documentation of encounters they have with secondary contacts to meet regulatory requirements.

Mike Juliano UX Designer Portfolio - Enterprise Healthcare

User Goals:

Pre-Call Modal-UI.png

User Insight

Mike Juliano Search Icon

Most patients didn't have any secondary contacts. But for certain segments like children or the elderly, secondary contacts were a key part of the workflow.

 

Getting it right required a discreet UI and specific interaction logic to direct users to the right conversation.

Secondary contacts became an important consideration in many other user flows so the 'people picker' component was designed to be flexible for other interfaces.

Phone Calling

User Goals:

  1. A traditional phone call experience.
     

  2. Confidence in understanding the phone call process when it deviates from normal.
     

  3. Minimal use of computer voices or call recording messages because it risks patient trust.

Key Constraints:

  • HIPAA compliance

  • TCPA compliance

  • Telnyx calling API

  • TalkDesk phone system integration

Proposed Call Flow - v4.png

Third party calling APIs and phone systems created tough constraints. For patients and navigators, this resulted in an awkward silence when the call was connected and "this call may be recorded" after the first person said "hello." I had to adjust the voice experience to reduce latency and minimize interruptions.

Mike Juliano UX Designer Portfolio - Enterprise Healthcare
phone call bubble.png

Calls often failed for our users for reasons beyond our control, resulting in distrust and a perception of poor reliability. We added details about the call progress, along with tooltips to explain things that might seem wrong.

Mobile - Call Tutorial.png
Mobile - Channel Picker (call unavailabl
Karuna incoming phone call.jpg
Mobile - Post Call Modal_  inbound calls

On mobile, I had to adjust the in-app user flow to accommodate the native phone call.

Templates

User Goals:

  1. Send messages with repetitive content in Karuna without typing it manually or copying & pasting.
     

  2. Avoid accidentally sending incomplete templates to patients.
     

  3. Customization by organization.
     

  4. Automatic translation into patient's native language.

Fill Template Modal - Tracked Event - Me
Mike Juliano UX Portfolio - Template User Flow
Mike Juliano UX Designer Portfolio - Enterprise Healthcare
Mike Juliano UX Designer Portfolio - Enterprise Healthcare
Mike Juliano UX Designer Portfolio - Enterprise Healthcare
Mike Juliano UX Designer Portfolio - Enterprise Healthcare
Mike Juliano UX Designer Portfolio - Enterprise Healthcare

Automated Messages

User Goals:

  1. Users wanted to increase billable outreach and reduce liability.
     

  2. Users didn't want patients waiting for a response after business hours.

Key Constraints:

  • HIPAA compliance

  • TCPA compliance

Mike Juliano UX Designer Portfolio - Enterprise Healthcare

Combining automated messages with a manual chat interface required balancing of some complex constraints. I needed to avoid manual and automated messages from happening simultaneously. I started by mapping out the evolution of a campaign from being enabled through execution.

scroll

Mike Juliano UX Designer Portfolio - Enterprise Healthcare

This is a prototype I built to test and validate parts of the campaign UX with potential customers.

Mike Juliano UX Designer Portfolio - Enterprise Healthcare

 I designed this user experience for bulk enrollment in automated campaigns. Evident in the designs, I had to account for dozens of edge cases and potential errors.

Results

Collaborative Inbox_ Desktop-Phone.png
Results & Impact

results & impact

1

User growth and activation rates increased from a dozen users to several hundred.

2

The number of patients engaged via Karuna increased from about 1k total to 2-3k/week.

3

Customer satisfaction manifested with an increase in sales growth and long term partnerships.

4

User satisfaction and ability to easily interact with the product improved substantially over time.

5

A strong design system enabled Karuna to design and engineer faster with fewer bugs.

bottom of page