Design Process

To achieve the project goals, I followed a structured, user-centered design approach to uncover core pain points, explore effective solutions, and deliver a polished final output: 

Guerilla Interview

To efficiently gather qualitative data within the project's limited timeframe, I conducted guerilla interviews with 4 participants through a mix of remote chat and in-person sessions. The interviews were conducted in Thai, utilizing a structured 9-question guide divided into three core sections:

• Behavior: Understanding the users' past experiences and context regarding annual checkups.

• Pain Points Validation: Identifying specific frustrations when interpreting complex medical data.

• Expectations & Needs: Discovering what information users value most from a health report.

The Research Goal: To validate the initial hypotheses and uncover true user frustrations of health reports.

Research Insights

After conducting the interviews, I synthesized the raw qualitative data using an Affinity Diagram in FigJam. By grouping common themes, I uncovered 5 key insights that directly informed my design decisions:

Persona and User Story : Napat

To humanize the research findings and keep the design process user-centric, I translated the core insights into a primary persona: Napat, a busy young professional. His goals and frustrations directly guided my design decisions, encapsulated in this core User Story:

"As a busy professional who values my well-being, I want to read my health checkup results in plain language with a clear summary, so that I know exactly what actions to take next without relying entirely on a doctor's translation."

Napat's Journey Map

Next, I created a User Journey Map to visualize Napat’s step-by-step experience as he receives and reviews his digital health checkup report via email. This journey is designed to align with the project brief while directly addressing his core frustration: having to see a doctor in person just to understand his results.

Goal: To independently, accurately, and confidently understand his health status through a digital report.

How Might We (HMW) & Feature Ideation

To seamlessly transition from problem definition to solution exploration, I reframed Napat’s core problem into a actionable 'How Might We' (HMW) question to spark targeted design ideation:

"How might we redesign the digital health report so that Napat can instantly understand his health status and take action independently, without needing a doctor to translate the data?"

Directly mapping solutions to the 5 Research Insights, I brainstormed the following key features to address Napat's specific pain points and guide the final UI design: 

Information Architecture

Building upon the feature ideation, I structured the Information Architecture to organize complex medical data into a clear, intuitive hierarchy. Starting from the initial email entry point, the platform is divided into three core pillars: Health Overview, Detailed Health Report, and Actionable Advice. This structure minimizes cognitive load and ensures users can smoothly navigate to the exact level of detail they need.

User Flow

Building upon the Information Architecture, I developed a comprehensive User Flow to map Napat’s end-to-end interaction—from the initial email notification through to the full digital health report experience. This non-linear flow is intentionally designed for flexibility. It empowers Napat to quickly digest a high-level health summary first, and then seamlessly dive deeper into either specific medical data or personalized actionable advice based on his immediate needs.

Mockups and High-Fidelity Prototype

Translating the user flows into visual layouts, I developed high-fidelity mockups strictly following a Mobile-First Web App approach. The visual design prioritizes a clear information hierarchy, ensuring users are not overwhelmed by complex medical data. These screens were then assembled into an interactive prototype, bringing the core features to life.

MAIN FEATURE  

An End-to-End Digital Experience

To ensure Napat can navigate his health data without cognitive overload, I designed a seamless digital journey that begins directly in his email inbox. The interface is meticulously structured to empower users to effortlessly scan their overall health status, dive deep into complex lab details, and access actionable lifestyle advice—all at their own pace.

CHALLENGE 1

The Visual Health Overview

When users access their report via the email link, their primary goal is immediate clarity, not data analysis. To eliminate user anxiety and reduce cognitive load, the Health Overview page introduces a scannable, top-level dashboard. By utilizing an intuitive traffic-light color system (Healthy, Warning, High Risk) paired with a plain-language summary, users achieve instant status recognition before diving into complex lab details.

CHALLENGE 2

Detailed Health Report

To solve the core frustration of data overload, I utilized the principle of Progressive Disclosure. From the default Health Report tab on the home screen, users are guided by a clear "Full Report" CTA to dive deeper only when they are ready. This Detailed Health Report transforms an intimidating traditional document into an empowering digital experience, complete with a structured Patient Profile, categorized lab results, imaging reports, and physician summaries.

CHALLENGE 3

Dynamic & Actionable Health Advice 

The final piece of the digital experience ensures users know exactly what to do next without relying entirely on a doctor. The Health Advice tab offers contextual recommendations that adapt to the user's specific health status:                      

◆Preventive & Lifestyle Care (Normal): For standard results, the system provides a Personalized To-Do List and Preventive Health Care Tips to encourage sustainable health maintenance.

◆ Critical State Adaptation: If severe abnormalities are detected, the interface dynamically shifts focus to urgent care. It displays a digital Prescribed Medications List and emphasizes a high-contrast CTA button to securely "Book Follow-up Appointment."

Design System

To ensure visual consistency and build user trust, I established a clean, minimalist design system tailored for medical data. The visual language was intentionally designed to reduce cognitive load while making critical information instantly recognizable.