Santai Sampai SelesaiTenang Prosesnya, Tuntas Hasilnya.
CONTOH LAYANAN — DEMO INTERAKTIF · VERSI PRO MAX

Pelanggan diingatkan otomatis, kamu tetap santai.

Ini contoh jadi sistem Pengingat & Rekap Otomatis via WhatsApp untuk UMKM. Tagihan, jadwal servis, sampai janji temu — terkirim sendiri di waktu yang tepat, tanpa kamu harus chat satu-satu.

Terkirim H-3, H-1 & hari-H Bahasa sopan & personal Rekap masuk tiap malam Tanpa aplikasi baru
Para pelaku UMKM Indonesia — ada yang memakai batik dan ada yang berkerudung — memegang produk makanan kemasan buatannya di stan Pasar Jajan WhatsApp
Para pelaku UMKM Indonesia dengan produknya di acara Pasar Jajan WhatsApp — seperti merekalah contoh pengguna pengingat otomatis ini. Foto: Indotelko.

Coba skenarionya — klik, lihat pesannya

Setiap usaha beda kebutuhannya. Pilih salah satu contoh di bawah, chat di HP sebelah akan berganti mengikuti skenario itu.

Pak Slamet, pemilik warung sembako di Indonesia, melayani pembeli di warungnya

Antrian pengingat hari ini — Senin, 2 Nov 2026

Buat Versi Usahamu

Di sistem aslinya, daftar ini terisi otomatis dari data pelanggan & jadwal yang kamu catat sekali di awal. Tidak perlu kirim manual.

Tampilan disederhanakan menyerupai WhatsApp. Foto menampilkan pelaku usaha asli Indonesia; nama & angka di halaman ini adalah contoh.

Buat pengingat versi usahamu

Ubah form ini — contoh pesannya langsung berubah. Seperti inilah kira-kira pesan yang akan diterima pelangganmu.

Pratinjau pesan WhatsApp
09.41✓✓

Kenapa formatnya seperti ini?

  • Diawali sapaan + nama pelanggan — terasa personal, bukan spam.
  • Isi singkat: keperluan, detail, dan waktu. Jelas dalam 5 detik.
  • Ditutup ajakan balas — pelanggan bisa konfirmasi dengan 1 kata.

Apa saja yang bisa diingatkan?

Hampir semua hal yang selama ini kamu ingat-ingat sendiri dan sering terlewat saat toko sedang ramai.

Tagihan & Jatuh Tempo

Pengingat halus H-3, H-1, dan hari-H sebelum jatuh tempo. Pelanggan bayar lebih tepat waktu, kamu tidak enak hati menagih manual.

Servis Berkala

Ganti oli, servis AC, tune-up — diingatkan pas waktunya. Pelanggan balik lagi ke tempatmu, bukan ke kompetitor.

Booking & Janji Temu

Konfirmasi H-1 untuk potong rambut, foto, atau konsultasi. Mengurangi pelanggan yang pesan lalu tidak datang.

Pesanan Selesai

Laundry, jahitan, servis HP, cetakan — pelanggan langsung tahu kapan bisa diambil. Tidak menumpuk di toko.

Ucapan & Promo Balik

Ucapan ulang tahun pelanggan + voucher kecil. Sentuhan sederhana yang membuat pelanggan merasa diperhatikan.

Rekap untuk Pemilik

Tiap malam kamu terima ringkasan: berapa pengingat terkirim, siapa yang sudah balas, siapa yang perlu ditindaklanjuti.

Setiap malam, kamu terima rekapnya

Kamu tidak perlu buka dashboard rumit. Rekapnya datang sebagai pesan WhatsApp juga — tinggal dibaca.

*Rekap Pengingat — Senin, 2 Nov 2026* *Bengkel Sejahtera* Terkirim: 18 pesan Dibalas pelanggan: 11 Booking terkonfirmasi besok: 6 Belum dibalas (perlu follow-up): 3 Yang belum dibalas: • Pak Dedi — servis berkala • Bu Maya — tagihan cicilan • Mas Rizky — booking pukul 10.00 Balas *FOLLOWUP* untuk kirim pengingat kedua besok pagi pukul 08.00.
20.00✓✓

Isi rekap harian

ItemHari ini
Pengingat terkirim18
Dibaca pelanggan17
Dibalas / konfirmasi11
Booking untuk besok6
Perlu follow-up manual3

Angka di atas adalah contoh tampilan. Di pemakaian nyata, angka terisi dari aktivitas hari itu secara otomatis.

Cara kerjanya — kamu cukup catat sekali

LANGKAH 01

Catat pelanggan & jadwal

Nama, nomor WA, dan tanggal penting — bisa dari buku catatan, Excel, atau form sederhana yang kami siapkan.

LANGKAH 02

Sistem cek setiap hari

Setiap pagi sistem memeriksa: siapa yang jatuh tempo, siapa yang booking besok, pesanan siapa yang selesai.

LANGKAH 03

Pesan terkirim sendiri

Di jam yang sopan (08.00–20.00), pesan terkirim dari nomor usahamu dengan nama pelanggan di dalamnya.

LANGKAH 04

Kamu terima rekap

Malamnya kamu dapat ringkasan. Yang belum dibalas saja yang perlu kamu tindaklanjuti sendiri.

Mau pengingat otomatis seperti ini untuk usahamu?

Ceritakan dulu kebutuhanmu — jenis usaha, kira-kira berapa pelanggan, pengingat apa yang paling sering terlewat. Konsultasi pertama gratis, tanpa komitmen.

UI UX Pro Max

Dibangun dengan UI UX Pro Max

Halaman pengingat ini adalah versi perbandingan: isinya sama dengan contoh pengingat WhatsApp biasa, tetapi seluruh keputusan visualnya diambil dari design system yang dihasilkan skill UI UX Pro Max untuk kategori layanan pengingat / messaging SaaS. Gayanya Glassmorphism — panel kaca buram dengan blur latar dan tepi terang halus. Hasilnya bukan tebakan: ada token warna, tipografi, dan aturan UX yang bisa ditunjukkan angkanya.

Token warna yang dipakai

Primary#2563EBTombol & aksen utama
Secondary#3B82F6Gradasi & penanda sekunder
Accent / CTA#EA580CPenanda penting & focus state
Background#F8FAFCLatar halaman terang
Foreground#1E293BTeks utama
Card (kaca)putih 62% + blur 16pxPanel glassmorphism

Tipografi — Plus Jakarta Sans

Pengingat terkirim, pelanggan datang lagi.

Judul bagian — Plus Jakarta Sans Bold, 19–32px

Isi teks memakai Plus Jakarta Sans reguler 15–16px dengan line-height 1,6. Satu keluarga font untuk judul dan isi membuat halaman terasa ringan dan modern — sesuai karakter produk SaaS perpesanan — sekaligus tetap terbaca jelas di layar HP kecil.

Pasangan font dari kurasi skill untuk kategori messaging/SaaS: Plus Jakarta Sans (judul + isi).

Aturan UX skill yang diterapkan

Ikon SVG, bukan emoji — semua ikon antarmuka digambar sebagai SVG agar tajam di semua ukuran layar.
Kontras teks ≥ 4,5:1 — teks di atas panel kaca memakai warna foreground penuh, bukan abu pudar, supaya tetap terbaca di atas blur.
Target sentuh ≥ 44px — tab skenario, tombol, dan field form cukup besar untuk jempol di HP.
Focus state terlihat — navigasi keyboard ditandai outline oranye accent yang jelas.
Reduced-motion dihormati — animasi chat dan transisi dimatikan bagi pengguna yang memintanya di pengaturan sistem.
Responsif penuh — diuji pada lebar 375, 768, 1024, dan 1440px; tabel perbandingan berubah jadi kartu bertumpuk di HP, tanpa scroll menyamping.

Perbandingan dengan versi biasa

Perbandingan: Versi Biasa vs Versi Pro Max
AspekContoh Pengingat BiasaVersi UI UX Pro Max (Halaman Ini)
Gaya visualKartu putih polos berlatar abu-hijau, mengikuti selera sesaat“Glassmorphism” dari database gaya skill: panel kaca buram, blur latar, tepi terang halus di atas gradasi biru lembut
WarnaHijau WhatsApp dipilih manual sebagai warna utama seluruh halamanToken semantik dari skill: primary #2563EB, secondary #3B82F6, accent #EA580C, background #F8FAFC, foreground #1E293B — hijau hanya tinggal di dalam mockup WhatsApp
TipografiDua font dicampur (Plus Jakarta Sans + Inter) tanpa aturan yang jelasSatu keluarga hasil kurasi skill: Plus Jakarta Sans untuk judul dan isi, hierarki ukuran konsisten
IkonEmoji dipakai sebagai ikon di tab, kartu, dan tombolSemua ikon antarmuka berupa SVG — konsisten, tajam, dan tidak berubah bentuk antarperangkat
AksesibilitasSebatas “yang penting tampil”Checklist skill diterapkan: kontras ≥4,5:1 (termasuk teks di atas kaca), target sentuh ≥44px, focus terlihat, reduced-motion dihormati
Keputusan desainSulit dijelaskan ke klien selain “bagus menurut kami”Setiap pilihan bisa ditunjuk sumbernya: gaya, palet, font, dan aturan UX berasal dari database skill yang bisa dicari
← Semua Contoh