Medicine Box

Medicines Organizing Solution App

Showcased my UX design process in developing the Medicine Box app, a solution for organizing medicines. The project involved identifying the problem, setting clear goals, conducting surveys and analysis, and creating detailed personas. I developed storyboards, sketches, and lo‑fi prototypes, along with flow diagrams and color guidelines, culminating in a polished mockup and a custom-designed app logo that captured the app's purpose and user experience.

The Problem

Most of the people live in busy life with lack of time organizing home supplies, especially the inconspicuous medicines cabinet. And when medicines is needed, it always turn out that they are already expired or all gone. Medicine Box is here to help anyone with busy life to solve the problem on messy or un‑organizing medicines cabinet.

Goals

Helping users to organize their medicines cabinet by solving issues on:

  • Out of stock
  • Expired medicines
  • Difficult to remember what's in the cabinet when physically away
Medicine Box Logo

Explore the Sections Below


Competitive Analysis

Conducted a thorough competitive analysis to identify strengths and weaknesses in existing similar organizing solutions apps. From this analysis, I identified potential features that could enhance the app's functionality, ensuring it meets user needs more effectively than current market offerings.

Medicine Box Analysis
Medicine Box Analysis
Survey & Analysis

There are set of 8 questions for understand on medicines cabinet user behavior with total of 25 responses.

Here are the lists of key features after analysis the survey of medicines cabinet user behavior:

Display Style

Listing Style

  • Two main categories: Medicines and First Aid;
  • Custom picture or build-in icon will display next to item name following by inventory and expiration date
  • When click on existing item, there be options to choose: used, edit and delete

Shelf Style

  • By default there will be two shelves and user allow to add more shelf
Easy items add-on from database search
  • Easily adding items by scanning barcode or key words searching
  • Pre-fill and custom categories option Items information
Items Information
  • Fill in information include: Categories/ Name / Form (caplets...)/ Expiration/ Inventory/ Notes
Pop-up Reminder Alarm
  • Remind user check on medicines and first aid items Inventory (by default is every 6 months)
  • Remind user when medicines is going to expire and low on inventory
Sharing
  • Allow user to choose the font size and reminder sound
  • On/ off display items picture
  • On/ off inventory and expire reminder
  • On/ off checking reminder
User Setting
  • Non-register sharing supplies list, includes all the information of a item by email
Persona & Storyboard

Developed detailed personas based on user research to represent key user groups. Created storyboards to visualize user interactions, helping to guide the design process and ensure the app meets the needs and expectations of its target audience.

Medicine Box Persona
Medicine Box Storyboard
Sketches, Lo-fi Prototypes & Flow Diagram

Started with initial sketches, progressing to lo‑fi prototypes, and then created a comprehensive flow diagram to map out the user journey and app functionality.

Medicine Box Sketches and Lo-fi Prototypes
Medicine Box Flow Diagram
Color Guidelines
Medicine Box Color Guidelines
Hi‑fidelity Mockup
Medicine Box Mockup one
Medicine Box Mockup Two
Medicine Box Mockup Two