PillBook

UX

Web App

UI

Responsive

Summary

PillBook is a mobile application designed to help users manage their medications effectively. The app provides intuitive medication tracking, smart reminders, and a seamless user experience to ensure users never miss a dose.

Demo

https://m.youtube.com/watch?v=VBxXHbK2GbQ

Deploy

https://www.pillbook-hy.com/

Members

Product Designer: Yuriko Kikuchi
Full-Stack Developer: Hisashi Ishihara

Duration

4 weeks (2 weeks for the Design part / Apr 2024)

Skills

Branding, UX Research, Wireframe, Mockup

Design Tool

Figma

Contribution

User Research & Wireframing: Conducted user interviews and competitive analysis to define user needs and pain points. Created wireframes and user flows to establish a seamless navigation experience.

UI Design: Designed a clean, accessible interface with a focus on usability and readability.

Collaboration with Developers: Provided design specifications and assets for smooth handoff, ensuring consistency across platforms.

Outcome

The project resulted in an intuitive, user-friendly app that simplifies medication management, improves adherence, and enhances overall user well-being.

Product Overview

Problems

Manage Medication Routine

Maintain Medication Stocks

Memorize Medication History

Track Irregular Medication

Challenges

How can I help users to manage daily medication routines and share medication for medical situations?

Feature 01

Medication Reminders

- Set up personalized reminders for medication doses.

- Allow users to customize reminders based on their schedule and preferences.

Feature 02

Shortage Reminders

- Send reminders when it's time to refill, based on the user's medication supply and refill frequency.

Feature 03

Medication History and Export

- Maintain a history of medication usage over time.

- Enable users to export their medication history for sharing with healthcare providers or for personal records.

Feature 04

Personalized Medication List

- Provide a log to track medication intake, including the date and time.
- Allow users to reschedule and skip medication.

Research

Research & Design Process

User Interview

I conducted interviews with college students to understand how they manage their medication and the difficulties they encounter.

I conducted interviews with college students to understand how they manage their medication and the difficulties they encounter.

#01

I adjust the frequency of vitamin D, depending on the weather. Sometimes I forget if I took it or not.

#02

I have a hard time filling out forms about medication history at the medical institution.

#03

It's hard to share and manage the children's medication doses with my partner.

#04

Sometimes I forget to take my regular medicine. Because of a busy schedule and lots of things to do.

Scope

Based on the user interviews, I decided to focus on personal medication support first due to the project schedule. For the second phase, we can challenge features that multiple people can track medication together.

Based on the user interviews, I decided to focus on personal medication support first due to the project schedule. For the second phase, we can challenge features that multiple people can track medication together.

User Flow

Site Map

Wireframes

Branding

The visual identity of PillBook is designed to be trustworthy, clean, and friendly, reflecting the app’s core mission of helping users manage their daily medication without making the experience too serious.

The visual identity of PillBook is designed to be trustworthy, clean, and friendly, reflecting the app’s core mission of helping users manage their daily medication without making the experience too serious.

The visual identity of PillBook is designed to be trustworthy, clean, and friendly, reflecting the app’s core mission of helping users manage their daily medication without making the experience too serious.

Logo

Our logo combines the initial letters of our app name, the "P" and "B", using geometric shapes to maintain a minimalist and simple design.

Colours

The primary colour is mint green, which represents trustworthy and clean hue since PillBook is a medical app. On the other hand, we adjusted the brightness and saturation so that the impression would not be too serious.

Typography

We chose the Barlow typeface for text and the Lato typeface for numbers to ensure clarity and readability. Barlow’s slightly rounded shapes convey a friendly and approachable tone. Since PillBook uses numerous numbers, such as dates and medication information, we selected Lato for its monospace and clear design.

Components

Prototype

Try Prototype

Takeaways

If I had more time…

  • Deeper Iteration & Refinement: Given more time, I would conduct additional usability testing and refine micro-interactions to enhance the user experience further.

  • Expanded Feature Testing: More in-depth A/B testing on key features (such as reminders and medication tracking) could provide insights for optimizing engagement.

  • Personalization & Accessibility Enhancements: Iterating on accessibility features like voice commands or adaptive text sizes would make the app even more inclusive.

  • Visual & Motion Refinements: I would fine-tune UI animations and transitions to create a smoother, more polished experience.

  • Long-Term User Behavior Analysis: More extended user testing could help evaluate long-term engagement and identify areas for continuous improvement.

Copyright © 2024 Yuriko Kikuchi. All rights reserved.