top of page
iMockup - iPhone 13.png
iMockup - iPhone 13-2.png
iMockup - iPhone 13-1.png
iMockup - iPhone 13-3.png

One Health
 

One Health is a universal health application designed to cater to the general public, with user-friendly features specifically tailored for senior citizens and non-tech-savvy individuals.

​

View Mockups 

My Role                        Timeline                       Team

Product Lead,

UI/UX Design

3 month in

Fall 2022

Visual Designer, 

Researcher,

UI/UX Designer

Product Leader

N2.png

Appointments

Book appointments flexibly with your preferred doctor.

N3.png

Connect with Health Team

Easily connect with Health Team by phone, chat, or email.

iMockup - iPhone 13 (1).png

Emergency Contact​​

Call your doctor directly.

iMockup - iPhone 13 (1).png

Voice Command

Hands-free control via voice commands.

iMockup - iPhone 13 (1).png

Scan to Onboard & Retrieve​

Enable users to scan documents for verification.

N5.png
N4.png

Incase of Emergency QR Code

Allow staff to quickly scan and retrieve medical information.

iMockup - iPhone 13.png
Context
 

In today's fast-paced and technology-driven world, digital solutions have become increasingly prevalent in various industries, including healthcare. The rise of mobile applications has revolutionized the way individuals manage their health, with apps catering to a wide range of needs, from tracking fitness activities to monitoring chronic conditions.

Problem

​

Many health apps overlook the needs of older adults and non-tech-savvy users. Interfaces are often cluttered, difficult to navigate, and filled with medical jargon that can be hard to understand without professional help. Additionally, the lack of integrated tools like scanning or emergency access features makes managing health records inefficient and frustrating.

.

Solutions

We set out to design One Health — a simple, inclusive, and user-friendly mobile app that makes health management easier for everyone. With a focus on clear navigation, accessible language, and helpful tools, the app allows users to manage medical records, appointments, prescriptions, and doctor communication with confidence and ease.

Result

​

The final product is a universal health app built for both the general public and seniors. Key features include secure access to medical data, appointment scheduling, and direct contact with healthcare providers. Enhanced tools like voice commands, quick-scan onboarding, and an emergency QR code ensure convenience, safety, and usability for all.

Research & Findings
 

We conducted in-depth user research and interviews to uncover key insights that shaped and guided our design decisions.

Methodology

​

Conducted seven phone interviews using a twelve-question script to gather qualitative user insights.

Insights

  • Users rely on physical documentation for medication records instead of health apps.

  • Elderly family members find health apps and websites confusing and seek assistance for doctor appointments.

  • Existing apps and websites are perceived as complex, with small font sizes causing frustration.

  • Users desire a simplified app for doctor appointments, medication record-keeping, and prescription management.

Interview Questions

  1. What are some of the apps and websites you use the most? 

  2. What health related apps do you utilize?

  3. How often do you use this app or website?

  4. What are some features you like about this health related app?

  5. What frustrations do you encounter when using health related apps/websites? Why?

  6. What is your preference when setting up an appointment with your doctor call, online, in-person, via email, or thru app? Why did you choose that method?

  7. How do you review medical records, and order prescriptions?

  8. How do your parents or older family members maintain their health, records, and appointments? What frustrations do they have?

  9. Are you looking for an alternative for the app or website? 

  10. How do you think you would feel navigating this app alone? 

  11. How much time would you be willing to spend to set up an appointment?

  12. What is the most appealing and least appealing with this app?

Design Process
 

By developing detailed personas, storyboards, and empathy maps, we were able to uncover key user pain points and behavioral patterns. These insights informed the creation of a streamlined user flow, ensuring an intuitive and empathetic design that aligns with real-world user needs.

Persona

Screen Shot 2023-06-06 at 10.50.15 AM.png
Screen Shot 2023-06-06 at 10.50.42 AM.png

Storyboard

Screen Shot 2023-06-06 at 10.55.09 AM.png

Empathy Map

Screen Shot 2023-06-06 at 11.02.46 AM.png

User Flow

Untitled.png
Design & Iteration 
 

My design contribution is Medical Record section.

Design Objective

​

To design an intuitive and accessible interface that allows users—especially seniors and non-tech-savvy individuals—to effortlessly view, understand, and manage their health records and summaries.

Design Decisions

​I focused on clarity and simplicity by organizing the information into clearly defined sections, using large, legible fonts and intuitive icons to guide navigation. The layout emphasizes a clean visual hierarchy, enabling users to quickly locate the most relevant information, such as recent diagnoses, medications, and doctor notes. I also incorporated color-coded status indicators and section highlights to enhance visibility and reduce cognitive load.

Design Impact

​

​This design significantly enhances the user experience by reducing friction and uncertainty. It empowers users to quickly access critical health information, better understand their medical conditions, and make informed decisions—confidently and independently.

Low-Fi Prototype

Wireframe 13.png
Wireframe 9.png
Wireframe 8-1.png
Wireframe 12.png
Wireframe 14.png
Wireframe 15.png
Wireframe 16.png
Wireframe 10.png

UI Style Guide

Frame 1568 (1).png

High-Fi Prototype

Streamlined the Interface

Removed unnecessary or redundant information, and reorganized content into clearly defined sections. Adjusted the information hierarchy to ensure users can easily scan and digest key content at a glance.

Enhanced Usability & Visual Clarity

Refined the layout and visual design to improve intuitiveness and aesthetic appeal. Used consistent spacing, typography, and visual cues to guide users naturally through the experience.

Improved Call-to-Action Visibility

​

Redesigned action buttons to be more prominent and easily recognizable by applying strategic placement, contrasting colors, and clear labeling—ensuring users can take action without hesitation.

Records.png
Medication.png
Purchase.png
Product.png
Cart.png
Payment.png
Past Visits.png
Past Visits-Detail.png
VC -Lab Result 2.png
Records.png
Product Value
 

At the heart of One Health is the belief that healthcare should be simple, accessible, and empowering for everyone—especially those who need it most. We designed the app to not only meet everyday medical needs but also to respond intuitively in moments of urgency. By focusing on clarity, inclusivity, and practical tools, One Health becomes more than an app—it becomes a trusted companion in managing personal health.

​

Senior-Friendly Mode: With voice control, larger fonts, and a light theme, navigating the app becomes stress-free for older adults.

​

Emergency QR Access: In urgent situations, a quick scan provides instant access to critical medical details, even if the phone is locked.

​

All-in-One Health Management: One Health centralizes medical records, appointment bookings, and prescription management, helping users stay organized and in control of their health.

| Social​

| Contact

| About

I’m a passionate and fast-growing UI/UX designer with a background in Education and Interaction Design. With empathy and strategic thinking, I create meaningful digital products — always learning, growing, and excited to build something amazing together.

bottom of page