top of page
HH_landing_web_1.webp

HEALTH HARMON

Project Overview

I designed Health Harmon to bridge the gap between clinical medicine and holistic wellness, using AI-driven insights to deliver personalized health guidance

02

The Challenge

Healthcare often prioritizes pharmaceuticals while overlooking the impact of nutrition and holistic wellness on long-term health.

Timeline

Sep - Nov 2023

Role

Product Designer

Sector

Healthcare

Tasks

Research

UX UI Design

Branding 

Prototyping

Project Inspiration

Health Harmon was inspired by my firsthand experience helping my father navigate modern healthcare. While Western medicine provided excellent treatment, it often overlooked the critical role of nutrition and supplementation in recovery. This gap led me to design a platform that seamlessly integrates clinical medicine with holistic wellness, empowering users with science-backed, personalized health guidance.

HH_image_web_1.webp

Our Solution to the Dilemma 

Health Harmon is an AI-powered platform that connects medical insights, supplements, and personalized nutrition for a holistic approach to health.

02

HEALTH HARMON AI

Health Recommendations with Verified Results

screenHH.png
HH_screens_web_hi.webp

Health Plan Tracking

Plan.png

Link Health Profile with your Healthcare Provider

linkblock.png

DESIGN PROCESS

User Research

Uncovering real-world health perspectives

User Interviews

I conducted 12 user interviews with diverse health backgrounds to identify key pain points. Insights directly informed a design focused on clarity, trust, and accessibility.

HH_User_group_web.webp

Empathizing for all the Users

Personas that represent our diverse user spectrum.

HH_avatar_web_1.webp
Chronic Condition Manager
HH_avatar_2.webp
Hybrid Wellness Manager
HH_avatar_web_3.webp
Casual Wellness Manager
User Personas

User interviews revealed how individuals navigate healthcare, from pharmaceuticals to holistic wellness. These insights informed user personas, ensuring our design addressed diverse needs and behaviors.

Design & Iterate

From wireframes to final design, every iteration was rooted in user feedback

Design Planning

We meticulously mapped each step of the user journey, from initial onboarding to advanced features, creating a frictionless flow that supports user goals at every stage without ever overwhelming the user.

HH_user_flow.webp
Wireframe Approach

Rapid lo-fi prototyping enabled early usability testing, refining navigation and content hierarchy based on user feedback.

HHwireframe.png
Design Decisions with User Testing

A soothing color palette and subtle Neumorphic elements promote user comfort. Ongoing testing validated these choices, guiding final UI refinements.

HH_Style_Tile_1.webp
dot.png
HH_result_3.webp
Final Design

HEALTH HARMON

Health Harmon integrates AI insights, medical expertise, and natural wellness strategies in one platform. Users can quickly see how prescriptions align with holistic solutions.

Usability Testing

Early usability testing revealed significant navigation challenges, prompting key design refinements to create a more intuitive and accessible user experience.

85%

of users found the signup process easy

Iteration: Optimize the signup flow to be intuitive and concise

50%

of users struggled to navigate the dashboard and understand how the app works

Iteration: Implement Onboarding Section to guide  users key features after signup

40%

of users had difficulty locating where to add medications and health conditions

Iteration: Refine dashboard layout with clearer visual hierarchy

35%

of users struggled to navigate back to previous sections, leading to frustration and drop-offs.

Iteration: adding clearer paths to return to previous pages or steps.

dot.png
Senior Portrait

Balanced Health, Starts Today

Serene Neumorphic Design

A modern, calming aesthetic simplifies complex health data into digestible segments, building user trust through visual clarity and clinical credibility.

HH1.3.gif
HH2.gif
Simplified Accessible Interface

Health Harmon transforms complex medical data into a user-friendly, approachable experience with an intuitive, accessible interface.

AI Insights with Verified Studies

AI-powered health recommendations, backed by National Library of Medicine studies, ensure users receive trusted, research-driven guidance.

HH4.1.gif
HH_onboarding.webp
Smooth Onboarding

An intuitive onboarding experience simplifies health data, easing users into the platform while fostering trust through clear, structured guidance.

HH_PC_2.webp
HH_PC_1.webp

Seamless Healthcare Integration

Health Harmon seamlessly syncs with healthcare providers, enabling secure, real-time updates on medications, conditions, and health records for a personalized wellness experience.

HH_Screen_1.webp
Plan2.png
Plan4.png
Interactive Plan Buttons

Dynamic tracking buttons enhance user engagement by making fitness, nutrition, and supplement plans interactive and actionable.

HH_logo_2.webp

Potential Impact

Health Harmon bridges the gap between clinical medicine and holistic wellness, addressing gaps often overlooked in traditional healthcare. By leveraging AI-driven insights and holistic tracking tools, it empowers users to take a proactive, preventative approach to their well-being—prioritizing user health over industry profit.
Projected to reduce unnecessary doctor visits by 25% through proactive tracking and AI recommendations.

Concluding Takeaways

Health Harmon is more than an app—it’s a vision for the future of digital healthcare. By integrating AI-powered insights, verified medical data, and holistic wellness strategies, this project showcases how design can simplify complex health decisions. The result is a seamless, user-centered experience that empowers individuals to take control of their well-being.
MORE PROJECTS
apple_maps_button_web.webp

Apple Maps Parking

Learn how I added a parking feature to Apple Maps, allowing users to filter to find the best streets for convenient parking.

wizpakbutton.webp

WizpaK

Discover how I designed a speaker comparison tool to help users make informed decisions by evaluating Wizpak speakers against top competitors.

User Pain Points to Solutions

Translated user feedback into intuitive features that prioritize trust, simplicity, and personalization.

User Paint Points

01

Balanced Treatment Options

Merging traditional treatments with modern care plans to provide balanced, comprehensive options.

02

AI-Powered Health Insights

Data-driven recommendations from trusted sources for accuracy and reliability.

03

Minimalist, Intuitive UI

A serene, easy-to-use interface inspired by wellness apps.

04

Engagement-Driven Features

Interactive tools that motivate users to track and improve their health.

bottom of page