Pelajari bagaimana tim kecil meraih kemenangan besar dengan membuat PWA marketplace yang menarik.
Berbasis di Amman, Yordania, OpenSooq adalah marketplace iklan baris berbasis seluler yang 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 jumlah itu terus meningkat. Banyak orang di wilayah ini mengandalkan perangkat kelas bawah dengan kapasitas penyimpanan terbatas, sehingga situs seluler OpenSooq harus secepat dan seringan mungkin. Namun, waktu muat yang lambat di situs seluler OpenSooq lama memengaruhi kepuasan pelanggan dan menyebabkan rasio pantulan setinggi 49% di pasar seperti Kuwait.
Untuk melayani pelanggan dengan pengalaman yang lebih baik secara konsisten di semua platform, perusahaan menyadari bahwa mereka membutuhkan {i>website<i} yang lebih cepat dan responsif. Jadi, pada Juni 2017, tim engineer OpenSooq meluncurkan Progressive Web App (PWA).
Fokus pada performa dan keandalan
Tiga developer internal OpenSooq dapat membuat PWA berfitur lengkap dengan React dan webpack hanya dalam waktu dua setengah bulan.
Untuk memastikan bahwa situs akan cepat dan mudah diindeks oleh mesin telusur, tim memilih untuk menerapkan rendering sisi server. Dengan hampir 28% pengguna mereka mengakses PWA pada jaringan 2G atau 3G yang kurang memadai, sangat penting bagi pengguna untuk memercayai pengalaman tersebut untuk berfungsi, terlepas dari kendala jaringan. Jadi, tim tersebut menerapkan pengalaman offline menggunakan pekerja layanan dan strategi cache-first-lalu-network. Mereka juga menggunakan pola PRPL agar pengguna dapat memuat secara instan.
Dengan menerapkan praktik terbaik ini, tim dapat memangkas waktu muat halaman rata-rata (Waktu untuk Interaktif) dari 4 detik menjadi kurang dari 2 detik. Dan mereka menggunakan Lighthouse untuk memastikan situs tersebut 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 menengah bawah, sehingga keandalan sangat penting untuk menjaga agar pengguna tersebut tetap berinteraksi. Pekerja layanan dan strategi penyimpanan dalam cache membantu kami membangun pengalaman pengguna yang andal dan kami butuhkan dengan lancar.
Amin Shoman, Manajer Teknis PWA, OpenSooq
Meningkatkan re-engagement
Setelah menciptakan pengalaman yang andal dan berperforma tinggi, tim OpenSooq ingin memastikan pengguna tetap berinteraksi dengan produk tersebut. Untuk melakukannya, mereka mengizinkan pengguna menginstal PWA ke layar utama dan menambahkan dukungan untuk notifikasi yang penting. Hal ini memungkinkan situs memberi tahu pembeli tentang interaksi penjual pada kueri dan penjual tentang aktivasi dan akhir masa berlaku iklan.
Peningkatan ini meningkatkan jumlah pengguna aktif bulanan pengalaman web OpenSooq sebesar 14%. Untuk pengguna yang menginstal PWA, terjadi peningkatan jumlah kunjungan halaman per sesi sebesar 48% dan lonjakan rata-rata durasi sesi 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
Hanya dalam waktu beberapa minggu, OpenSooq menciptakan PWA berfitur lengkap berukuran 23 KB yang memberikan pengalaman konsisten kepada pengguna di semua platform dan browser. Dan karena mudah untuk memperbarui fitur di web, timnya telah mengutamakan PWA dengan meluncurkan dan menguji fitur baru serta alur penggunaan di PWA mereka sebelum meluncurkannya ke platform lain.
OpenSooq kini berupaya menambahkan perintah penginstalan khusus platform dan mengintegrasikan PWA dengan Accelerated Mobile Pages (AMP). Peningkatan ini akan makin mempercepat pemuatan halaman dan membuat transisi ke aplikasi khusus platform selancar mungkin. Dengan membangun berdasarkan upaya pengembangan awal mereka, tim OpenSooq akan terus memberikan pengalaman terbaik kepada pengguna.
Pentingnya mengembangkan PWA kami jelas bagi pimpinan dan tim teknis. Setelah membangun aplikasi web modern dan menjadikannya berperforma tinggi, kami tidak sabar untuk melihat dampak bisnis terhadap investasi kami selama 2,5 bulan.
Ramzi Alqrainy, Chief Technology Officer, OpenSooq