Medical app redesign. Two users, one interface.
Opioid monitoring for patients. Prescription management for doctors.
An app that worked, but not well.
CPM was already in production. Patients logging opioid doses, doctors creating prescriptions and monitoring treatment. The app was functional, but the structure was unclear and the interface was dated.
More importantly, the design treated both user types similarly when their actual tasks were completely different. A patient recording a daily dose has a different mental model than a doctor managing ten patients' treatment schedules. The UI didn't reflect that.
Two user types. Two mental models.
Before redesigning anything, I mapped how each group used the system.
The redesign had to serve both without making either feel secondary. That meant two distinct interfaces with a shared visual language.
- The patient's job is simple and repetitive. Confirm identity, log a dose, check pain score.
- The doctor's job is clinical and complex. Create prescription schedules, monitor dosage history, assess progress.
- One shared language. Two interfaces tuned to each task, held together by the same components and visual system.
New UI concept. Mobile and desktop.
I designed a complete UI overhaul for both platforms.
Mobile, for patients: a simplified dose recording flow, pain score tracking with a chart view, PIN authentication, and a prescription overview. Desktop web, for doctors: a multi-step prescription creation wizard and a patient monitoring dashboard with dosage and progress data.
I created a style guide and grid system documentation to standardize spacing and components across both. The visual direction was clean and clinical, familiar to medical software users but more considered than what existed before.
Mobile, for patients (left), and the shared style guide: color tokens and the Avenir type scale (right).
Redesign concept delivered and specced.
Both the mobile and desktop versions were fully designed and documented, ready for development. The style guide gave the team a foundation for maintaining consistency as the product evolved.
What I'd do differently.
I focused too much on the happy path in the patient flow. Edge cases like missed doses, mid-schedule changes, and error states got less design attention than they deserved, and ended up being harder to resolve during handoff.