Boston Children's Hospital, Harvard Medical School


Educational website for medical professionals
Product Designer, Contract
01/2021-06/2021
Figma
Miro
Quant UX
SquareSpace
Our client, an attending physician at the Department of Plastic and Oral Surgery, highlighted the absence of pediatric plastic and oral surgery online tools as a concern.
A volunteer client project sponsored by Develop for Good. Designing and developing an educational website about key conditions and treatments in pediatric plastic and oral surgery for residents and medical students.
Led research workshops with the client to shape project goals and product vision for 20M+ medical professionals
Performed usability and A/B tests, analyzing data to achieve a 30% increase in user retention
Collaborated with 3 designers, 1 developer, 1 project manager and 1 mentor
Final Design
research insights
User Interviews
surveys
comparative/competitive research
empathy map
user journey
card sorting
Research Goal 1: Understand what current medical students use to review procedures and what they like & dislike about the educational tools
Research Goal 2: Understand our users’ typical learning journey within their workflow; taking in, looking up, and organizing medical information
What challenges do medical students face when studying?
Learning style

78% of respondents were visual learners, while only 11% preferred to read/write to digest information.
Conditions vs. procedures

64% of respondents stated that it is challenging to find resources with both medical conditions and procedures.
Reason for studying

78% of responses said they needed to prepare for OR (operating room) cases and procedures.
Empathy map summary: understanding our users to allow the website to highlight user motivations and resolve pain points.
solidifying project goal
Design an educational website that helps medical students find and study relevant pediatric information more efficiently and effectively.
A/B testing
heatmaps
Mouse heatmap: How long was the cursor at some point?
A: with filtering system
B: variant, without filtering system
Click heatmap: Where did the users click?
A: with filtering system
B: variant, without filtering system
Let's make something together <3
© 2025 michelle yi