2023
Design & Development
Collaborators: Julien Lynge, Taylor Dupuy, Ryan Casement
Using: Figma, HTML, CSS, JavaScript, A-Frame, 8th Wall, Webpack
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.
⁑ 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.
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.
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.
Press
Providence Delivers Immersive Learning with ARIntel, 2024
Intel, 2022
MarketScale, 2023