V-mist is a smart eye-dropper which works with a mobile app to help patients track and administer their medication correctly. For their mobile app, their design team needed several UI designs created in support of usability testing rounds. I created UI designs for 4 key user flows: login and sign-up, medication dashboards, device pairing and symptom tracking.
MOODBOARDS
Simplifying Medication Tracking with a Touch of Fun
The user interface for this medical application needed to be intuitive and enjoyable to use. Users would need to open the application frequently to track and administer their medication. I developed two options for the user interface style - the left one was chosen for its soft and inviting feel.
USER FLOWS
Creating a Consistent and Scalable UI System
Working from provided wireframes, I created UI designs for 4 key user flows: login and sign-up, medication dashboards, device pairing and symptom tracking. I focused on designing with consistency and scalability in mind, and updated the designs with user feedback.
ANIMATED USER FLOWS
Clarifying Complex User Flows
I animated some of the user flows to show the developers how the users would navigate through the screens. These animations made it easier for the developers to quickly update the designs.
FINAL UI PACKAGE
Hand-off to Developers
The final UI package for this project consisted of 23 unique interface designs and 2 user flow animations. With these designs, the client was able to complete their usability testing rounds on time, and further improve their application.
QUICK-START GUIDE
Completing the Set-up Process
The V-mist mobile application connects to a smart eye-dropper device. In order to help users set-up their device and begin administering their medication, I created a printable quick-start guide. The guide contains all of the steps for getting started with their new product.
