Mustafa Barış İmdat
← Home
2026WebCase Study

Pill Reminder Kit — site

Marketing site for a calm-toned medication reminder app

2026·Design + engineering·
Next.jsTailwind CSSVercel
·Live →
Pill Reminder Kit marketing site — 'A calm reminder to take your pills' hero with phone mockup01Hero
— Problem

Quiet positioning in a noisy category

Most apps in the medication-reminder category lean on bright colours, gamification and loud CTAs. Pill Reminder Kit's in-app language is deliberately the opposite: dark ground, amber accent, serif headlines. The marketing site needed to extend that calm rather than break it — convince visitors to install through the App Store from a position of trust, not pressure.

— Approach

Carry the app's tone into the site

The site inherits the app's design system directly: same dark palette, same italic-serif emphasis ('take your pills.', 'mean something.'), same type hierarchy. The hero phone mockup is intentionally not oversized; instead a small interface match sits next to the headline, with a single ticker line beneath listing features — 'refill alerts · doctor report PDF · drug interactions · streak tracking · lock-screen reminders · critical-dose alerts · on-device only · ad-free, always · photo upload'.

The content architecture follows real usage order: reminders → add via label (Snap a bottle) → family sharing (Quiet care) → adherence stats → pricing → download CTA. Each section maps directly to a product feature; the site shows the product rather than claiming around it.

The pricing section was given particular attention: three columns, the middle 'Premium $29.99/yr' marked as recommended, 'Plus $4.99/mo' offered as the flexible monthly alternative, all with 'Cancel anytime in the App Store or Play Store' as the subline. Choice architecture stayed flat rather than pushing the subscription.

— Stack

Why Next.js static export

The site content doesn't change independently of the app — it updates when sections need to be added for new features. A CMS would be unnecessary infrastructure. Next.js static export plus Vercel's CDN guarantees speed and uptime; version control runs through git.

Tailwind handled both the dark theme and the amber accent scale from a single configuration. No complex animation or JS was needed; outside of basic scroll behaviour, the site is fully static.

— Outcome

What shipped

A live one-page marketing site at pillreminderkit.com: hero, 'How it works' covering the notification and snap-bottle flows, the 'Quiet care' family-sharing section, 'Numbers that mean something' adherence stats, 'Quietly premium' three-tier pricing, and a 'Ready when you are' download CTA. Pricing, Privacy and FAQ sub-pages live in the same system.

Pill Reminder Kit site — 'Snap a bottle, we do the typing' three-step label scan flow02Snap a bottle
Pill Reminder Kit site — 'Numbers that mean something' adherence heatmap with metric callouts03Adherence
Next

Have a similar project?
Let's talk.

A 30-minute intro call first. I listen, we confirm budget and timing.

← Home