12 Contoh Aplikasi Web Progresif (PWA) Terbaik Tahun 2022
Diterbitkan: 2022-01-03Daftar Isi
Bukan rahasia lagi bahwa kinerja sangat penting untuk keberhasilan dan profitabilitas setiap usaha online. Akibatnya, situs web di seluruh industri menggunakan standar baru yang disebut Progressive Web Apps (PWA) untuk meningkatkan kinerjanya.
Didukung oleh Google, teknologi front-end bertujuan untuk memberikan kinerja tingkat tinggi terlepas dari kondisi perangkat atau jaringan. Mereka mencapainya dengan meningkatkan PWA dengan kualitas aplikasi asli yang andal, cepat, dan menarik. Meskipun menerima banyak perhatian, konsep PWA relatif baru bagi kebanyakan orang.
Untuk memahami secara mendalam bagaimana Aplikasi Web Progresif berbeda dari situs web responsif konvensional, cara terbaik adalah dengan melihat beberapa contoh PWA yang bagus.
Berikut adalah daftar contoh Aplikasi Web Progresif yang mengesankan di berbagai industri – sehingga Anda dapat merasakan sendiri teknologi web baru.
1. Starbucks
Bertujuan untuk menyediakan pemesanan online yang mudah diakses dan ramah pengguna untuk semua pelanggan mereka, Starbucks membangun PWA dari sistem pemesanan di web, yang memberikan pengalaman serupa ke aplikasi asli mereka yang sudah ada. Dengan kata lain, dengan kemampuannya untuk berjalan dalam mode offline, Starbucks PWA memungkinkan pelanggan mereka untuk menelusuri menu, menyesuaikan pesanan mereka, dan menambahkan item ke keranjang mereka – semuanya tanpa akses internet yang konsisten. Setelah online, mereka dapat melihat harga spesifik lokasi dan memesan makanan dan minuman mereka.
Karena sebagian besar PWA tersedia tanpa koneksi jaringan, ini bagus untuk pelanggan yang sedang bepergian yang mungkin masuk dan keluar dari konektivitas sepanjang hari atau pasar negara berkembang seperti komunitas pedesaan di mana koneksinya kurang dapat diandalkan. Dengan meluncurkan PWA pemesanan baru, Starbucks telah melihat hasil yang signifikan. PWA 99,84% lebih kecil dari aplikasi iOS Starbucks yang ada, menjadikan aplikasi web favorit di antara penggunanya. Hasilnya, mereka menggandakan jumlah pengguna web yang melakukan pemesanan setiap hari, dengan pengguna desktop sekarang memesan dengan tarif yang hampir sama dengan pengguna seluler.
2. Debenham
Ketika berbicara tentang merek yang mengubah pengalaman berbelanja mereka di industri fashion, Anda tidak boleh melewatkan Debenham. Merek Inggris yang terkenal menyadari bahwa meskipun situs web lama mereka telah meningkatkan lalu lintas seluler, tingkat konversi seluler tidak meningkat. Jadi mereka menyimpulkan bahwa sudah waktunya untuk transformasi digital, jika tidak, pertumbuhan digital dan keseluruhan mereka akan segera melambat. Merek mencari solusi yang dapat menawarkan pengalaman yang lancar bagi pengguna, terutama di perangkat seluler.
PWA adalah jawaban untuk tim di Debenhams. Setelah mengubah situs web lama mereka menjadi PWA, usaha mereka pasti membuahkan hasil. Mereka telah meningkatkan pengalaman pelanggan dengan menghapus blok pada perjalanan pelanggan – halaman yang lambat, struktur yang sulit dinavigasi, proses checkout yang rumit. Secara keseluruhan, Debenhams menikmati peningkatan pendapatan seluler sebesar 40% dan peningkatan konversi sebesar 20% .
3. BMW
Sebagai merek perintis di industri mobil, BMW membuktikan bahwa mereka tidak menghindar dari teknologi baru, baik dengan mobil atau situs web mereka. Untuk meningkatkan pengalaman pelanggan, merek berusaha memberikan konten yang berkualitas dan menarik, yang mencerminkan nilai-nilai mereka.
PWA BMW baru pasti memberikan pengalaman 'wow' kepada pengguna. Hal pertama yang akan diperhatikan siapa pun adalah gambar dan video beresolusi tinggi, dan web memuat cukup banyak secara instan dengan semua fitur ini (4X kali lebih cepat daripada situs lama). Laporan mereka juga menunjukkan angka mengesankan lainnya setelah pembentukan PWA: 4X peningkatan orang yang mengklik dari beranda ke situs penjualan BMW; 50% pertumbuhan pengguna seluler dan 49% lebih banyak kunjungan situs dibandingkan dengan situs lama.
4. Papan Flip
Sebagai majalah sosial paling populer di dunia, Flipboard memungkinkan pembaca untuk mengikuti semua topik, berita, dan acara yang mereka minati, dari satu tempat. Berdasarkan minat pengguna, platform ini menyatukan berita dan cerita dari seluruh dunia dalam format majalah. Pengguna Flipboard dapat mengikuti sumber favorit mereka dan menyimpan cerita, gambar, dan video ke dalam majalah Flipboard mereka sendiri untuk dibaca nanti atau dibagikan dengan orang lain.
Flipboard adalah salah satu contoh PWA terbaik untuk berita online. PWA meminimalkan penggunaan data untuk menghadirkan pengalaman menjelajah yang apik dan cepat, dalam antarmuka yang indah. Hingga peluncuran PWA mereka, Flipboard adalah aplikasi seluler, yang hanya hadir di perangkat seluler. Oleh karena itu, sekarang PWA memungkinkan Flipboard untuk memberikan pengalaman serupa ke aplikasi asli berfitur lengkap mereka di web, membuatnya tersedia untuk pengguna desktop juga.
5. Irisan Suara
Soundslice adalah perangkat lunak pendidikan musik canggih di web yang merevolusi cara musisi belajar dan berlatih musik. Perusahaan menggunakan PWA untuk memberikan pengalaman menciptakan dan belajar musik terbaik. Perangkat lunak berbasis PWA membuat proses belajar musik lebih mudah dan lebih efisien untuk musisi otodidak dengan pemutar musik yang inovatif. Pemutar Soundslice memungkinkan pengguna untuk mempelajari sepotong musik sambil membaca dan mendengarnya di perangkat apa pun, baik itu ponsel atau desktop layar lebar. Selain itu, guru musik dapat memanfaatkan alat ini untuk membuat pelajaran musik interaktif. Dengan fokus belajar dari rekaman, Soundslice juga memiliki toko yang menjual pelajaran dan transkripsi.
6. Permainan 2048
Game puzzle 2048 awalnya dirilis sebagai aplikasi gratis untuk Android & iOs pada tahun 2014. Game ini segera menjadi viral dengan lebih dari 4 juta pengguna dalam waktu kurang dari seminggu setelah diluncurkan. Permainan ini sederhana dan adiktif. Digambarkan sebagai “Candy Crush for math geeks”, tujuannya adalah untuk menggabungkan blok dengan angka yang sama hingga akhirnya berjumlah 2048. Versi PWA resmi tersedia di 2048game.com sehingga pemain bisa mendapatkan akses instan dari browser web apa pun. Dengan transisi yang mulus dan tampilan layar penuh, sulit untuk membedakan PWA dari rekan aplikasi aslinya. Plus, 2048 PWA dapat dimainkan sepenuhnya dalam mode offline.
7. MakeMyTrip
Situs MakeMyTrip.com adalah contoh PWA yang bagus. Perusahaan perjalanan terkemuka India memiliki sekitar delapan juta pengunjung ke situs mereka setiap bulan, dengan lalu lintas seluler terhitung dua pertiga. Karena seluler menjadi saluran yang paling disukai untuk pemesanan di antara pelanggan MakeMyTrip, mereka mengembangkan PWA yang menghasilkan pengalaman web seluler yang cepat, andal, dan halus.
Pengalaman PWA baru telah melipatgandakan tingkat konversinya dengan mengurangi waktu pemuatan halaman sebesar 38%. Dibandingkan dengan situs seluler mereka sebelumnya, MakeMyTrip mendorong peningkatan 160% dalam sesi pengguna dan menurunkan rasio pentalan sebesar 20% .
8. Uber
Saat perusahaan berekspansi ke pasar baru, web Uber-nya dibangun kembali dari awal sebagai PWA untuk menawarkan pengalaman pemesanan yang sebanding dengan aplikasi seluler asli. Uber PWA dirancang untuk membuat pemesanan mobil dapat dilakukan di jaringan 2G berkecepatan rendah. Dibangun di sekitar konsep pengalaman seperti aplikasi yang dapat diakses di semua browser modern, PWA sangat bagus untuk pengendara di perangkat kelas bawah, yang mungkin tidak kompatibel dengan aplikasi Uber asli.
Dengan menghadirkan pengalaman asli dalam aplikasi web super ringan, Uber telah mengaktifkan permintaan tumpangan cepat terlepas dari lokasi, kecepatan jaringan, dan perangkat. Aplikasi inti hanya 50kB memungkinkannya memuat dalam waktu 3 detik di jaringan 2G.
9. Kopa (Padpiper )
Kopa (sebelumnya disebut Padpiper) adalah platform untuk membantu siswa dengan mudah menemukan perumahan tepercaya untuk persyaratan sekolah dan magang, dan memungkinkan tuan tanah untuk dengan cepat menemukan penyewa yang cocok untuk tempat mereka. Faktanya, platform ini sekarang mendukung 9000 sekolah dan memiliki lebih dari 100 listing di PWA-nya. Mereka telah memverifikasi pemilik dan ulasan daftar untuk menghemat waktu bagi siswa dalam menemukan yang paling cocok. Setelah siswa menambahkan alamat kantor, mereka dapat mencari petunjuk arah untuk bekerja dari setiap daftar di halaman hasil. Aplikasi web juga dapat menghubungkan siswa dengan orang lain yang bekerja di dekat mereka atau mencari tahu di mana teman sekelas mereka berada di koperasi.
10. Pinterest
Dengan fokus pada pertumbuhan internasional, Pinterest memulai pengalaman web seluler baru mereka dari bawah ke atas sebagai PWA. Jejaring sosial menemukan bahwa hanya 1% dari pengguna seluler mereka yang beralih ke pendaftaran, login, atau pemasangan aplikasi, karena kinerja seluler yang buruk.
Menyadari bahwa peluang untuk meningkatkan konversi sangat besar, maka mereka membangun kembali web seluler menggunakan teknologi PWA, yang menghasilkan beberapa hasil positif: Waktu yang dihabiskan naik 40% dibandingkan dengan web seluler sebelumnya, pendapatan iklan yang dibuat pengguna naik 44% dan keterlibatan inti naik 60%
11. Enak
Yummly adalah platform penemuan memasak cerdas yang mempelajari selera individu, kebutuhan nutrisi, tingkat keterampilan, dan lainnya untuk merekomendasikan resep yang dipersonalisasi, daftar belanja, dan pengiriman bahan makanan selama satu jam. Bersama dengan aplikasi Android & iOS aslinya, Yummly juga tersedia di browser web sebagai PWA. Sama seperti kehadiran aslinya, The Yummly PWA menawarkan mesin pencari untuk makanan, masakan, dan resep. Ini memungkinkan pengguna untuk mencari dari lebih dari satu juta resep, bersumber dari situs makanan teratas, blog khusus, atau merek makanan lokal. Selain itu, hasil pencarian dapat disaring berdasarkan bahan, diet, alergi, nutrisi, harga, masakan, waktu, rasa, kursus makan, dan banyak lagi.
12. Spotify
Pemutar musik favorit Anda sekarang didukung oleh PWA. Karena beberapa ketidaksepakatan antara Spotify dan Apple mengenai komisi 30% toko aplikasi Apple, Spotify menemukan ini sebagai kesempatan yang tepat untuk mulai mengembangkan versi PWA dari aplikasi mereka—seperti yang dimiliki banyak merek besar lainnya. Dibandingkan dengan aplikasi aslinya, versi PWA jauh lebih cepat dengan UI unik dan adaptifnya sendiri yang mengubah latar belakangnya saat pengguna menggunakan aplikasi. Seperti banyak PWA lainnya, pengguna juga diminta untuk menambahkan Spotify PWA ke layar beranda mereka, membuat Spotify PWA lebih mudah diakses dan setara dengan versi lainnya.
Membungkus
PWA dapat diterapkan di banyak bidang teknologi, mulai dari game PWA hingga PWA Magento. Untuk memahami lebih dalam tentang PWA & kasus penggunaannya di bidang spesifik Anda, silakan periksa artikel khusus kami yang lain:
Bacaan lebih lanjut
