Mustafa Barış İmdat
← Ana sayfa
2026WebCase Study

Pill Reminder Kit — site

Sakin tonlu ilaç hatırlatma uygulamasının marketing sitesi

2026·Tasarım + geliştirme·
Next.jsTailwind CSSVercel
·Canlı →
Pill Reminder Kit marketing sitesi — 'A calm reminder to take your pills' hero ve telefon mockup'ı01Hero
— Problem

Sağlık kategorisinde gürültüsüz konumlama

Pill Reminder Kit, ilaç hatırlatma kategorisinde rakiplerin çoğunluğu parlak renkler, oyunlaştırma ve abartılı CTA'lar üzerinden yürüyor. Uygulamanın iç dili kasıtlı olarak sakin: koyu zemin, amber vurgu, serif başlıklar. Marketing sitesinin uygulamayı sözcüklerle övmek yerine, aynı sakinliği genişletip ziyaretçinin App Store'a güven duyarak indirmesini sağlaması gerekiyordu.

— Approach

Uygulamanın tonunu siteye taşımak

Site, uygulamanın tasarım sistemini birebir devraldı: aynı koyu palet, aynı serif italik vurgular ('take your pills.', 'mean something.'), aynı tipografi hiyerarşisi. Telefon mockup'ı hero'da büyük tutulmadı; bunun yerine küçük, gerçek arayüzle eşleşen bir görsel ve altında 'refill alerts · doctor report PDF · drug interactions · streak tracking · lock-screen reminders · critical-dose alerts · on-device only · ad-free, always · photo upload' özellik şeridi tek satırda geçiyor.

İçerik mimarisi gerçek kullanım sırasına dizildi: hatırlatma → etiketten ekleme (Snap a bottle) → aile/çevre paylaşımı (Quiet care) → adherence istatistikleri → fiyatlandırma → indir CTA. Her bölüm uygulamanın bir özelliğine birebir karşılık geliyor; marketing iddiası değil, ürün tanıtımı.

Fiyatlandırma sayfası özellikle gözden geçirildi: üç sütunlu, ortadaki 'Premium $29.99/yr' önerilen olarak işaretli, 'Plus $4.99/mo' aylık esnek alternatif olarak; hepsi 'Cancel anytime in the App Store or Play Store' altyazısı ile. Aboneliği zorlamak yerine seçim mimarisi sade tutuldu.

— Stack

Neden Next.js statik export?

Site içeriği uygulamanın kendisinden bağımsız değişmiyor — yeni özellikler bölümler eklendiğinde güncelleniyor. Bu yapı için CMS kurmak gereksiz altyapı yüküne dönüşür. Next.js statik export + Vercel CDN dağıtımı, hız ve uptime'ı garanti altına alırken sürüm yönetimi git üzerinden yapılıyor.

Tailwind, hem koyu temayı hem amber vurgu skalasını tek bir konfigürasyondan yönetmek için pratik bir araç oldu. Karmaşık animasyon ya da JS'e gerek olmadı; sayfa scroll davranışı dışında her şey statik.

— Outcome

Ne çıktı

pillreminderkit.com üzerinde canlı tek sayfalık marketing sitesi: hero, 'How it works' (notification ve snap-bottle akışı), 'Quiet care' aile paylaşım bölümü, 'Numbers that mean something' adherence istatistikleri, 'Quietly premium' üç katmanlı fiyatlandırma ve 'Ready when you are' indirme CTA'sı. Pricing, Privacy ve FAQ alt sayfaları da aynı sistem üzerinden yayında.

Pill Reminder Kit sitesi — 'Snap a bottle, we do the typing' üç adımlı etiket okuma akışı02Snap a bottle
Pill Reminder Kit sitesi — 'Numbers that mean something' uyum heatmap'i ve metrik göstergeleri03Adherence
Sırada

Benzer bir projeniz mi var?
Konuşalım.

Önce 30 dakikalık bir ön görüşme. Sizi dinlerim, bütçe ve takvim aralığını doğrulayız.

← Ana sayfa