- My Role: Design Engineer
- Core Technologies: React, TypeScript, Storybook, Tailwind CSS, Radix UI
- Live Showcase: Explore the Live Storybook ↗
- Code: View the Repository on GitHub ↗
- Figma : View the Atmosphere Deisgn System ↗
Product DesignCase Study
Atmosphere Design System
USER INSIGHT
🔍 What People Looked at the Most
The refill tracker wasn’t built on guesses. We watched what users did—and used that to design smarter defaults. Users kept checking the same statuses again and again, so we surfaced common requests front and center.
🖼️ Add a tracker UI screenshot to showcase the annotations
📈 RESEARCH BACKED1
1. Smart Defaults
The UI remembers the last Rx searched, reducing typing effort for returning users.
2
2. Visual Prominence
Popular refill states are highlighted upfront to answer the most common questions in <1 second.
1. Smart Defaults
The UI remembers the last Rx searched, reducing typing effort for returning users.
2. Visual Prominence
Popular refill states are highlighted upfront to answer the most common questions in <1 second.
Product experience walkthrough
✍️SIGNING OFF
What This Project Taught Me
Ultracare was a test of clarity, empathy, and systems thinking—under pressure.
🧠Healthcare Language
Learning the Language
I came in speaking 'product,' not 'pharmacy.' Asking 'dumb' questions revealed that patients weren’t confused by UI—they were confused by process.
🛠️Precise Impact
Small, Precise Changes
Design wasn’t flashy—it was quietly useful. The biggest impact came from changing a status label or collapsing one unnecessary click.
🧑🤝🧑Ground-Level Truths
Staff Feedback > Assumptions
Listening to staff handling 40+ calls a day provided the real signals. They showed us what was broken, then helped us fix it.