The Digital Health Success Framework (DHSF) is an interactive collection of articles and resources to help early-stage healthcare startups and enterprise innovation teams navigate the requirements and demands of healthcare apps and services.

The DHSF was conceived by Datica's VP of Marketing, Kris Gösser. We are continually adding new dimensions (to the existing five categories), articles, crosslinks, and weaving in other online initiatives to give readers a sense of time and scale in their journey.

I created the design, online experience, did the data modeling, video and motion graphics, as well as created PDF ebook and presentation versions.

I wrote about some of the data-modeling challenges for Contentful's blog.

The content of the DHSF would span both time, category, and space. This could confuse users or enable them to lose their "situational awareness" of where they were. One way to maintain the users sense of place is to use intelligent animations and transitions. 

Before committing these interaction concepts to code, I used Keynote prototype some of the transitions. Here's a video of some of the early concepts: 

Below are some screenshots of the web application. The data model presented some unique challenges. For maximum flexibility, all content is managed with custom YAML files. The months are converted to relative positions and styles injected into the markup. For the front-end stack, we use Zurb Foundation as the basis for datica.com and I heavily modified the tab component. This let us focus on design without sacrificing accessibility and things like keyboard navigation. Additional Javascript events orchestrate actions like the CSS animation classes that guide the viewer's eye at the start.