Case study


Clinical education made easy on any screen 

UI Design
UX Design
Good Design Awards Winner 2022

Redesign an iPad app for mobile and desktop environments

Realti360 is a modular simulation ecosystem incorporating a patient simulator, CPR feedback and video in a single system. The iPad app is deployed within hospitals across shared devices to facilitate staff training during adhoc periods of downtime.

After much success in the market, the original layout and information architecture had become a bottleneck for new features.

Hatch Head was ask to rethink the architecture of the app to give the product team the space to develop new features.

Rethinking the layout

Back to square one

Deployed on shared devices meant that the UI needed to feel familiar and consistent while allowing the clinicians to customize for different training scenarios.

The solution was to create a widget system where controls could be repositioned and resized to suit the user's needs.

The widget

A new pattern to future proof the interface

Each parameter control was re-imagined into widget. While each control is unique, resizing and configuring is consistent across all widgets allowing for a familiar user experience across a complex ecosystem of controls.

It's me you're looking for

Getting the clinicians the widgets they need, instantly.

What good are all these widgets if you can't find what you're looking for. The widget library with re-organized with search features added, allowing clinicians to quickly find and configure the widgets they need.

Face lift off

Nipping and tucking the user interface

A re-look at typography, colors and spacing gave the user interface a more modern look and feel, making this software stand out from other medical training software.

iPads showing various screens of the Realiti 360 software