Case Study

Studi Kasus Vetmo: Pasang Progressive Web App Naikkan Repeat Booking 41 Persen dalam 90 Hari 2026

Vito Atmo
Vito Atmo·24 Mei 2026·0 kali dibaca·4 min baca
Studi Kasus Vetmo: Pasang Progressive Web App Naikkan Repeat Booking 41 Persen dalam 90 Hari 2026

TL;DR: Vetmo, layanan pet care yang Vito Atmo bangun, memasang Progressive Web App (PWA) di halaman booking pada awal 2026. Setelah 90 hari, repeat booking pengguna terdaftar naik 41 persen dan add-to-home-screen rate mencapai 18 persen dari pelanggan aktif bulanan. PWA bukan pengganti aplikasi native, tetapi cara murah memberi pengalaman app-like tanpa biaya distribusi App Store.

Vetmo melayani pemilik hewan peliharaan di Jakarta dan sekitarnya. Sebagian besar transaksi berulang: vaksin tahunan, grooming bulanan, kontrol pasca-operasi. Pemilik datang lewat referral dan butuh akses cepat ke booking, biasanya saat antre kerjaan atau di perjalanan. Aplikasi web biasa terasa lambat untuk audiens ini, sementara membangun aplikasi native iOS dan Android di tahap awal terlalu mahal.

Tim memilih Progressive Web App sebagai jalan tengah. Artikel ini menjelaskan keputusan teknis, hambatan, dan hasil yang dicapai.

Konteks Sebelum Pemasangan

Per Januari 2026, baseline Vetmo: repeat booking 30 hari = 22 persen, LCP di halaman booking 3,2 detik di koneksi 4G median, retensi 30 hari pelanggan aktif 41 persen. Keluhan utama pelanggan di survey internal: aplikasi sering muncul lagi dari nol setiap kali dibuka, dan login berulang terasa merepotkan.

Aplikasi native dipertimbangkan, tetapi cost analysis menunjukkan biaya pengembangan dan maintenance di tahun pertama berkisar 250-400 juta rupiah. Sementara PWA bisa dipasang dalam 2-3 minggu development dengan tim yang sudah ada.

Framework Pemasangan PWA

Tim memakai 5 elemen inti PWA berikut, mengikuti praktik standar dari web.dev PWA guide:

ElemenFungsi
Web App ManifestMendefinisikan ikon, warna, dan mode display
Service WorkerCaching aset statis dan halaman kunci
HTTPS + Secure ContextWajib untuk Service Worker dan Push API
App Shell ArchitectureUI utama dimuat dari cache, konten dinamis menyusul
Install PromptTrigger add-to-home-screen kontekstual

Service Worker dirancang dengan strategi cache-first untuk aset statis, network-first untuk data booking, dan stale-while-revalidate untuk daftar veterinarian. Push notification dipasang opsional, mengirim reminder 24 jam sebelum jadwal.

Implementasi 21 Hari

Minggu 1 fokus audit. Vito Atmo menjalankan Lighthouse PWA audit, mendapat skor awal 47 dari 100. Masalah utama: tidak ada manifest, tidak ada Service Worker, dan beberapa aset belum optimal. Tim juga memetakan flow user prioritas: lihat veterinarian terdekat, lihat jadwal kosong, booking, dan view riwayat.

Minggu 2 pengembangan. Manifest ditulis dengan ikon 192px, 512px, dan maskable. Service Worker dibangun pakai Workbox untuk menyederhanakan caching strategy. Tim memastikan halaman booking bisa dibuka offline minimal untuk view jadwal terakhir.

Minggu 3 pengujian dan rollout. Test di Android Chrome, iOS Safari, dan beberapa device entry-level Indonesia (Xiaomi Redmi 9, Samsung A03). Install prompt dipasang dengan logika: tampilkan setelah pengguna selesai booking ke-2, bukan saat pertama landing. Pendekatan ini mengurangi friksi dan menghormati intent pengguna, sejalan dengan prinsip trustworthiness.

Hasil 90 Hari

Tiga bulan setelah rollout, baseline berubah signifikan:

MetrikSebelumSetelahSelisih
Repeat booking 30 hari22 persen31 persen+41 persen relatif
LCP halaman booking3,2 detik1,4 detik-56 persen
Retensi pelanggan aktif41 persen53 persen+29 persen relatif
Add-to-home-screen rate018 persenbaseline baru
Push opt-in rate034 persenbaseline baru

Yang menarik, dampak terbesar bukan dari teknologi tetapi dari install prompt yang muncul di momen tepat. Add-to-home-screen rate 18 persen menjadi titik balik: pelanggan yang menginstal terbukti tiga kali lebih sering kembali dibanding pelanggan via browser.

Pertanyaan Umum

Apakah PWA bisa ganti aplikasi native sepenuhnya?

Tidak selalu. PWA cocok untuk use case yang tidak butuh akses dalam ke hardware (Bluetooth, NFC, kamera advanced). Untuk Vetmo, kebutuhan utama booking dan reminder, jadi PWA cukup.

Berapa biaya pengembangan PWA?

Untuk situs eksisting dengan stack modern (Next.js, React), biaya tambahan PWA berkisar 8-15 persen dari biaya halaman utama. Untuk Vetmo, sekitar 18 juta rupiah untuk 21 hari development.

Apakah PWA berfungsi di iOS?

Sejak iOS 16.4, sebagian besar fitur PWA termasuk push notification sudah didukung. Sebelumnya, push terbatas hanya di Android dan desktop.

Kapan PWA tidak cocok?

Saat aplikasi butuh akses native dalam (Health Kit, ARKit, deep camera control) atau saat distribusi via App Store penting untuk branding. Untuk kebanyakan UMKM Indonesia, PWA cukup.

Penutup Aplikatif

Bagi marketer atau pebisnis Indonesia yang punya web booking atau e-commerce dengan trafik repeat tinggi, PWA layak dipertimbangkan sebelum jump ke aplikasi native. Mulai dari Lighthouse audit, fokus pada Core Web Vitals, dan baru aktifkan install prompt setelah pengguna menunjukkan engagement nyata.

Bagikan

Artikel Terkait

#vetmo#pwa#progressive-web-app#case-study#core-web-vitals

Butuh website yang benar-benar bekerja?

Hubungi Vito untuk konsultasi gratis 15 menit.

WhatsApp Sekarang