Aplikasi Web Progresif (PWA): 3 Studi Kasus Teratas

Diterbitkan: 2019-06-19

Daftar Isi

Bayangkan Anda baru saja meluncurkan perusahaan rintisan dan situs web Anda terlihat luar biasa, tetapi Anda tidak memiliki cukup anggaran untuk mengembangkan aplikasi seluler, yang mungkin penting bagi strategi bisnis Anda. Namun, itu sangat mahal dan sedikit berisiko. Anda juga harus menghabiskan banyak waktu untuk membangun aplikasi asli, tetapi tidak ada yang tahu merek Anda dengan baik. Akankah orang cukup mempercayai aplikasi Anda untuk mengunduhnya dari App Store atau Google Play Store?

Terlebih lagi – akankah pelanggan/pembaca Anda cukup bertekad untuk mengambil beberapa langkah tambahan seperti menutup situs web Anda, membuka Google Play atau App Store dan kemudian dengan sabar menunggu hingga aplikasi terpasang?

Ingatlah bahwa orang-orang jauh lebih menuntut akhir-akhir ini. Dengan kata lain, mereka juga sangat tidak sabar – mereka mengharapkan solusi cepat . Mengunduh aplikasi semacam itu dari toko eksternal tidak terdengar seperti operasi yang sangat cepat dan aplikasi asli tidak terlalu dapat diakses oleh setiap pengguna. Dari sudut Pengalaman Pengguna, ada banyak kendala bagi pelanggan sebelum ia mencapai tujuannya (dan Anda).

Dan satu hal lagi – apakah Anda yakin klien Anda akan memiliki cukup ruang penyimpanan internal untuk mengunduh aplikasi Anda?

Jadi, Anda akan menginvestasikan banyak uang untuk membangun aplikasi seluler (baik untuk iOS dan Android) dan Anda tidak yakin bahwa orang akan benar-benar menggunakannya. Ahh… dan jangan lupakan semua anggaran pemasaran Anda yang sangat besar yang harus Anda keluarkan untuk iklan dan promosi!

Tapi tunggu dulu, jangan panik, untungnya kamu hidup di tahun 2019, ketika   Aplikasi Web Progresif menjadi solusi umum dalam hal membuat aplikasi seluler!

Pernahkah Anda mendengar tentang Aplikasi Web Progresif ? Jika tidak, sekarang adalah kesempatan Anda untuk mengikuti tren teknologi terbaru ini atau Anda akan ketinggalan! Kami telah menulis artikel komprehensif yang menjelaskan apa itu dan mengapa ada baiknya memilih opsi ini

Hari ini kami ingin memberi Anda beberapa inspirasi dan memperkenalkan kisah sukses merek yang telah membangun Aplikasi Web Progresif.

TRIVAGO

logo trivago

Trivago memperoleh reputasi yang baik untuk mesin pencari hotel yang tersedia dalam 33 bahasa yang berbeda. Berdasarkan informasi hotel, gambar, penilaian, ulasan, filter, dan fitur lainnya, Trivago membantu penggunanya menemukan penawaran terbaik.

Masalah

Simbol Trivago

Masalahnya adalah Trivago telah melihat peningkatan yang signifikan dalam pengguna ponsel dalam beberapa tahun terakhir. Merek menyadari bahwa pengalaman seluler semakin penting bagi klien mereka.

Namun, membuat solusi seluler bukanlah hal yang mudah dan ini berarti membuat pilihan yang sulit. Secara khusus, perusahaan tidak yakin apakah orang akan menerima biaya mengunduh aplikasi seluler, hanya untuk memeriksa apakah itu sesuai dengan harapan mereka. Mereka juga memperhatikan bahwa banyak orang memiliki masalah dengan koneksi seluler yang berkualitas . Karena alasan ini, Trivago mencari peluang yang berbeda dari aplikasi asli.

 Bacaan yang disarankan: Aplikasi Web Progresif vs Aplikasi Asli: Mana yang Lebih Cocok untuk Anda?

Larutan

Akhirnya, mereka menemukan Progressive Web Apps , yang fitur-fiturnya tampaknya sempurna untuk kebutuhan mereka. Saat itu, mereka sedang mencari solusi yang akan memberi mereka pemberitahuan push , mode offline , dan pintasan layar beranda . Dan faktor terpenting bagi Trivago​ adalah aksesibilitas​ ke aplikasi ini​ melalui browser seluler standar ​.

Aplikasi Web Progresif Trivago
Aplikasi Web Progresif Trivago

Solusi PWA ini membantu mereka membangun aplikasi tanpa harus melibatkan tim besar pengembang perangkat lunak. Mereka fokus pada fitur yang paling penting di awal, seperti pemberitahuan push, akses offline dan kemungkinan untuk menambahkan aplikasi ke layar beranda . Tentu saja, ada kesulitan pada awalnya. Mereka mengatakan bahwa salah satu tantangan terbesar adalah menciptakan Antarmuka Pengguna yang intuitif karena mendesain tampilan seluler jauh lebih berbeda dari pada situs web standar. Menurut Laura Oades, desainer untuk PWA:

“Di seluler, Anda memiliki masalah tambahan dalam menyusun UI yang agnostik platform dan tidak membingungkan” dan “PWA sebagian besar wilayah yang belum dipetakan dalam desain, dan peluang nyata bagi pemecah masalah kreatif untuk meregangkan diri untuk menentukan standar baru.”

Hasil

Statistik PWA Trivago
Sumber: pwastats.com
  • Situs web seluler Trivago tersedia dalam 33 bahasa, di 55 negara.
  • Lebih dari 500.000 orang menambahkan pintasan Trivago ke layar beranda dan keterlibatan mereka meningkat 150% .
  • Dibandingkan dengan situs web seluler sebelumnya, Progressive Web App menarik lebih banyak pengguna. Sebelum PWA, hanya tercatat 0,8% kunjungan berulang, sekarang jumlah ini meningkat menjadi rata-rata 2%.
  • Pemberitahuan push ternyata menjadi sarana komunikasi yang sempurna – mereka membantu meningkatkan konversi – jumlah klik di PWA pada penawaran hotel meningkat sebesar 97%.
 Bacaan yang disarankan: 7 Aplikasi Web Progresif Terbaik di Industri Perjalanan

PINTEREST

logo pinterest

Pinterest adalah jaringan sosial yang memungkinkan pengguna untuk berbagi secara visual, dan menemukan minat baru dengan memposting (dikenal sebagai 'menyematkan' di Pinterest ) gambar atau video ke papan mereka sendiri atau orang lain (yaitu kumpulan 'pin,' biasanya dengan tema) dan menelusuri apa yang telah disematkan pengguna lain

Masalah

simbol Pinterest

Setelah menganalisis penggunaan untuk pengguna web seluler yang tidak diautentikasi, mereka menyadari bahwa pengalaman web lama mereka yang lambat hanya berhasil mengubah 1% pengguna menjadi pendaftaran, login, atau pemasangan aplikasi asli. Peluang untuk meningkatkan tingkat percakapan ini sangat besar, mengarahkan mereka ke investasi di PWA.

PWA Pinterest dimulai karena mereka berfokus pada pertumbuhan internasional, yang membawa mereka ke web seluler.

Larutan

Lebih dari 3 bulan , Pinterest membangun kembali pengalaman web seluler mereka menggunakan React, Redux, dan webpack. Penulisan ulang web seluler mereka menghasilkan beberapa peningkatan positif dalam metrik bisnis inti.

Aplikasi Web Progresif Pinterest
Aplikasi Web Progresif Pinterest

Hasil

Penulisan ulang web seluler mereka menghasilkan beberapa peningkatan kinerja.

Waktu yang dihabiskan naik 40% dibandingkan dengan pengalaman web seluler lama, pendapatan iklan yang dibuat pengguna naik 44% dan keterlibatan inti naik 60% :

Sumber: Media
Statistik PWA Pinterest
Sumber: pwastats.com

Pengalaman web seluler lama Pinterest adalah monolit — itu termasuk kumpulan besar JavaScript berat CPU yang mendorong seberapa cepat halaman Pin dapat dimuat dan menjadi interaktif.

Pengalaman web seluler baru mereka adalah peningkatan drastis.

Mereka tidak hanya memecah & mencukur ratusan KB dari JavaScript mereka, menurunkan ukuran bundel inti mereka dari 650KB menjadi 150KB tetapi mereka juga meningkatkan metrik kinerja utama. First Meaningful Paint turun dari 4,2 detik menjadi 1,8 detik dan Time To Interactive berkurang dari 23 detik menjadi 5,6 detik.

Ukuran PWA Pinterest dibandingkan dengan ukuran aplikasi asli

Meskipun Pinterest menjual aplikasi iOS & Android, mereka mampu memberikan pengalaman home feed inti yang sama seperti yang dilakukan aplikasi ini di web dalam sebagian kecil dari biaya unduhan di muka — hanya ~150KB yang diperkecil & di-gzip. Ini kontras dengan 9,6 MB yang diperlukan untuk menghadirkan pengalaman ini untuk Android dan 56 MB untuk iOS

INDONESIA

Logo Twitter

Seperti yang telah Anda ketahui, Twitter adalah platform media sosial, tempat orang-orang memposting pesan singkat yang disebut tweet. Itu dibuat pada Maret 2006. Sekarang memiliki lebih dari 335 juta pengguna aktif (Juli 2018).

Masalah

simbol Twitter

Twitter memperhatikan bahwa pengguna harus mengatasi banyak kendala saat menggunakan situs web seluler mereka.

Beberapa dari mereka berada di jaringan seluler yang lambat dan memiliki sedikit ruang pada penyimpanan perangkat seluler . Akibatnya, pengunjung enggan menghabiskan waktu di situs web Twitter atau terlibat dalam memposting dan berkomentar lebih banyak. Twitter ingin menemukan alternatif yang menarik bagi orang-orang yang tidak menggunakan aplikasi asli mereka atau tidak memiliki cukup ruang untuk mengunduh ini.

Larutan

Aplikasi Web Progresif Twitter
Aplikasi Web Progresif Twitter

Twitter memutuskan untuk membangun Aplikasi Web Progresif karena tampaknya merupakan kombinasi terbaik dari situs web modern dan fitur asli. Pemuatan instan, konsumsi data yang lebih rendah, dan aksesibilitas yang besar adalah fitur yang dicari Twitter.

Hasil

Hasilnya ternyata sangat mengesankan – angka-angka berbicara sendiri:

  • 20% penurunan rasio pentalan,
  • Kenaikan 65% di halaman per sesi,
  • Kenaikan 75% dalam Tweet yang dikirim.
Statistik PWA Twitter
Sumber: pwastats.com

Seperti dalam kisah sukses sebelumnya, pemberitahuan prompt dan pushtambahkan ke layar utama” meningkatkan keterlibatan pengguna secara signifikan . Seperti yang dilaporkan dalam Studi Kasus ini, Twitter memperhatikan bahwa 250.000 pengguna harian yang unik menjalankan Twitter Lite dari layar beranda rata-rata 4 kali sehari. Terlebih lagi, mereka mengirim lebih dari 10 juta notifikasi push per hari

Statistik PWA waktu pemuatan Twitter
Sumber: pwastats.com

Menurut niat Twitter, PWA membutuhkan lebih sedikit ruang (hanya 600 KB) daripada aplikasi Android asli (23,5 MB), jadi ada kemungkinan lebih besar bahwa orang akan memiliki cukup ruang di penyimpanan internal mereka untuk menyimpannya.

Terlebih lagi, Twitter menambahkan mode penghemat data , yang membantu pengguna mengontrol jumlah data seluler yang digunakan. Berkat opsi ini, Anda dapat memilih gambar atau video mana yang ingin Anda muat sepenuhnya, dan mana yang mungkin hanya sebagai pratinjau.

 Bacaan yang disarankan: PWA SEO: Apakah Progressive Web Apps (PWA) Menguntungkan SEO? (Dengan Stat dan Contoh)

Rangkullah Masa Depan Situs Web

PWA adalah masa depan aplikasi seluler. Ada kemungkinan bahwa mereka akan menggantikan aplikasi asli dengan waktu, menjadi kombinasi sempurna dari aplikasi asli dan situs web. Di dunia di mana kecepatan untuk mengadopsi teknologi baru merupakan keunggulan kompetitif, bisnis yang berhasil merangkul PWA lebih awal, dapat secara signifikan mendorong pendapatan, meningkatkan keterlibatan pengguna sambil tetap menjadi yang terdepan dalam persaingan.

Di masa lalu, Apple memiliki beberapa batasan untuk Aplikasi Web Progresif, namun, sekarang mereka semakin mendukung PWA. Untuk pedagang online yang mencari PWA sempurna untuk situs web eCommerce Magento , di sini di SimiCart kami menawarkan paket lengkap untuk Anda dan toko Anda.