KidChart
This case study goes over the creation of KidChart, a healthcare
application for parents/guardians of young children.
Introduction
October - November 2025
Solo Research and Design
Project
This case study will discuss and showcase the process of designing KidChart. KidChart is a healthcare application geared towards parents/guardians of young children (infancy to adolescence+). The goal of this project was to create an all-in-one platform where parents/guardians can:
Print and view records for school/camp requirements
Track visits
Keep up to date on immunizations
The process began with background research and a competitive analysis.
Background
Research
Citations
(1) Vanderhout, Shelley, et al. *Patient Experiences and Perspectives When MyChart Is Introduced in a Large Community Hospital: Mixed Methods Study." Journal of Medical Internet Research, U.S. National Library of Medicine, 23 Jan. 2025,
pmc.ncbi.nim.nih.gov/articles/PMC11803326/
(2) "The Surprising List of Disadvantages of Patient Portais.* Etactics, etactics.com/blog/disadvantages-
of-pabent-
portalsk: - text-lf%20a%620user9620doesn't,to%20disc
uss 9620it%20with%20them. Accessed 28 Oct. 2025.
(3) Epstein, David G. "Advocating for Patients:
Understanding the Pros and Cons of Patient Portal and Emrs Is Critical to Better Healthcare Outcomes;
Weliness Professionals Should Understand How to Maximize Their Impact and Address Shortcomings."
NW Journal, 18 Aug. 2023,
nwjournal.com/advocating-for-patients-understanding-the-pros-and-cons-of-patient-portal-and-emrs-is-critical-to-better-healthcare-outcomes-wellness-professionals-should-understand-how-to-maximize-their-impact-and/.
In order to fully understand what people want in this type of application, I first had to understand what people did not like about other healthcare application, specifically MyChart.
I have compiled my research into the following points:
Test results often do not have doctor’s notes that help users understand the context of the results or the next steps (1).
This can cause people to inaccurately understand their diagnosis or results, leading to anxiety, googling, and other reactions. (2)
Having to switch portals for different providers is a very annoying task (1).
Healthcare applications help them schedule appointments easily. (1)
They receive information in a timely manner, and it is generally correct. (1)
Some people feel like they need a call from the provider before viewing major test results. (3)
Allows you to download and send information, see lab results, and ask questions through messages. (3)
After the background research and feedback shown above, I also did my own analysis of MyChart to understand the important parts of a healthcare application, and what problems I may have with MyChart.
My results came out similar to the ones discussed above, specifically the issue with changing portals every time you need to schedule with a different provider if they are not under the same system. The application can also feel very cluttered and claustrophobic at times, especially when you view your doctor’s notes or your after visit summary. The font spacing tends to be tight and a little bit difficult to read.
I set a goal to create KidChart in my own style, which I describe to be minimalist and clean, while keeping in mind the aforementioned research, wants, and observations.
Pain Points and User
Personas
The following pain points were derived from the research and competitive
analysis done previously:
Losing paper records
Keeping vaccination forms organized
Remember appointments
Having a record of what vaccinations are due and which ones have been adminstered
User Personas
Isabella Wang | 2 daughters aged 11
Goal: To be able to see if their children are up to date on vaccines they need before starting middle school, and being able to print the vaccine records from home
Frustrations: Not knowing when vaccines are due and by when they need to be administered without having to cal the doctor’s office.
Scenario: Working parent of 2 that doesn’t have time to spend on calls or running back and forth from the doctor’s office for questions. Needs an easy way to see if their children are up to date on everything.
Jason Green | 2 sons (age 4) and 1 daughter (aged 13)
Goal: Being able to see records, appointments, and tests for his son’s multiple doctors in one portal
Frustrations: Having to login to multiple portals to see information from different physicians and keeping track of what information goes with which doctor.
Scenario: His son has 3 doctors, each with their own portal. Thinks it’s tedious and confusing to have to switch portals each time he wants to check his son’s records. Has a hard time keeping all of the records straight.
Amina Mustafa | 1 daughter aged 9
Goal: Being able to understand what test results mean
Frustration: Often times feels anxious seeing her daughter's results and needs context, but rarely finds any in an obvious place.
Scenario: Daughter suffers from an illness in which a lot of hard to swallow results are given. Would love if the physician would call to talk while viewing the results before an appointment is scheduled, and wants to see some context even if a call can't be made.
User Flows and LoFi Wireframes
App Design and
Figma Screens
After making some rough wireframes of the applications, I moved into the design process and began creating HiFi wireframes in Figma. After testing different styles and moving things around, I came up with my final design. Below you’ll find a few examples of my wireframes, a full prototype on Figma can be found here: https://www.figma.com/design/jWNeG1NPH5FbRBtCj5rFQv/KidChart?node-id=0-1&t=CgHtp6CvCKZx5SRd-1
User Feedback
Before the completion of the Hi-Fi prototype of KidChart, I gathered the
following suggestions from anonymous people:
Add headings under the quick menu
Add section headings for each page so you can see where you are at all time
Add option to see results even after asking for a phone call from the physician for test results
Branding
The goal of the application was light, playful colors to lessen the intensity of the connotation behind a healthcare application, while also staying true to the kid-centered theme.
The following colors were used throughout the application:
Background: #F8FAFC
Primary Text: #475569
Card Background: #FFFFFF
Secondary Text: #FFFFFF
Accent Colors/Dividers: #E2E8F0
Action Buttons: #4C8BF5
Document Text: #000000
mkmuqri@gmail.com
Made by Maherah