Transforming Healthcare Access for Millions

Prodia is Indonesia's largest clinical laboratory network, operating across more than 145 outlets nationwide and serving over a million users. In 2023, they made a significant strategic move: sunsetting their legacy app and launching U by Prodia, a modern health and wellness platform designed to bring lab test booking, doctor consultations, health tracking, and home services under one roof.

I was engaged as UI/UX Project Lead at Aleph, the agency handling the Prodia account, to design the experience that would carry that transition. The platform I worked on has since grown to surpass 1.4 million downloads on Android and is rated 4.0 out of 5 stars across thousands of reviews. In February 2026 — after I had left the company — U by Prodia received the Indonesia Popular Digital Products Award 2026 from The Iconomics and Axia Research, evaluated through focus group discussion, quantitative survey, and accumulated scoring, recognising the platform's consistency in digital innovation and customer experience. The work that underpinned that recognition was built during my tenure.

Role

UI/UX Project Lead

Team

Hillary Njo

Hillary Njo

UI/UX Project Lead

UI/UX Project Lead

UI/UX Project Lead

Abianca Hafsari

Abianca Hafsari

UI/UX Designer

UI/UX Designer

UI/UX Designer

Alya Dhia

Alya Dhia

UI/UX Designer

UI/UX Designer

UI/UX Designer

2 Business Analyst

1 Solution Architect

1 Project Manager

21 Engineers

7 QA

2 Business Analyst

1 Solution Architect

1 Project Manager

21 Engineers

7 QA

2 Business Analyst

1 Solution Architect

1 Project Manager

21 Engineers

7 QA

Timeline

Mar 2023 - Oct 2024

Industry

Health Tech

Type

iOS, Android, Web

Challenge

Challenge

Challenge

The stakes of this project were unusually high for a design engagement. Prodia had over a million existing users — many of them older, long-time patients who knew the legacy app well. Any redesign that moved too fast, felt too foreign, or introduced new friction risked losing exactly the people the platform was meant to serve.

At the same time, Prodia needed to attract a younger, more digitally native audience to secure long-term growth. The new platform had to feel modern enough to compete with consumer health apps while remaining familiar enough not to alienate its existing base.

And it had to ship across three distinct platforms — patient app, doctor and health coach app, and admin web — simultaneously, under ambitious timelines, with a large cross-functional team.

The starting data made the urgency concrete. Only 28.7% of users who installed the app completed registration. More than seven in ten people who downloaded the app left before they ever used it. That number was the clearest signal of where the work needed to start.

My Role

As project lead, my responsibilities went well beyond screen design. I led all design decisions across the three platforms, defined the delivery process in collaboration with the business analyst, ran strategic workshops to align product and engineering priorities, managed and mentored two UI/UX designers, and served as the primary bridge between design, product, and the development team of 21 engineers.


This was not a hand-off engagement. Design decisions were made in close collaboration with engineering throughout, which required both clear documentation and consistent communication to keep three platforms moving without diverging.

As project lead, my responsibilities went well beyond screen design. I led all design decisions across the three platforms, defined the delivery process in collaboration with the business analyst, ran strategic workshops to align product and engineering priorities, managed and mentored two UI/UX designers, and served as the primary bridge between design, product, and the development team of 21 engineers.


This was not a hand-off engagement. Design decisions were made in close collaboration with engineering throughout, which required both clear documentation and consistent communication to keep three platforms moving without diverging.

Approach

Approach

Approach

Starting with the biggest drop-off

With limited access to user research — a reality of the project's timeline and client constraints — the team worked with what was available: funnel data, engineering insights, and business priorities. The 28.7% registration completion rate pointed to a clear starting point. Before addressing features, information architecture, or visual design, the onboarding flow needed to be rebuilt.

The redesign introduced clear progressive steps, plain-language guidance, and a reduced cognitive load at each stage. Key actions — booking a lab test, viewing results — were surfaced directly on the home screen rather than buried in navigation. The goal was to build trust through predictability: a user who understands what is happening and what comes next is far more likely to complete the flow.

Designing for two users at once

The tension at the centre of this project was real. A legacy user expects familiarity. A new user expects modernity. Designing for both simultaneously is not a matter of splitting the difference — it is a matter of finding the qualities they share. Both groups want clarity. Both want to feel confident, not confused. Both are navigating something health-related, which carries its own emotional weight.


The visual language was built around those shared needs: soft contrast, generous spacing, clear typographic hierarchy, and a calm, medically grounded palette. Nothing clinical to the point of coldness. Nothing consumer to the point of feeling unserious. The interface needed to earn trust before it asked for anything.

The tension at the centre of this project was real. A legacy user expects familiarity. A new user expects modernity. Designing for both simultaneously is not a matter of splitting the difference — it is a matter of finding the qualities they share. Both groups want clarity. Both want to feel confident, not confused. Both are navigating something health-related, which carries its own emotional weight.


The visual language was built around those shared needs: soft contrast, generous spacing, clear typographic hierarchy, and a calm, medically grounded palette. Nothing clinical to the point of coldness. Nothing consumer to the point of feeling unserious. The interface needed to earn trust before it asked for anything.

A two-phase process built for speed without sacrificing craft

Working across three platforms with tight timelines and a large team required a delivery process that could move fast without creating rework. I co-defined a two-phase approach with the business analyst: wireframe ideation and early client sign-off in phase one, high-fidelity design with full edge-case coverage in phase two.


This structure gave the team room to explore and validate directions before investing in polish. It reduced late-stage changes significantly because alignment happened at the wireframe level, where pivoting is cheap, rather than at the high-fidelity level, where it is expensive.

Working across three platforms with tight timelines and a large team required a delivery process that could move fast without creating rework. I co-defined a two-phase approach with the business analyst: wireframe ideation and early client sign-off in phase one, high-fidelity design with full edge-case coverage in phase two.


This structure gave the team room to explore and validate directions before investing in polish. It reduced late-stage changes significantly because alignment happened at the wireframe level, where pivoting is cheap, rather than at the high-fidelity level, where it is expensive.

Building a system, not just screens

Three platforms with three distinct audiences — patients, doctors and health coaches, and admins — could easily have produced three divergent design languages. Preventing that required infrastructure: a modular design system with shared spacing rules, colour tokens, typographic scales, and component behaviours that could flex for each platform's specific needs without losing brand coherence.

The system also had a practical team benefit. When the second designer joined the project, the design system allowed her to onboard and contribute meaningfully in significantly less time than starting from documentation alone.

Outcomes

Since my tenure, U by Prodia has surpassed 1.4 million downloads on Android, averaging approximately 47,000 downloads per month at its peak. The foundation for that growth — the onboarding redesign, the design system, the booking experience — was built during the period I led the design work. Registration completion improved meaningfully following the onboarding redesign, moving the product away from a flow that was losing more than seven in ten users before they took a single action. Lab test booking drop-off decreased as key conversion actions were surfaced earlier in the experience.

The design system enabled faster delivery across all three platforms and accelerated onboarding for new team members joining the engagement. Strategic workshops run at key milestones helped the client clarify MVP scope and feature priorities, reducing scope creep and keeping the delivery timeline manageable.

In February 2026, U by Prodia received the Indonesia Popular Digital Products Award 2026, assessed through focus groups, quantitative survey, and accumulated scoring across customer experience criteria. The platform's Digital Service Transformation Director simultaneously received the Indonesia Popular CIO & CTO Award 2026, selected from a field of more than 200 candidates.

What This Project Taught Me

Leading a project of this scale — across platforms, timelines, and a large cross-functional team — taught me that process design is product design. The two-phase delivery structure, the design system architecture, the stakeholder workshops: none of these felt like design work in the traditional sense, but all of them were what made the actual design work possible.

I also learned something about designing under constraint that I have carried forward. When user research is limited, the data you do have becomes more important, not less. The 28.7% registration completion rate was not just a metric. It was the clearest signal available about where the real problem lived, and it shaped every subsequent decision.

Healthcare design carries a weight that most product categories do not. A user navigating this app may be anxious about a result, uncertain about a diagnosis, or managing something serious. Every design decision — how a result is displayed, how a flow is sequenced, how an error state is written — exists in that context. Holding that awareness consistently, across a 18-month engagement and three platforms, was one of the most demanding and meaningful parts of the work.

This project was a team effort. Thank you to Alya & Abianca for the collaboration, creativity, and late-night problem-solving that made the work what it was.

Create a free website with Framer, the website builder loved by startups, designers and agencies.