Providence

2023

Design & Development

Collaborators: Julien Lynge, Taylor Dupuy, Ryan Casement

Using: Figma, HTML, CSS, JavaScript, A-Frame, 8th Wall, Webpack

About

Over a 5-month period, I worked with a small team of three to develop a modular web and mobile application for Providence Medical Services. Our application was designed to display AR volumetric videos created using Intel® RealSense™ cameras, enabling patients to learn physical therapy exercises at home and providing internal training materials for Providence's workforce across their 51 hospitals.

Key Aspects:

Designing an intuitive, accessible desktop and mobile UI that maintained Providence's long standing brand identity.
Building a user-friendly experience that expands access to specialized care, particularly for patients in remote locations who can't easily visit physical therapy facilities in person.
Integrating volumetric videos into an AR environment, allowing patients to view exercises from multiple angles and better understand proper form and technique. These videos needed to be properly placed in the user's physical space, maintain proper scale and perspective, and remain responsive to user interactions.
Developing a hosting solution that was more cost-effective than their existing third-party platform.

My Role & Contributions

As the UX/UI designer on the project, I took ownership of the entire design process while collaboratively implementing interactive elements through pair programming.

I independently created all UI wireframes and high-fidelity prototypes in Figma, designing a comprehensive component library of 15+ UI elements that maintained Providence's established brand guidelines and were reusable for other AR applications.

Through pair programming sessions with my development team, I directly contributed to implementing the AR environment and interactive elements using JavaScript and A-frame. My specific coding contributions included building the custom video player controls (play/pause, mute, video scrubbing) and developing the responsive behavior that ensured proper video scaling across devices.

Impact & Results

The application we delivered provided tangible benefits for Providence Health. Our team's solution replaced their previous third-party platform with an AWS-based infrastructure, reducing their annual hosting costs by thousands of dollars.

The successful prototypes served as proof of concept, leading Providence to pursue additional grant funding for feature expansion and expand the market for their volumetric videos. Initial feedback from Providence staff indicated improved training efficiency and higher patient engagement with physical therapy routines.

The project gained industry recognition, being featured in multiple Intel promotional materials and showcased at Providence's "SEAL: Stop Everything and Learn" week.

Here is a link to launch the experience.