MEDICATION TRACKING APP MADE SOCIAL
strengthening medication accountability by connecting patients with care networks through voice-enabled reminder sharing.
I led design and development for Pill Pal, a voice-enabled medication tracking app connecting patients with caregivers. With a focus on accessibility, I conducted user research, synthesized findings into empathy maps, POVs, and HMWs, and built the end-to-end experience — from wireframe sketches to a functional prototype in React Native and Next.js.
try out on expo go →
check out my final report →
Product Designer
User Researcher
Mobile/Web Dev
1 Software Engineer and User Researcher
Figma
React Native
Next.js
10 weeks
"Half of Americans on prescription medication don’t take them correctly and/or face daily anxiety not knowing if they’ve already taken their medication (World Health Organization, 2003)."
While medication adherence has been widely studied and supported, many existing tools still fall short as these tools can easily break down during moments of fatigue, stress, or accessibility limitations.
Develop a voice-enabled medication tracking companion that allows sharing text or voice reminders with your friends, family, caregivers for proactive social support and medication accountability.
I was able to create fully functional, launch-ready mobile app Pill Pal, which was awarded Best Social Impact and Best Poster out of 20+ teams at Fall 25 CS147 Project Expo.
a way to achieve goals with 95% success
I'm really passionate about behavioral change in general, so before touching the visual elements of the design I started off with white paper research.
I stumbled upon a really interesting statistic from the American society of Training and Development [ASTD], 2010:
People are 65% likely to meet a goal after making that goal public, but their chances of success increased to 95% when they had a specific accountability partner to report to.
Personally I have never heard about this before, and while I thought it was super interesting, I wanted to keep this at the back of my mind while I did other research and expand my horizon.
the competition had little to NO shared accountability aspect
Since this space of medication adherence and tracking are saturated, I wanted to explore what was currently successful and could be improved.
Across many user reviews, a common theme emerged: people often stop using these apps because they don’t feel enough accountability or motivation to stay consistent with their medication routines.
talking to patients
I conducted user research interviews with people managing medications to identify when routines break down and what creates real-time confusion or uncertainty.
participants managing medications ranging from time-critical prescription drugs to non-critical vitamins and supplements.
Here's what I learned:
Patients forming the habit struggle to maintain consistency due to disrupted or unpredictable moments in daily life (unexpected meetings, travel, changes in schedule).
When it comes to patients with established routines, the challenge shifts from remembering to take medication to remembering whether they already took it, leading to anxiety about double-dosing or missed doses.
Physical exhaustion makes medication management feel like a personal burden, particularly for non-time-critical medications with no immediate consequences for delays.
Empathy map, POV, and HMW for representative user
brainstorming solutions
I brainstormed 10+ solutions per HMW and selected the top three to develop into experience prototypes:
- a game-like interface to boost motivation
- voice-based conversational interactions for humanlike support
- caregiver-recorded voice clips and texts for extended connection
Through user testing of each prototype, I decided on core features:
An eye-catching streak display to reinforce progress and build momentum.
Address the "did I take this already" problem with log/history feature for completed doses
Quick voice interactions within their care network without requiring visual attention or disrupting workflow.
brainstormed solutions for each three HMWs
thinking outside the box for solution ideas
iterating prototypes
I sketched out the three core user flows:
- logging medication
- sending text/voice reminders to someone in Care Circle
- joining a Community Circle
I also explored supporting screens like the notification center and calendar view. From there, I built out medium-fidelity prototypes in Figma to test the interactions.
low fidelity wireframing sketches
paper prototype and lightweight usability testing
main feedbacks
Users wanted...
Clearer primary action on home screen
Confirmation feedback screens
Distinct visual cues for completed vs. upcoming dosage
medium fidelity in Figma
defining visual direction
I was gravitating towards incorporating swirling line elements to represent connection and community, which I wanted to reference the shared accountability aspect of the product.
building the moodboard
building complete visual system
I overall considered the color psychology and I found that green symbolizes the color of growth and health. Hence that became my primary color.
component system for consistency and efficiency
For the actual app interface, I looked at my competitors to see how they formatted their UI.
Taking all these into perspective I created a bunch of different sketches and this component system to stay consistent within my own app design.
interactive prototype
I developed 42 screens covering core interaction flows (lecture selection, section toggling, multi-course comparison) and interaction states (hover, active, disabled, loading).
Check out my figma prototype →
usability testing
I defined usability goals before conducting testing with 12 participants:
- can users log medications without errors?
- does voice interaction feel natural for reminders?
- can they intuitively navigate community features?
- does the design foster encouragement after task completion?
I included ethical considerations specific to health technology to Nielsen's Heuristics to improve accessibility in addition to evaluating visual and functional inconsistencies.
heuristic evaluation of 40+ design features using spreadsheet-based analysis
main changes
Based on user testing, I made these design changes below:
sharing preferences for who might feel uncertain sharing medication data
improved the visibility of system status
refining home screen visual hierarchy
ensured the interface met WCAG color contrast + touch target sizing standards
wizard of oz prototyping
I implemented Wizard of Oz approach for the streak tracker to test whether visual progress motivates users. The progress element appear live but it doesn't actually store or track data.
front-end implementation
A software engineer teammate and I collaborated using React Native and Next.js. Link to github repository embedded within text
View github repo →
marketing deliverables
In addition to the working prototype in Expo Go, we built a promotional website using HTML/CSS, created pitch slide deck and script, and produced a concept video.
Check out pill pal's website →
FINAL DESIGN SOLUTION
onboarding page
One major concern from user testing was privacy. Participants noted that users with stigmatized health conditions—such as depression or mental health medications—might feel uncomfortable sharing their medication status even with trusted caregivers in their Care Circle.
This is very important issue to address in the Pill Pal app. It ties back to its brand identity of inclusivity and accessibility.
I addressed this by adding sharing preferences during onboarding and allow users to control exactly what medication data is visible. This improves both privacy and accessibility for those hesitant to share sensitive health information.
log dosage
Users have two logging options: a voice-assisted feature for hands-free entry, or manual input where they can type the date, dosage, and medication name.
I implemented voice assistance specifically to reduce cognitive load when users are physically or mentally fatigued. They can quickly log their medication without breaking their routine or requiring more attention.
Once logged, users can access detailed adherence analytics and track their streak over time to monitor consistency.
extended support system
Users can invite friends, family, or caregivers to form a personal Care Circle. Once invited—and based on each user's sharing preferences—they can view each other's dosage schedules and send reminders via text or voice.
Beyond personal networks, users can join Community Circles—similar to Reddit groups—where they can connect with others managing the same condition and engage with supportive content.
I designed these features to reinforce that medication adherence should not be an isolated experience and make users to feel community support by building a reliable support system around adherence.
backend implementation
Due to time and resource constraints, we focused on front-end development and used Wizard of Oz techniques to simulate data-driven features like streak tracking.
tight schedule to ship fast
My teammate and I had 10 weeks to research, design, and build a functional prototype, which required prioritizing main features and rapid iteration.
consider complex medication schedules
The next step is to accommodate varying medication scenarios including critical vs. non-critical timing, temporary prescriptions, and shared caregiving contexts.
conduct long-term user testing
I'd conduct extended usability studies specifically testing how reminder frequency, tone, and modality (visual vs. audio) affect sustained engagement.
integrate AI to accelerate process
Incorporating AI development tools like Cursor or Lovable would accelerate the design-to-code workflow and iterate faster on accessibility features.
