Pelajari bagaimana tim kecil meraih kesuksesan besar dengan membuat PWA marketplace yang menarik.
Berbasis di Amman, Yordania, OpenSooq adalah marketplace iklan baris yang mengutamakan perangkat seluler dan menawarkan berbagai produk dan layanan di 19 negara di Timur Tengah dan Afrika Utara.
Tantangan
Lebih dari 85% traffic OpenSooq berasal dari perangkat seluler, dan jumlahnya terus meningkat. Banyak orang di wilayah ini mengandalkan perangkat kelas bawah dengan kapasitas penyimpanan terbatas, sehingga situs seluler OpenSooq harus dibuat secepat dan seringan mungkin. Namun, waktu pemuatan yang lambat di situs seluler lama OpenSooq memengaruhi kepuasan pelanggan dan menyebabkan rasio pantulan setinggi 49% di pasar seperti Kuwait.
Untuk memberikan pengalaman yang lebih baik secara konsisten kepada pelanggan di semua platform, perusahaan menyadari bahwa mereka memerlukan situs yang lebih cepat dan lebih responsif. Jadi, pada Juni 2017, tim engineer OpenSooq meluncurkan Progressive Web App (PWA).
Fokus pada performa dan keandalan
Tiga developer internal OpenSooq berhasil membuat PWA berfitur lengkap dengan React dan webpack hanya dalam waktu dua setengah bulan.
Untuk memastikan situs akan cepat dan mudah diindeks oleh mesin telusur, tim memilih untuk menerapkan rendering sisi server. Dengan hampir 28% penggunanya mengakses PWA di jaringan 2G atau 3G yang tidak stabil, pengguna harus yakin bahwa pengalaman tersebut akan berfungsi, terlepas dari batasan jaringan. Jadi, tim menerapkan pengalaman offline menggunakan pekerja layanan dan strategi cache-first-then-network. Mereka juga menggunakan pola PRPL untuk memberikan pemuatan instan kepada pengguna.
Dengan menerapkan praktik terbaik ini, tim dapat memangkas waktu muat halaman rata-rata (Waktu Hingga Interaktif) dari 4 detik menjadi kurang dari 2 detik. Mereka juga menggunakan Lighthouse untuk memastikan situs tetap secepat itu. Upaya tersebut membantu OpenSooq mencapai lebih dari 1,8 miliar kunjungan halaman per bulan.
Lebih dari seperempat pengguna kami mengakses PWA OpenSooq dari jaringan kelas menengah ke bawah, sehingga keandalan sangat penting untuk menjaga interaksi pengguna tersebut. Pekerja layanan dan strategi penyimpanan dalam cache membantu kami membangun pengalaman pengguna yang andal dan lancar.
Amin Shoman, PWA Technical Manager, OpenSooq
Meningkatkan re-engagement
Setelah membuat pengalaman yang berperforma tinggi dan andal, tim OpenSooq ingin memastikan pengguna tetap berinteraksi dengan produk mereka. Untuk melakukannya, mereka mengizinkan pengguna menginstal PWA ke layar utama dan menambahkan dukungan untuk notifikasi yang bermakna. Hal ini memungkinkan situs untuk memberi tahu pembeli tentang interaksi penjual pada kueri dan penjual tentang aktivasi dan masa berlaku iklan.
Peningkatan ini meningkatkan pengguna aktif bulanan pengalaman web OpenSooq sebesar 14%. Untuk pengguna yang menginstal PWA, terjadi peningkatan jumlah kunjungan halaman per sesi sebesar 48% dan peningkatan durasi sesi rata-rata sebesar 28%. OpenSooq juga mengalami peningkatan waktu rata-rata pengguna di halaman sebesar 25% dan penurunan rasio pantulan rata-rata sebesar 29% di semua pasar.
Rencana ke depan
Setelah hanya beberapa minggu upaya, OpenSooq membuat PWA berfitur lengkap berukuran 23 KB yang memberikan pengalaman yang konsisten kepada pengguna di semua platform dan browser. Selain itu, karena mudah untuk mengupdate fitur di web, tim ini telah mengutamakan PWA dengan meluncurkan dan menguji fitur baru serta alur penggunaan di PWA mereka sebelum meluncurkannya ke platform lain.
OpenSooq kini sedang berupaya menambahkan perintah penginstalan khusus platform dan mengintegrasikan PWA dengan accelerated mobile pages (AMP). Peningkatan ini akan semakin mempercepat pemuatan halaman dan membuat transisi ke aplikasi khusus platform selancar mungkin. Dengan membangun fondasi dari upaya pengembangan awal mereka, tim OpenSooq akan terus memberikan pengalaman terbaik kepada penggunanya.
Pentingnya mengembangkan PWA kami sudah jelas bagi tim kepemimpinan dan teknis. Setelah membuat aplikasi web modern dan membuatnya berperforma tinggi, kami senang melihat dampak bisnis dari investasi selama 2,5 bulan.
Ramzi Alqrainy, Chief Technology Officer, OpenSooq