Paul Carroll

Designer, wears a lot of hats (metaphorically & literally)

ASTCT

The American Society for Transplantation and Cellular Therapy supports physicians who perform cellular therapies with guidance and documentation. Bust Out built and maintained a mobile app for this documentation for many years. In 2024 we began the process of replatforming the app to Flutter – while also integrating an entire other app for GVHD testing tools (graft versus host disease).

Strategy

Our clients were practicing physicians, so we got to work directly with the folks that used this app every day. Physicians use this tool to help with determining a diagnosis, so accuracy and ease of use were extremely important.

UX Prototyping

A majority of the ASTCT app is a series of complicated calculators, so building out interactive prototypes helped immensely. Some had more complex interactions, while others were just information dense — being able to walk through an interactive prototype with the team was extremely useful.

Design System

User centered design was yet again an important piece of the success of this project. Working directly with physicians and modernizing an older app led to a lot of design improvements. I worked closely with our lead developer at Bust Out to ensure that this design system was both functional and flexible.

👤 Roles

Strategy, UX, Design

📆 Timeline

3 months

🛠️ Tools & Technologies

Figma, Flutter

The Challenge

There are three main types of documentation in this app: Guidelines, Calculators, and Resources. Each piece required different design patterns, which often involved a lot of complexity. In addition to rebuilding all of the preexisting tools, we also had to expand of the scope of the app dramatically by integrating an entire toolset focused on GVHD symptoms. One of the most important concerns with replatforming this app was making sure these tools remained accessible and easy to use.

Building a Design System

The ASTCT app did not require a particularly complex design system, but it was still helpful to figure out all of the components ahead of time. It was still a challenge to build a system that would work well in a lot of complicated used cases.

Delivering

I used the design system to build out representative screens for all of the different types of content. Several of the calculators required custom elements, but otherwise it was straightforward to assemble. This was the kind of project where 95% of the work landed on the dev team building all of the wildly complex calculators.

Calculators

The calculators required a lot of bespoke pieces for the different types types of questions. The GVHD calculator in particular required a lot of iteration to cover all of the different details required for successful diagnosis.

Guidelines

Much of this documentation used to live in a series of PDFs. These were modernized and integrated into the app, making them searchable and easier to navigate.

Resources

Beyond the guidelines and calculators, there are several other resources included in the app. Presentations and links to future webinars are all collected in one place.