Back

Medicine Reminder App

flutterUI/UX case study
Medicine Reminder App

Overview

Medicine Reminder is a mobile app that helps people stay consistent with their prescriptions. Users add each medication once — name, dosage, timing relative to meals, and a recurrence schedule — and the app handles the rest: surfacing the day's pills, firing notifications at the exact moment, and letting the user confirm, snooze, or dismiss a dose in seconds.

The product targets a real, recurring problem: missed and mistimed medication is one of the most common causes of poor treatment outcomes. The design leans into warmth and clarity over clinical sterility, using a single accent color, generous spacing, and a personable greeting to make adherence feel supportive rather than nagging.

The Problem

Most medication trackers fail in one of two ways: they're either too clinical and intimidating, or too shallow to handle real dosing schedules. People taking multiple medications need:

  • Reminders that respect meal timing and per-medicine recurrence (e.g. "every Tue & Sat at 12:00 pm, after meal").
  • A glanceable view of what's due today without digging through menus.
  • A fast, low-friction way to confirm a dose in the moment a reminder appears.
  • An interface that doesn't add stress to an already stressful routine.

The Solution

A two-surface experience built around speed and calm:

The daily dashboard greets the user by name and shows the day's dose count up front. A horizontal week calendar lets them move between days, and each medication card carries everything needed at a glance — dosage, meal timing, recurrence, and an inline toggle to mark it taken.

The reminder screen is the moment the app earns its keep. When a dose is due, a full-screen alert names the exact medicine, dosage, and timing, with three clear actions: Take, Snooze, or Cancel. No hunting, no ambiguity — just the right pill at the right time.

Key Features

  • Smart scheduling — per-medicine recurrence (specific days, times, and meal timing) rather than one-size-fits-all alarms.
  • Timed local notifications — reliable, on-device alerts that fire precisely when a dose is due, even offline.
  • One-tap dose actions — Take, Snooze, or Cancel directly from the reminder, with toggles on the dashboard for quick logging.
  • Today-first dashboard — personalized greeting, live dose count, and a week calendar for fast day navigation.
  • Meal-aware timing — "before meal" / "after meal" context baked into every reminder.
  • Profile & history — a home for personal details and an adherence record over time.

My Role

End-to-end design and development. I owned the project from UI/UX through to a shipped Flutter build — translating the interface into a responsive, cross-platform app, architecting the data model for medications and schedules, and wiring up the notification system that the whole product depends on.

Tech Stack

  • Flutter & Dart — single codebase for Android and iOS.
  • State management — GetX for reactive state and routing.
  • Local notifications — flutter_local_notifications for precise, offline-capable dose alerts.
  • Scheduling — timezone-aware recurring notifications keyed to each medicine's schedule.
  • Local persistence — on-device storage (e.g. SQLite/Drift or Hive) for medications, schedules, and dose history.
  • Design system — custom theming with a single accent color and a soft, neumorphic-leaning aesthetic.

Design Notes

The visual language is intentionally gentle: an off-white canvas, soft shadows, rounded cards, and one calm blue-violet accent that carries the brand. Color is used functionally where it counts — green for Take, red for Cancel — so the most important actions read instantly. The selected day in the calendar is given a distinct pill-shaped highlight, a small nod to the product's purpose.

Challenges & Learnings

  • Reliable scheduling was the hard part. Getting recurring, meal-aware notifications to fire correctly across time zones, device reboots, and OS battery restrictions meant carefully modeling each medicine's schedule and handling platform quirks on both Android and iOS.
  • Reducing friction at the moment of truth. The reminder screen went through iterations to land on three unmistakable actions — anything more felt like a decision the user shouldn't have to make half-asleep.
  • Calm over clinical. Balancing a friendly tone with the seriousness of medication adherence shaped every copy and color decision.

Outcome

A complete, cross-platform medication reminder that makes staying on a treatment plan feel light instead of burdensome — proof that a thoughtfully designed Flutter app can turn a stressful daily chore into a few effortless taps.