Menu

Redesigning Veritas From Clinical Chaos to Surgical Clarity

Redesigning Veritas From Clinical Chaos to Surgical Clarity

Company

Company

Octdaily

Octdaily

Timeline

Timeline

2 Months

2 Months

Research Methods

Research Methods

UX Design

Stakeholder Interviews

Heuristic Evaluation

Flow Redesign

Design System

UX Design

Stakeholder Interviews

Heuristic Evaluation

Flow Redesign

Design System

Project Overview

Veritas, a genomic testing platform used by specialist physicians and care teams, had accumulated UX debt that was causing real clinical drop-off.

Problem & Challenge

Veritas is a clinical decision support platform that helps specialists, PCPs, geneticists, and care coordinators manage genomic test recommendations, consent forms, lab results, and patient appointments in one place.


The original interface was built quickly to get the product into the hands of early customers. It worked. But as the user base grew and workflows became more complex, cracks appeared. Care providers were dropping off mid-task. Stakeholders were frustrated. The system didn't reflect how clinicians actually think or work.


We spoke directly with care providers and internal stakeholders to understand the friction points. The problems weren't cosmetic, they were structural.

01

No clear information hierarchy

Patient details, lab results, test recommendations, and appointments were scattered across tabs with no logical priority. Providers had to remember where things lived.

02

Fragmented test recommendation flow

Adding a genomic test required navigating a dense modal with no clear step-by-step guidance. ICD codes, test panels, and recommendations were all in one unstructured form.

03

Navigation that worked against clinical context

The sidebar navigation didn't reflect the clinical workflow. Providers jumping between patients lost their context and had to re-establish orientation on every screen change.

04

Unstructured AI output with no visual separation

The AI-generated Veritas Recommendation Summary was rendered as a raw block of template variables and text, clinically important content that looked like debugging output.

Because Yeppy is a super app, adding more features was easy but keeping the experience clear and simple was the real challenge.

Understanding the System

Before opening Figma, we needed to understand who was actually using this system, under what conditions, and what success looked like for them, not us. We ran structured interviews with specialist physicians, care coordinators, and internal operations stakeholders.


We also mapped the existing flow end-to-end: from appointment scheduling through test recommendation, consent, sample collection, lab order, and result publishing. The diagram below shows what the flow actually was, not how anyone thought it worked.

Approach

Approach

Approach

We didn't redesign for aesthetics. Every decision was traced back to a real user need surfaced in research. These four principles became our north star throughout the process.

We didn't redesign for aesthetics. Every decision was traced back to a real user need surfaced in research. These four principles became our north star throughout the process.

We didn't redesign for aesthetics. Every decision was traced back to a real user need surfaced in research. These four principles became our north star throughout the process.

Mind Map

Mind Map

Mind Map

We created comprehensive mind map to visualize the relationship between various features and functionalities.

We created comprehensive mind map to visualize the relationship between various features and functionalities.

We created comprehensive mind map to visualize the relationship between various features and functionalities.

We created comprehensive mind map to visualize the relationship between various features and functionalities.

Design strategy

Design strategy

Design strategy

Our research showed that fixing individual screens would not be enough. Since Yeppy was being designed from the ground up, we needed a strong and consistent base for the entire finance experience.


To solve this, I proposed creating a design system to address core UI inconsistencies and to keep the product consistent as it grows. The goal was to make sure all screens follow the same rules for layout, spacing, colors, typography, and components.


With approval from our design lead, we built the design system as a team and used it across the platform.

Our research showed that fixing individual screens would not be enough. Since Yeppy was being designed from the ground up, we needed a strong and consistent base for the entire finance experience.


To solve this, I proposed creating a design system to address core UI inconsistencies and to keep the product consistent as it grows. The goal was to make sure all screens follow the same rules for layout, spacing, colors, typography, and components.


With approval from our design lead, we built the design system as a team and used it across the platform.

Our research showed that fixing individual screens would not be enough. Since Yeppy was being designed from the ground up, we needed a strong and consistent base for the entire finance experience.


To solve this, I proposed creating a design system to address core UI inconsistencies and to keep the product consistent as it grows. The goal was to make sure all screens follow the same rules for layout, spacing, colors, typography, and components.


With approval from our design lead, we built the design system as a team and used it across the platform.

Our research showed that fixing individual screens would not be enough. Since Yeppy was being designed from the ground up, we needed a strong and consistent base for the entire finance experience.


To solve this, I proposed creating a design system to address core UI inconsistencies and to keep the product consistent as it grows. The goal was to make sure all screens follow the same rules for layout, spacing, colors, typography, and components.


With approval from our design lead, we built the design system as a team and used it across the platform.

Implementation

Implementation

Implementation

A key goal was to design the Home screen as a central place where users could access all important services.


We collaborated as a team to explore usability improvements and organized features like wallet balance, bill payments, mobile payments, charity donations, e-government payments, and digital goods in one view, helping users manage their financial activities more easily.

A key goal was to design the Home screen as a central place where users could access all important services.


We collaborated as a team to explore usability improvements and organized features like wallet balance, bill payments, mobile payments, charity donations, e-government payments, and digital goods in one view, helping users manage their financial activities more easily.

A key goal was to design the Home screen as a central place where users could access all important services.


We collaborated as a team to explore usability improvements and organized features like wallet balance, bill payments, mobile payments, charity donations, e-government payments, and digital goods in one view, helping users manage their financial activities more easily.

A key goal was to design the Home screen as a central place where users could access all important services.


We collaborated as a team to explore usability improvements and organized features like wallet balance, bill payments, mobile payments, charity donations, e-government payments, and digital goods in one view, helping users manage their financial activities more easily.

A key focus was improving how users track and understand their spending. We designed the expense view to present transactions in a clear, categorized list, allowing users to instantly see where their money is going.


The structure prioritizes readability and quick scanning, helping users review spending patterns without feeling overwhelmed. This shift turned expense tracking from a passive log into an active financial insight tool.

A key focus was improving how users track and understand their spending. We designed the expense view to present transactions in a clear, categorized list, allowing users to instantly see where their money is going.


The structure prioritizes readability and quick scanning, helping users review spending patterns without feeling overwhelmed. This shift turned expense tracking from a passive log into an active financial insight tool.

A key focus was improving how users track and understand their spending. We designed the expense view to present transactions in a clear, categorized list, allowing users to instantly see where their money is going.


The structure prioritizes readability and quick scanning, helping users review spending patterns without feeling overwhelmed. This shift turned expense tracking from a passive log into an active financial insight tool.

A key focus was improving how users track and understand their spending. We designed the expense view to present transactions in a clear, categorized list, allowing users to instantly see where their money is going.


The structure prioritizes readability and quick scanning, helping users review spending patterns without feeling overwhelmed. This shift turned expense tracking from a passive log into an active financial insight tool.

The goal was to make the wallet feel like a financial control center rather than just a balance screen. We structured the wallet to clearly surface available balance, Yeppy Club points, recent transactions, and active promotions in one cohesive layout.


To reduce friction in daily use, we introduced quick actions for topping up balance and sending credit. This minimized navigation steps and made everyday financial tasks faster and more intuitive.

The goal was to make the wallet feel like a financial control center rather than just a balance screen. We structured the wallet to clearly surface available balance, Yeppy Club points, recent transactions, and active promotions in one cohesive layout.


To reduce friction in daily use, we introduced quick actions for topping up balance and sending credit. This minimized navigation steps and made everyday financial tasks faster and more intuitive.

The goal was to make the wallet feel like a financial control center rather than just a balance screen. We structured the wallet to clearly surface available balance, Yeppy Club points, recent transactions, and active promotions in one cohesive layout.


To reduce friction in daily use, we introduced quick actions for topping up balance and sending credit. This minimized navigation steps and made everyday financial tasks faster and more intuitive.

The goal was to make the wallet feel like a financial control center rather than just a balance screen. We structured the wallet to clearly surface available balance, Yeppy Club points, recent transactions, and active promotions in one cohesive layout.


To reduce friction in daily use, we introduced quick actions for topping up balance and sending credit. This minimized navigation steps and made everyday financial tasks faster and more intuitive.

We enabled mobile payments by allowing users to select their telecom operator and choose between prepaid, postpaid, or voucher options. Users can then select from available packages across providers, making mobile payments flexible and easy to manage.

We enabled mobile payments by allowing users to select their telecom operator and choose between prepaid, postpaid, or voucher options. Users can then select from available packages across providers, making mobile payments flexible and easy to manage.

We enabled mobile payments by allowing users to select their telecom operator and choose between prepaid, postpaid, or voucher options. Users can then select from available packages across providers, making mobile payments flexible and easy to manage.

We enabled mobile payments by allowing users to select their telecom operator and choose between prepaid, postpaid, or voucher options. Users can then select from available packages across providers, making mobile payments flexible and easy to manage.

The Fuel Card experience was designed to simplify fuel expense management. We structured the interface to clearly display card balance, transaction history, and usage details.


The goal was to provide transparency and quick access to key information, allowing users to monitor fuel spending efficiently and avoid unnecessary friction at the point of use.

The Fuel Card experience was designed to simplify fuel expense management. We structured the interface to clearly display card balance, transaction history, and usage details.


The goal was to provide transparency and quick access to key information, allowing users to monitor fuel spending efficiently and avoid unnecessary friction at the point of use.

The Fuel Card experience was designed to simplify fuel expense management. We structured the interface to clearly display card balance, transaction history, and usage details.


The goal was to provide transparency and quick access to key information, allowing users to monitor fuel spending efficiently and avoid unnecessary friction at the point of use.

The Fuel Card experience was designed to simplify fuel expense management. We structured the interface to clearly display card balance, transaction history, and usage details.


The goal was to provide transparency and quick access to key information, allowing users to monitor fuel spending efficiently and avoid unnecessary friction at the point of use.

Outcome

Outcome

Outcome

The final design delivered a polished and user-friendly finance module that aligned with Yeppy’s vision of an all-in-one super app.

The final design delivered a polished and user-friendly finance module that aligned with Yeppy’s vision of an all-in-one super app.

The final design delivered a polished and user-friendly finance module that aligned with Yeppy’s vision of an all-in-one super app.

The final design delivered a polished and user-friendly finance module that aligned with Yeppy’s vision of an all-in-one super app.

Key outcomes included:

Key outcomes included:

Key outcomes included:

Key outcomes included:

Clearer financial visibility through structured dashboards and transaction history

Clearer financial visibility through structured dashboards and transaction history

Clearer financial visibility through structured dashboards and transaction history

Clearer financial visibility through structured dashboards and transaction history

Simplified payment and wallet flows that reduced cognitive load

Simplified payment and wallet flows that reduced cognitive load

Simplified payment and wallet flows that reduced cognitive load

Simplified payment and wallet flows that reduced cognitive load

A consistent brand and UI system that strengthened trust and usability

A consistent brand and UI system that strengthened trust and usability

A consistent brand and UI system that strengthened trust and usability

A consistent brand and UI system that strengthened trust and usability

A scalable design foundation ready to support future features

A scalable design foundation ready to support future features

A scalable design foundation ready to support future features

A scalable design foundation ready to support future features

Key takeaways

Key takeaways

Key takeaways

Finance products need clarity more than complexity

Finance products need clarity more than complexity

Finance products need clarity more than complexity

Finance products need clarity more than complexity

Research helps avoid designing based on assumptions

Research helps avoid designing based on assumptions

Research helps avoid designing based on assumptions

Research helps avoid designing based on assumptions

Clear structure is more important than visual decoration

Clear structure is more important than visual decoration

Clear structure is more important than visual decoration

Clear structure is more important than visual decoration

Team collaboration improves consistency and quality

Team collaboration improves consistency and quality

Team collaboration improves consistency and quality

Team collaboration improves consistency and quality

Have an idea?
Let's work together

Let’s turn your vision into a seamless and standout experience

Copyright © 2026 Muntaha. All rights reserved.

Have an idea?
Let's work together

Let’s turn your vision into a seamless and standout experience

Copyright © 2026 Muntaha. All rights reserved.

Have an idea?
Let's work together

Let’s turn your vision into a seamless and standout experience

Copyright © 2026 Muntaha. All rights reserved.

Have an idea?
Let's work together

Let’s turn your vision into a seamless and standout experience

Copyright © 2026 Muntaha. All rights reserved.

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