DIAMETER HEALTH
DEEP DIVE APP

**IF THE WORLD OF CLINICAL DATA…**

…was a vast ocean, then Diameter Health would be the industry’s Jacques Cousteau. We were therefore immensely excited to be asked to design and develop a new interactive sales tool to bolster Diameter Health’s existing product demos. With the Diameter Health Deep Dive app, customers can plunge beneath the waves to get up close and personal with clinical data integration and Upcycling Data in action.
**Keep scrolling to learn how the Deep Dive app came to life.**

PROCESS ~ 6 WEEK TIMELINE

UX & IA

For this first foray, our teams decided upon 3 main topics that the app would showcase:

Clinical Data Integration serves as an introduction to the world of clinical data and Diameter Health’s place within it.
Upcycling Data gives the user a taste of how Diameter Health’s solutions take effect on patient data.
Finally, Conversion to FHIR further showcases the power of Diameter Health’s products as it converts data into FHIR resources.

Wireframes for each section were produced. In the case of this project, the wireframes served two purposes. First and foremost, they mapped out the necessary interactive elements for each topic. Furthermore, they served as a storyboard of sorts, allowing our teams to preemptively pair a salesperson’s typical talking points with specific visuals matching those points at any time.

Screen Design

With wireframes complete, the design of the app began to take shape. Rather than design each screen, we identified core screen types with common layouts and focused our design efforts on those. The animated particles and interactive elements of the app were typically given a flat design treatment in photoshop, but were brought to life fully within Unity, our development platform of choice.

In addition to the screens themselves which featured simple back & forth navigation, a simple hamburger menu was designed. This allows the salesperson to jump directly to a particular screen within a particular topic.

Development & Launch

Development began immediately after wireframes were approved. While Diameter Health reviewed and approved designs, we began programming the interactive elements outlined in our UX phase within Unity.

The greyboxed prototype was then skinned based on the approved design comps. The many particle effects and screen to screen animations were programmed directly within Unity as well, making full use of this robust platform.

Upon approval of the launch candidate, 3 versions of the app were distributed to the Diameter Health team: