Projects / Case Study

Crafting a Secure, User-Centric Resource Hub for Kennedy Krieger Institute

Discover how we navigated a maze of complexities to deliver a HIPAA-compliant, multi-faceted resource hub for KKI, a leading institute in healthcare and research
Client: Kennedy Krieger Institute - KKI Tutorials

Services Provided

UX/UI Design
Headless CMS/Front-End Development
Data Analytics

Industry

Healthcare and Research

Partners

Alexis Mersel (Content Strategy)


Introduction: The Genesis of a Complex Endeavor

Kennedy Krieger Institute (KKI), a leading institute in healthcare and research, presented us with a multifaceted challenge that was as unique as it was intricate. Funded by the Department of Defense (DOD), the project was a labyrinth of complexities. KKI required a resource hub capable of serving multiple user groups, including military families, healthcare providers, and the general public, all while adhering to stringent HIPAA compliance standards.  

About page screenshot

Navigating the Intricacies

The project was rife with challenges, coming from the triple, often conflicting priorities of 1) catering to diverse user groups, 2) maintaining HIPAA compliance, and 3) integrating with complex software systems like Salesforce.

The hub had to be a fortress of security while offering the flexibility to serve various user needs. One of the most daunting aspects was the intricate content modeling required to provide this flexibility. As developer Ryan Smith aptly put it, this was a “monster of a task.”

Moreover, KKI had specific requirements for tracking user interactions for research purposes. “Their primary challenge was the need for highly detailed data for research,” elaborated Ryan Smith. The complexity was further compounded by the need for individualized Google Analytics tracking, all while ensuring absolute confidentiality to remain HIPAA compliant.

Navigating the Intricacies

The project was rife with challenges, coming from the triple, often conflicting priorities of 1) catering to diverse user groups, 2) maintaining HIPAA compliance, and 3) integrating with complex software systems like Salesforce.

The hub had to be a fortress of security while offering the flexibility to serve various user needs. One of the most daunting aspects was the intricate content modeling required to provide this flexibility. As developer Ryan Smith aptly put it, this was a “monster of a task.”

Moreover, KKI had specific requirements for tracking user interactions for research purposes. “Their primary challenge was the need for highly detailed data for research,” elaborated Ryan Smith. The complexity was further compounded by the need for individualized Google Analytics tracking, all while ensuring absolute confidentiality to remain HIPAA compliant.

Image

Crafting a Tailored Solution

This wasn’t going to be just a website; it would be a multi-faceted platform requiring a blend of design, development, and data analytics.

Our team worked closely with KKI’s in-house experts and external consultants. We also enlisted a trusted content strategist we’d worked with before to assist KKI with content creation and strategy. Additionally, our design and development teams collaborated extensively to ensure cohesive and reliable results.

We utilized a headless WordPress setup with Advanced Custom Fields for content management and employed GraphQL to bridge the data between WordPress and the front-end.

Our decision to adopt a mono-repo structure allowed us to maintain a singular code base while keeping the applications separate, thereby providing flexibility for future iterations. This, combined with a WordPress multisite setup, ensured that KKI staff could manage all sites from a single hub, streamlining their content editing process.

Putting to use our expertise in Design Systems, we constructed a Storybook component library as a centralized repository for all components. This was pivotal in the project’s architecture and streamlined the development process. Moreover, it will continue to significantly influence the site’s future maintenance and growth in terms of efficiency and success.

Crafting a Tailored Solution

This wasn’t going to be just a website; it would be a multi-faceted platform requiring a blend of design, development, and data analytics.

Our team worked closely with KKI’s in-house experts and external consultants. We also enlisted a trusted content strategist we’d worked with before to assist KKI with content creation and strategy. Additionally, our design and development teams collaborated extensively to ensure cohesive and reliable results.

We utilized a headless WordPress setup with Advanced Custom Fields for content management and employed GraphQL to bridge the data between WordPress and the front-end.

Our decision to adopt a mono-repo structure allowed us to maintain a singular code base while keeping the applications separate, thereby providing flexibility for future iterations. This, combined with a WordPress multisite setup, ensured that KKI staff could manage all sites from a single hub, streamlining their content editing process.

Putting to use our expertise in Design Systems, we constructed a Storybook component library as a centralized repository for all components. This was pivotal in the project’s architecture and streamlined the development process. Moreover, it will continue to significantly influence the site’s future maintenance and growth in terms of efficiency and success.

Tutorial page screenshot

Analytics and Tracking: A Symphony of Complexity and Compliance

Our team went above and beyond to construct an intricate, multifaceted analytics system that not only met KKI’s robust research needs but also adhered to stringent security and confidentiality requirements to maintain HIPAA compliance. Justin Young took the initiative to immerse himself in Google Analytics and Google Tag Manager, a self-driven effort that was pivotal in setting up the complex tracking system KKI required.

Analytics and Tracking: A Symphony of Complexity and Compliance

Our team went above and beyond to construct an intricate, multifaceted analytics system that not only met KKI’s robust research needs but also adhered to stringent security and confidentiality requirements to maintain HIPAA compliance. Justin Young took the initiative to immerse himself in Google Analytics and Google Tag Manager, a self-driven effort that was pivotal in setting up the complex tracking system KKI required.

Justin elaborated on the depth of the tracking, stating, “Basically, we’re measuring every interaction on the site.” He set up custom events and definitions in Google Tag Manager to capture every user interaction. One of the most intricate aspects was video playback tracking in JW Player. Justin leveraged JW Player events to monitor all facets of video interactions, such as play, pause, and the percentage of video watched. “JW Player’s API was crucial because it provides access to every event within a video. When an event occurs, we send that data through Tag Manager to Google Analytics,” he explained.

The complexity didn’t end there. For KKI’s research, it was imperative that Google Analytics tracking be linked to each individual user without revealing their identity at any point in the complex system we’d established—spanning WordPress, Vercel, Google Analytics, and GraphQL. This was to ensure HIPAA compliance and safeguard confidential information. Justin integrated Google Analytics with Auth0 for individualized tracking and set up multiple data streams into one analytics account to aggregate data from different sites. Furthermore, each user’s data was linked to their own unique, secret code. This allowed all interactions to be associated with that individual, without revealing their identity in any part of the software system. However, approved researchers and doctors could identify the individual using that secret code, ensuring both confidentiality and research integrity.

A Triumph of Complexity

The project was a resounding success, meeting intricate requirements and delivering a platform that is both user-centric and feature-rich. The analytics setup provides invaluable data for research, culminating in a multi-faceted, HIPAA-compliant resource hub that serves its primary users and equips KKI with crucial research data.  

The Journey and Beyond

The project’s complexity made it a rewarding experience, pushing our technological boundaries and providing an opportunity to work on something with a meaningful impact. “This is perhaps my favorite project to date,” said Ryan Smith. Justin Young’s self-directed learning was crucial in establishing the intricate tracking system, and we’re deeply appreciative of our entire team’s dedication and adaptability.  

In summary, this project stands as one of the most complex yet fulfilling endeavors we’ve undertaken, and we take immense pride in the solution we’ve crafted.