Studi Kasus Atmo LMS: Pakai Web OTP API Pangkas Drop-off Login Member dari 38 ke 12 Persen di 2026

TL;DR: Setelah migrasi alur login member ke Web OTP API, Atmo LMS mencatat penurunan drop-off login dari 38 persen ke 12 persen, dengan waktu login median di mobile turun dari 27 detik ke 5 detik. Migrasi memakan waktu 6 hari kerja, fokus utamanya adalah memperbaiki format SMS server, menambah atribut autocomplete="one-time-code", dan menyiapkan fallback paste manual untuk Safari iOS.

Atmo LMS adalah platform belajar khusus mahasiswa dan profesional muda yang mengandalkan login OTP via SMS untuk verifikasi nomor di Indonesia. Sejak awal 2025, tim Atmo melihat anomali yang konsisten di funnel registrasi mobile. Member berhasil request OTP, tapi tidak pernah menyelesaikan langkah verifikasi. Angka drop-off di langkah ini mentok di 38 persen selama berbulan-bulan.

Investigasi awal mengarah ke kecepatan SMS gateway. Setelah ganti vendor dua kali tanpa perbaikan signifikan, hipotesisnya bergeser ke friction di sisi user interface, bukan di sisi delivery SMS. Web OTP API jadi kandidat solusi karena memungkinkan browser membaca SMS otomatis tanpa user pindah ke aplikasi pesan. Cocok dengan profil mayoritas member Atmo yang pakai Android Chrome.

Konteks Masalah: Drop-off Tidak Wajar di Langkah OTP

Funnel registrasi Atmo LMS sederhana: input nomor, request OTP, verifikasi kode, set password. Drop-off di tiga langkah pertama tipis, hanya 4 sampai 7 persen per langkah. Drop-off di langkah OTP justru meroket ke 38 persen. Data session replay menunjukkan pola berulang. User membuka aplikasi SMS, kembali ke browser, mengetik kode, salah ketik, scroll ulang, salah ketik lagi, akhirnya menutup tab.

Pola yang sama tidak muncul di desktop, di mana drop-off OTP hanya 9 persen. Ini sinyal kuat bahwa masalah ada di pengalaman mobile, bukan di logika backend atau SMS gateway. Sebelum migrasi, tim sempat mempertimbangkan beralih ke Magic Link email, tapi mayoritas member tidak punya email aktif yang sering dicek, sehingga ditolak.

Pendekatan: Web OTP API + Fallback Paste Manual

Migrasi dilakukan dalam 6 hari kerja. Tiga hari untuk perubahan format SMS di server, dua hari untuk refactor komponen OTP di Next.js 15 client, satu hari untuk QA cross-browser. Berikut perbandingan sebelum dan sesudah:

Implementasi memakai pattern dari panduan Web OTP API di Next.js yang sudah Vito Atmo dokumentasikan. Kunci utama bukan di sisi API, tapi di sisi format SMS server yang harus persis berakhir dengan @atmo.ac.id #482910. Tanpa baris itu, browser tidak akan memicu autofill, sekalipun atribut autocomplete="one-time-code" sudah dipasang.

Hasil: 45 Hari Setelah Live

Data pertama bulan menunjukkan perbaikan stabil tanpa regresi. Drop-off langsung turun ke 19 persen di minggu pertama, lalu ke 15 persen di minggu ketiga, lalu stabil di 12 persen sejak hari ke-30. Sisa 12 persen drop-off ini dianalisis lebih dalam dan ternyata mayoritas adalah user dengan kuota habis, bukan friction UI. Artinya, secara efektif drop-off "yang bisa diintervensi" turun ke nol.

Pengaruh ke metrik bisnis juga terlihat. Conversion rate registrasi total naik dari 2,1 persen ke 3,4 persen di traffic mobile, dengan asumsi semua variabel lain tetap. Karena traffic mobile menyumbang 78 persen total visitor Atmo LMS, dampaknya signifikan terhadap pertumbuhan member bulanan tanpa menambah biaya akuisisi.

Pelajaran Praktis untuk Marketer Lain

Pertama, drop-off di langkah OTP sering disalahkan ke SMS gateway, padahal masalah utamanya di friction UI. Sebelum ganti vendor SMS yang mahal, periksa dulu apakah alur login bisa pakai Web OTP API. Kedua, format SMS server lebih kritis dari API call itu sendiri. Tanpa akhiran @domain #KODE, browser tidak akan autofill, dan migrasi terasa "tidak bekerja" meski kodenya benar.

Ketiga, fallback paste manual tidak optional. Safari iOS, Firefox, dan browser non-Chromium tetap akan menjadi mayoritas di beberapa segmen, terutama profesional pengguna iPhone. Pastikan input tetap bisa di-paste manual dengan ergonomi yang baik, misalnya satu input besar bukan enam input terpisah. Pengalaman ini juga jadi sinyal kuat untuk mulai mempertimbangkan Passkey sebagai tahap berikutnya, ketika basis user sudah mature dengan device modern.

Pertanyaan Umum

Apakah hasil ini bisa direplikasi di e-commerce?

Bisa, dengan catatan profil device user mirip, yaitu mayoritas Android Chrome. Untuk e-commerce dengan banyak user iOS, gain mungkin lebih kecil tapi tetap positif lewat autofill native sistem.

Apakah perlu ganti SMS gateway?

Tidak wajib. Sebagian besar gateway populer di Indonesia sudah mendukung pengiriman SMS dengan template custom. Cek dokumentasi vendor untuk memastikan tidak ada pemotongan karakter di akhir SMS.

Berapa biaya investasi total?

Mayoritas biaya adalah waktu engineering, sekitar 6 hari kerja. Tidak ada biaya tambahan untuk SMS gateway baru atau lisensi tools. ROI berbasis penurunan drop-off umumnya kurang dari 30 hari untuk produk dengan funnel ber-volume tinggi.

Penutup: Friction Login Adalah Pajak Tersembunyi

Setiap detik tambahan di langkah login adalah potential drop-off, terutama untuk segmen mobile-first Indonesia yang sensitif terhadap koneksi lambat dan switching aplikasi. Web OTP API bukan silver bullet, tapi tools dengan ROI sangat tinggi yang sering terabaikan karena dianggap "fitur teknis". Untuk pemilik produk, audit funnel login satu jam saja cukup untuk menilai apakah migrasi ini layak. Bila drop-off OTP mobile di atas 20 persen, hampir pasti layak dicoba.