Back

PathoScope

PathoScope is a diagnostic tool that supports biomarker testing for AstraZeneca's oncology brands. Specifically PD-L1 expression levels and challenges of histology stain scoring and evaluation.

Web Design

Web Design

Branding

Branding

Focussed on user research, user flows, interaction design, design iteration, and prototyping. Worked closely with project managers, medical and copywriters, and developers.

Design goal

The aim was to educate pathologists about biomarker tests and procedures, including specific assays for various types of tumors.

Understanding the journey

Developed content pathway and a journey map to outline how a user would navigate through the piece.

Based on user research and project mapping, we curated the cases. Each one featured multiple images, facilitating easy comparison and differentiation.

We tracked user actions to understand how they affected the on-screen results and fixed any issues with the functionality.

Visualizing the cases

High-fidelity wireframes breathed life into the project. By mapping out essential screens, we concentrated on crafting an intuitive and seamless tool.

Some key elements we focussed on:

  • Evaluating various navigator versions

  • Methods to view case visuals

  • Integrate options to zoom using diverse magnification tools

  • Varieties of magnification measurements

  • Set spots highlighting areas of significance

  • Determining how a user can enlarge multiple images — should it be concurrent or separate?

Prototyping to get the full experience

Developed a prototype to show stakeholders how the tool works.

A walkthrough demonstrating key functionality

Key Takeaways

Creating this web app taught me how to work with a development team closely. On the surface, this looks simple, but this was actually a tough project to engineer. There was a learning curve for us all. The tissue images contained a lot of data, so we had to figure out how to load and view them while keeping them synced when zooming and moving.