Kursus / bimbel online
Kelas Lentera
Halaman kursus yang terang dan bersemangat, dengan tiga pilihan harga berdampingan dan penawaran yang muncul sekali saja, bukan setiap kali dibuka.
Kedua tangkapan layar di atas diambil langsung dari halaman aslinya, bukan gambar mockup.
Tantangannya
Kursus online dijual dengan dorongan untuk segera mendaftar. Masalahnya, dorongan itu mudah berubah jadi mengganggu: popup yang muncul terus, hitungan waktu yang jelas-jelas mulai ulang setiap halaman dibuka, dan tabel harga yang membuat pengunjung harus berpikir keras.
Halaman ini juga memuat paling banyak sekaligus: penawaran yang muncul sendiri, perbandingan harga, dan form pendaftaran. Ketiganya harus terasa rapi bersamaan, bukan saling berebut perhatian.
Yang dikerjakan
Palet paling terang dari keempat demo: indigo dengan aksen hijau limau, sudut membulat tebal, dan tata letak padat yang menyusun “masalah → solusi” dalam blok-blok berukuran berbeda, supaya mata punya titik berhenti.
Penawarannya dibuat sopan. Ia muncul ketika pengunjung tampak akan menutup tab, atau setelah setengah menit membaca, lalu tidak pernah muncul lagi untuk pengunjung yang sama. Popupnya bisa ditutup dengan tombol Esc dan tidak menjebak fokus keyboard di dalamnya.
Hitungan waktu di bagian penutup memakai tenggat yang benar-benar berulang di kalender, bukan angka yang mulai ulang setiap halaman dimuat. Kalau urgensinya tidak jujur, pengunjung yang teliti akan menyadarinya.
Harganya bisa ditukar antara bulanan dan tahunan tanpa membuat isi halaman melompat-lompat, dan semuanya bisa dijalankan dari keyboard.
Hasil terukurnya
Halaman ini mendapat skor performa penuh di simulasi ponsel meski memuat paling banyak fitur. Angka lengkapnya, termasuk berapa banyak kode yang benar-benar dikirim ke browser pengunjung, ada di panel bawah.
Hasil pengukuran halaman ini
Diukur pakai alat penilai yang sudah ada di dalam Google Chrome, jadi Anda bisa mengujinya sendiri di halaman ini (namanya Lighthouse, ada di menu developer tools). Nilainya 0 sampai 100, makin tinggi makin baik. Pengujiannya disetel seperti dibuka dari ponsel dengan sinyal pelan, bukan dari komputer kantor.
- Kecepatan (Performance)
- 100 / 100Seberapa cepat halaman tampil dan bisa dipakai. Ini yang menentukan pengunjung bertahan atau menutup tab sebelum halaman muncul.
- Aksesibilitas (Accessibility)
- 100 / 100Seberapa bisa halaman ini dipakai orang dengan keterbatasan. Misalnya lewat pembaca layar, atau hanya dengan keyboard tanpa tetikus sama sekali.
- Kesiapan mesin pencari (SEO)
- 100 / 100Seberapa siap halaman dibaca dan dipahami mesin pencari. Ini fondasinya; peringkat di Google tetap butuh konten dan waktu.
Angka di atas hasil ukur versi terbaru halaman ini, bukan target yang saya harapkan dan bukan perkiraan. Kalau ada yang belum pernah saya ukur, yang tertulis “belum diukur”.