RedPath

Improving adherence and accelerating treatment for oncology patients

A patient navigation platform helping hospitals close cancer care gaps across Africa

__wf_reserved_inherit

About the project

Each year, millions of people worldwide die from cancer, and often the cause isn’t the disease itself but delays in accessing treatment. To address this, global healthcare organization Roche developed RedPath, a digital platform that helps patient navigators coordinate appointments and guide patients through their care journey.

The platform enables hospital staff to follow each patient’s clinical pathway from screening through treatment while tracking missed appointments and the reasons behind them. That information then rolls up into a national picture, giving health ministries and program leaders the evidence to see gaps in care and identify where investment would make the difference.

Services
Branding
Product Design
Product Development
Industry
Healthcare
RedPath staff badge on a lanyard with the Roche logo
__wf_reserved_inherit

Challenge

As the product was designed for hospital staff across African markets, it had to be accessible to users with limited digital experience, a need the existing interface failed to meet. The Halo Lab team stepped in to redesign the app and strengthen its underlying platform so hospital staff could navigate it with minimal guidance and rely on it for day-to-day patient coordination.

__wf_reserved_inherit

Our process

The platform had to serve two user groups under one roof: patient navigators coordinating appointments and stakeholders directing national funding priorities. We shaped our process around that split, building tablet and web interfaces on one system, strengthened by back-end work and supported by brand and launch materials.

App design

Because the app supported real patient coordination, every screen had to be clear, intuitive, and dependable, guiding navigators through complex workflows without adding friction.

{{dropdowns-1}}

__wf_reserved_inherit

Development support

The platform handled real patient data, so security and data protection were priorities. With this in mind, our team supported the existing system, reinforcing what was already in place to improve reliability and security in a healthcare setting.

{{dropdowns-2}}

RedPath billboard reading A clearer path to care outside a hospital

Brand & launch support

As the platform grew, our collaboration expanded beyond the product to strengthen RedPath’s brand and visual language across launch, community, and internal touchpoints.

{{dropdowns-3}}

Hospital staff member reviewing a patient list in the RedPath tablet app

Results

  • The redesigned and improved RedPath platform helped Roche scale patient navigation from local pilots to national programs in Ghana and Eswatini
  • Our collaboration laid the groundwork for RedPath launch in the DRC, one of Africa’s largest countries with a population of 116 million
  • The platform was configured and deployed in 3 new countries, with Indonesia underway and Mexico and Spain on the roadmap
  • The national dashboard turned patient-level care barriers into evidence that health ministries can use to guide cancer care funding
  • Distraction-free tablet interface made routine tasks easier to navigate for staff with limited digital experience
  • Reliable offline sync allowed patient navigators to keep working with patient records and appointment updates during connectivity interruptions
  • Back-end security improvements reinforced protection of sensitive patient data across the platform

Review

{{review}}

Our approach

Strong results start with open dialogue. At every stage, we work closely with the client’s team, running workshops, gathering feedback, and refining ideas through multiple iterations. If your product needs the same level of care, contact us — and we’ll help turn complexity into an experience people can understand, trust, and use with confidence.

{{approach}}

5.0
star iconstar iconstar iconstar iconstar icon

“The Halo Lab team’s performance has been remarkable, with real dedication and the flexibility to adapt quickly as our needs grew from a product redesign into launches. RedPath had to work for navigators with limited digital experience on weak networks and for health ministries guiding cancer care funding, all while keeping patient data secure. Together, we scaled it from local pilots to national programs in several countries.”

Daniel Zah, Patient Navigation Program Manager at Roche
Daniel Zah Patient Navigation Program Manager at Roche

Ready to discuss your project with us?

Let’s talk about how we can design, build, and grow a product that puts you in the top 1%
BOOK A CALL

01 Discovery & research

To ground our design decisions in real product needs, we started by analyzing its planned functionality across upcoming screens and features. This guided our focus on improving readability, making interactions more intuitive, and optimizing interactive elements.

Deliverables

  • Functional product analysis
  • Three visual style concepts

02 User flow mapping

We structured the experience around two key audiences: patient navigators, with a flow focused on turning flagged barriers into clear, actionable tasks they could address immediately, and stakeholders, with a data-driven view that connected individual patient barriers to broader community needs and funding priorities.

Deliverables

  • Role-based experience mapping
  • Interaction architecture

03 UI design for tablet

To keep the interface clean and easy to scan, we built the visual language around a calm palette of blues and grays. Information was structured into clear, card-based blocks, streamlining navigation for fast, intuitive use, even in the middle of a busy day.

__wf_reserved_inherit

Deliverables

  • Offline-aware states
  • Tablet-optimized UI

04 UI design for web

The web side provided admins with a centralized environment to manage members, facilities, care providers, and barrier types. Balancing information density with visual clarity, we built streamlined workflows for editing records and publishing updates while preserving readability across high-volume datasets.

__wf_reserved_inherit

Deliverables

  • Barrier management
  • Administration panel

05 Dashboard for governments & partners

One of the most important parts of the platform was the web dashboard for stakeholders, designed to turn complex program data into a clear basis for evaluation. We proposed a deliberately more sober visual tone and rebuilt the dashboard around outcomes and impact, helping governments and partners assess progress and make informed funding decisions.

__wf_reserved_inherit

Deliverables

  • National dashboard design
  • Clear data visualization
  • Reporting & insights

06 Design system & handoff

Once the screens for both web and tablet versions were in place, our team assembled the core UI elements into a reusable design kit. This included key components, styles, and usage guidelines to keep the interface consistent as the product evolved.

__wf_reserved_inherit

Deliverables

  • UI kit
  • Dev-ready source files

01 Back-end audit

Since the platform was already in use, our development team reviewed its codebase and database to assess how it worked under the hood. This helped us surface issues invisible from the outside, such as outdated password storage, a sync lock that could freeze navigators’ devices, and reports that could assign appointments to the wrong period.

Two developers reviewing the RedPath platform codebase on a laptop

Deliverables

  • Security & database audit
  • Prioritized optimization backlog

02 Offline sync & reporting accuracy

Navigators often work on weak mobile networks, so sync had to survive interruptions. We introduced automatic retries, locally saved queues, and batch uploads with visible progress, helping care coordinators keep working when connectivity dropped and ensuring updates reached the platform reliably.

__wf_reserved_inherit

Deliverables

  • Sync reliability improvements
  • Offline data handling

03 Healthcare-grade infrastructure

Patient data demands more than standard hosting, so our developers optimized the existing infrastructure to meet healthcare compliance requirements. We implemented regional data storage, encryption, mandatory multi-factor sign-in, and audit trails that record who accessed each patient record, with local data protection requirements built in.

__wf_reserved_inherit

Deliverables

  • Regional data storage
  • Data encryption
  • Multi-factor authentication

01 Logo refinement

We started by exploring text-only wordmark directions that let the name RedPath carry the identity on its own, without an icon. By evening out the stroke thickness across every letter, including the rounded parts, we rebuilt the wordmark on a grid so it read balanced at any size.

__wf_reserved_inherit

Deliverables

  • Logo concepts
  • Responsive logo system

02 Community outreach materials

Our team brought the visual system beyond digital touchpoints, adapting it for billboards and small-format print materials to maintain a cohesive brand experience and help the organization reach patients and communities offline.

RedPath brand collateral including a folder, business cards and printed materials

Deliverables

  • Billboard designs
  • Print collateral

03 Launch announcements

We designed animated announcements for the platform launch and the Ghana rollout, designed to be reused for every country that joins next. These gave the client a clear, professional way to introduce the platform to stakeholders and health ministries, building early credibility.

Deliverables

  • Launch announcement GIFs
  • Reusable country launch template
  • Motion showreel

04 Internal communication materials

Beyond this, RedPath also needed materials for internal use, giving the team a coherent way to present the product across the organization. We refined the internal project page, where Roche employees learned about the platform, and prepared visuals for leadership meetings, keeping the tone bright and uplifting yet serious enough for a medical product.

RedPath internal presentation slides on human-centered cancer care

Deliverables

  • Internal website audit & redesign
  • Presentation visuals

Team

  • 1 PM
  • 1 Brand Designer
  • 3 UI/UX Designers
  • 1 Motion Designer
  • 1 Web Designer
  • 2 Back-end Developers
  • 1 Front-end Developer

Technologies

Figma
React Native
AWS