Case Study

Studi Kasus Atmo LMS: Pasang Passkey WebAuthn Pangkas Drop-off Login Mahasiswa dari 28 ke 7 Persen di 2026

Vito Atmo
Vito Atmo·26 Mei 2026·0 kali dibaca·4 min baca
Studi Kasus Atmo LMS: Pasang Passkey WebAuthn Pangkas Drop-off Login Mahasiswa dari 28 ke 7 Persen di 2026

TL;DR: Pemasangan Passkey WebAuthn di Atmo LMS pada Q1 2026 memangkas drop-off login mahasiswa dari 28 persen ke 7 persen dalam 6 minggu. Implementasi pakai SimpleWebAuthn di Next.js, fallback password tetap aktif, biaya call center reset password turun sekitar 60 persen.

Pada akhir 2025, tim Atmo LMS mencatat keluhan berulang yang sama: mahasiswa gagal login menjelang ujian, lupa password, atau terjebak loop OTP yang lambat. Data analytics menunjukkan 28 persen sesi login berakhir tanpa autentikasi sukses. Saya memutuskan menguji Passkey WebAuthn sebagai jalur login utama, dengan password sebagai fallback.

Setelah 6 minggu rollout bertahap, drop-off turun ke 7 persen. Tiket reset password ke tim support turun dari rata-rata 142 per minggu ke 56 per minggu. Artikel ini merangkum keputusan teknis, hasil terukur, dan jebakan yang patut dihindari.

Konteks Sebelum Implementasi

Atmo adalah Learning Management System yang dibangun Vito Atmo untuk lembaga kursus skala menengah. Per Januari 2026, platform melayani sekitar 4.200 mahasiswa aktif dengan login rata-rata 3 kali per minggu. Stack: Next.js 15 App Router, Supabase Auth, database PostgreSQL. Login lama pakai email plus password plus OTP via email untuk perangkat baru.

Tiga masalah dominan: pertama, password yang sering lupa karena mahasiswa jarang login harian. Kedua, OTP email yang sering masuk spam atau telat. Ketiga, mahasiswa yang ganti perangkat (HP ke laptop) harus ulang OTP dari nol. Bottleneck terjadi saat ujian online yang serentak ribuan login dalam 5 menit.

Pilihan Solusi dan Alasannya

Kami pertimbangkan tiga opsi: magic link, SSO Google, dan Passkey. Magic link bergantung pada deliverability email yang justru jadi masalah. SSO Google bekerja, tapi 31 persen mahasiswa pakai email kampus non-Google. Passkey menang karena tahan phishing, sync lintas perangkat lewat iCloud Keychain atau Google Password Manager, dan tidak butuh hafalan apa pun. Lihat juga E-E-A-T yang relevan untuk membangun kepercayaan teknis platform pendidikan.

Implementasi Teknis

Library: SimpleWebAuthn untuk server dan client side. Database tambahan: satu tabel user_passkeys dengan kolom credential_id, public_key, counter, device_type, transports, user_id. Endpoint: /api/passkey/register/options, /api/passkey/register/verify, /api/passkey/login/options, /api/passkey/login/verify. Fallback password tetap aktif lewat Supabase Auth selama 90 hari pasca-rollout.

Rollout: minggu 1-2 internal team only, minggu 3-4 batch 200 mahasiswa awal, minggu 5-6 seluruh user base. UI: tombol Login dengan Passkey jadi default, link kecil Pakai Password sebagai opsi sekunder. Onboarding inline saat login pertama pakai Passkey: 3 langkah, total 18 detik.

Hasil Terukur

MetrikSebelum (Des 2025)Sesudah (Mar 2026)
Drop-off login28 persen7 persen
Waktu login rata-rata38 detik9 detik
Tiket reset password per minggu14256
Login sukses pertama coba64 persen92 persen
Adopsi passkey aktif071 persen user aktif

Biaya call center untuk reset password turun sekitar 60 persen. Tim support mengalihkan kapasitas ke onboarding kelas baru. Mahasiswa di forum internal melaporkan login terasa instant, terutama di mobile.

Yang Tidak Mulus

Tiga jebakan yang sempat menggangu. Pertama, browser lama (Safari di iOS 15 ke bawah) tidak support passkey, jadi fallback password wajib jalan dengan baik. Kedua, mahasiswa yang ganti HP tanpa sync iCloud kehilangan akses, solusinya: edukasi backup di onboarding plus opsi tambahkan passkey baru via email verifikasi. Ketiga, attribute transports di database harus disimpan akurat agar UI tidak tampilkan opsi yang tidak relevan.

Pertanyaan Umum

Apakah passkey bisa di-share antar pengguna?

Tidak. Passkey terikat ke perangkat dan akun cloud (iCloud, Google Password Manager) milik satu individu. Ini justru kelebihan, kontras dengan password yang sering di-share.

Bagaimana kalau mahasiswa kehilangan perangkat?

Selama akun cloud (Apple ID atau Google Account) aman, passkey tetap bisa diakses dari perangkat baru via sync. Backup tradisional pakai email verifikasi tetap kami sediakan sebagai jaring pengaman.

Apakah implementasi mahal?

Library SimpleWebAuthn gratis open source. Biaya utama: 2 minggu dev time untuk integrasi, plus 1 minggu untuk dokumentasi internal. Tidak ada biaya lisensi atau cost per autentikasi tambahan.

Apakah relevan untuk e-commerce, bukan cuma LMS?

Sangat relevan. Berdasarkan benchmark FIDO Alliance, e-commerce yang adopsi passkey melaporkan checkout completion rate naik 15-25 persen karena friksi login berkurang. Lihat dokumentasi resmi FIDO di fidoalliance.org/passkeys.

Insight Aplikatif

Passkey bukan teknologi eksperimental lagi per 2026. Bagi platform Indonesia dengan tingkat lupa password tinggi, ROI implementasi terlihat dalam 4-8 minggu. Yang paling penting: pertahankan fallback password setidaknya 60-90 hari, ukur drop-off perangkat per perangkat, dan investasikan waktu di onboarding inline yang jelas. Login yang lancar adalah retention move, bukan sekadar fitur keamanan.

Bagikan

Artikel Terkait

#passkey#webauthn#lms#atmo#login-ux

Butuh website yang benar-benar bekerja?

Hubungi Vito untuk konsultasi gratis 15 menit.

WhatsApp Sekarang