Yuriko Kikuchi | Portfolio

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

Project Overall:

PillBook is a collaborative project that improves our skills as a designer and a developer in a short period.

Takeaways:

Prioritizing features

The importance of user flow

Setting up design system

Complete a UX project as only UI/UX Designer from scratch with a developer

Prioritizing features

The importance of user flow

Setting up design system

Complete a UX project as only UI/UX Designer from scratch with a developer

Demo:

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

Deploy:

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

About

Project Overview

Problems

Manage Medication Routine

Maintain Medication Stocks

Memorize Medication History

Track Irregular Medication

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.

#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.

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.

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