Panduan Utama Untuk Aplikasi Web Progresif pada tahun 2022 – dengan 50 Contoh PWA

Tertarik untuk membangun aplikasi web progresif? Panduan ini akan memberi tahu Anda semua yang perlu Anda ketahui – bersama dengan 50 contoh PWA terbaik di pasar!

Selama bertahun-tahun kami telah berkhotbah tanpa henti: Anda memerlukan aplikasi asli. Ada alasan bagus untuk itu, dan kami masih mendukungnya.

Platform kami, Berita, Kanvas, dan Kanvas untuk eCommerce telah membantu pelanggan kami untuk meningkatkan UX seluler, meningkatkan lalu lintas, membangun lebih banyak loyalitas, dan meningkatkan pendapatan. Aplikasi asli bekerja sangat baik untuk membangun hubungan yang lebih dalam dengan basis pengguna inti Anda, dan merupakan keharusan bagi merek apa pun yang menghargai loyalitas, keterlibatan, dan retensi.

Namun, tidak ada yang sempurna. Aplikasi asli bukan pengganti pengalaman web yang luar biasa.

Aplikasi asli hanya relevan bagi mereka yang telah menginstal aplikasi tersebut. Mereka tidak melakukan apa pun untuk pengunjung baru yang memeriksa Anda di web untuk pertama kalinya, pengguna biasa yang mampir sesekali dan belum cukup berkomitmen untuk menginstal aplikasi, atau pelanggan yang menggunakan desktop.

Pelanggan potensial ini juga sangat penting untuk kesuksesan. Kesan pertama sangat penting, dan aplikasi asli selalu membantu pada tahap awal corong. Anda perlu memberikan pengalaman yang cepat dan lancar untuk seluruh perjalanan. Bagaimana?

Masukkan aplikasi web progresif (PWA). Jika Anda memiliki situs web, dan itu sangat penting bagi Anda atau bisnis Anda – Anda memerlukan PWA.

Dalam artikel ini kita akan mendefinisikan aplikasi web progresif, mendiskusikan manfaat terpentingnya, dan membagikan 50 contoh PWA terbaik di internet.

Kami akan menyelesaikan dengan beberapa petunjuk tentang cara membangun PWA, dan bagaimana mereka bekerja dengan aplikasi seluler asli untuk membuat kombo UX seluler yang unggul. Mari selami. Di akhir artikel ini, Anda akan mengetahui semua yang perlu Anda ketahui untuk memulai proyek aplikasi web progresif Anda.

Kita akan mulai dengan pertanyaan mendasar – apa itu PWA?

Apa Sebenarnya Aplikasi Web Progresif itu ? Mari kita definisikan PWA

Aplikasi web progresif menggabungkan yang terbaik dari web dengan fitur yang sebelumnya hanya dimungkinkan pada aplikasi asli.

PWA hidup di peramban seperti situs web tradisional dan sepenuhnya terhubung ke infrastruktur tautan dan indeks mesin telusur web. Seperti aplikasi asli meskipun mereka dapat diluncurkan dari ikon layar beranda, mengirim pemberitahuan push ke perangkat pengguna, memuat dalam sepersekian detik, dan dibuat untuk bekerja secara offline.

Aplikasi web progresif tidak terpisah dari situs Anda. Mereka adalah peningkatan situs Anda yang memperbaruinya dengan praktik terbaik saat ini dan memanfaatkan teknologi web canggih seperti pekerja layanan untuk memberikan pengalaman seperti aplikasi dari dalam browser seluler.

Mungkin Anda masih tidak yakin persis apa itu.

Ini dapat dimengerti, karena istilah ini sering dibicarakan tetapi definisi yang solid sulit dipahami. Mari kita lihat sejarah istilah untuk memperjelas hal-hal.

Definisi Asli dari Aplikasi Web Progresif

Istilah "Aplikasi Web Progresif" diciptakan pada tahun 2015 oleh Francis Berriman dan insinyur Google Alex Russell. Mereka telah mengamati kemunculan kelas baru aplikasi web, dan saat makan malam memutuskan untuk mendefinisikan dan menamainya.

Mereka datang dengan kriteria berikut:

• Responsif: agar sesuai dengan faktor bentuk apa pun
• Konektivitas independen : Semakin ditingkatkan dengan Service Worker agar mereka bekerja secara offline
• Interaksi seperti aplikasi: Mengadopsi model aplikasi Shell + Konten untuk membuat navigasi & interaksi aplikasi
• Segar : Transparan selalu up-to-date berkat proses update Service Worker
• Aman : Disajikan melalui TLS (persyaratan Service Worker) untuk mencegah pengintaian
• Dapat ditemukan : Dapat diidentifikasi sebagai "aplikasi" berkat W3C Manifests dan cakupan pendaftaran Service Worker yang memungkinkan mesin telusur menemukannya
• Re-engageable : Dapat mengakses UI re-engagement dari OS; misalnya Pemberitahuan Dorong
• Dapat dipasang : ke layar beranda melalui petunjuk yang disediakan browser, memungkinkan pengguna untuk "menyimpan" aplikasi yang menurut mereka paling berguna tanpa kerumitan toko aplikasi
• Dapat ditautkan : artinya tidak ada gesekan, pemasangan nol, dan mudah dibagikan. Kekuatan sosial URL penting.

Anda dapat melihat bagaimana kriteria ini memenuhi bagian "aplikasi web" dari definisi.

Selama bertahun-tahun perusahaan seperti kami dan lainnya menciptakan platform yang memungkinkan bisnis menciptakan pengalaman aplikasi dengan teknologi web. Ini bekerja dengan baik hingga hari ini, tetapi ada pengorbanannya. Untuk menciptakan pengalaman aplikasi asli yang hebat, Anda kehilangan kemampuan untuk ditemukan dan ditautkan dari web.

Teknologi web baru seperti pekerja layanan (kita akan membahasnya nanti) muncul dan mengubah banyak hal – memungkinkan pengembang membangun pengalaman yang menggunakan UX aplikasi asli terbaik dan memasukkannya ke dalam browser, sehingga mempertahankan semua manfaat web.

Anda tidak perlu lagi menerima UX web seluler biasa-biasa saja, sambil mendorong orang untuk mengunduh aplikasi asli Anda untuk mendapatkan yang sebenarnya. Anda dapat memberikan pengalaman seluler yang luar biasa di App Store dan web, kepada semua orang yang berinteraksi dengan merek Anda secara online.

Inilah yang diamati Berriman dan Russell. Mereka tidak menemukan apa pun, mereka melihat pergeseran di web dan menamakannya.

Bagaimana dengan bagian "progresif"?

Dalam konteks ini, ini berarti bahwa aplikasi dibuat dengan peningkatan progresif . Ini adalah teknik desain yang berfokus pada membangun pengalaman "dasar" yang berfungsi untuk semua orang tetapi meningkatkan dan menyempurnakan perangkat yang lebih canggih. Pengalaman aplikasi web progresif tidak selalu sama untuk semua pengguna, itu menyesuaikan berdasarkan kekuatan perangkat mereka serta izin yang mereka berikan.

Jadi, apakah definisi Berriman dan Russell cukup? Masalahnya, hanya sedikit PWA yang benar-benar memenuhi semua kriteria tersebut. Mereka lebih seperti daftar keinginan, atau target untuk dituju, atau kasus model.

Definisi Google tentang Aplikasi Web Progresif

Microsoft telah antusias dengan PWA selama beberapa waktu. Apple mengambil beberapa meyakinkan dan sekarang (kebanyakan) masuk. Namun, di antara teknologi besar, Google-lah yang benar-benar memperjuangkan PWA sejak awal.

Yang mengatakan, Google sendiri tampaknya tidak 100% yakin tentang definisi tersebut. Kembali pada tahun 2015 mereka mengeluarkan daftar 10 karakteristik, kemudian menguranginya menjadi enam, lalu menambahkan tiga yang baru.

Saat ini, definisi Google tentang aplikasi web progresif mencakup tiga pilar. Di halaman pengantar mereka, mereka menyatakan bahwa PWA adalah:

“Aplikasi web yang telah dirancang sedemikian rupa sehingga mampu, andal , dan dapat diinstal . Ketiga pilar ini mengubahnya menjadi pengalaman yang terasa seperti aplikasi khusus platform”

Ini lebih bermanfaat, tetapi tidak terlalu membantu karena sangat luas. Ini mengisyaratkan titik kuncinya, bahwa PWA membawa pengalaman ke web yang secara tradisional dikaitkan dengan platform asli secara eksklusif.

Definisi Teknis Aplikasi Web Progresif

Cara ketiga kita dapat mendefinisikan PWA adalah dengan menentukan kriteria murni teknis, bukan UX.

Inilah yang dicoba oleh pengembang dan penulis web Jeremy Keith dalam posting blognya di tahun 2017 Apa itu Aplikasi Web Progresif? .

Keith berpendapat bahwa kebingungan tentang definisi PWA tidak berdasar dan pada dasarnya, tiga kriteria harus dipenuhi:

1. HTTPS – PWA harus berjalan di server aman yang menggunakan HTTPS. Pekerja layanan sangat penting untuk potensi mereka, dan mereka hanya dapat digunakan jika Anda memiliki HTTPS.
2. Service Worker – pada dasarnya adalah file JavaScript yang berjalan secara terpisah dari “utas” browser utama dan memungkinkan pengembang mengontrol cara aplikasi menangani permintaan jaringan dan cache. Ini membantu mendorong kecepatan dan kemampuan offline PWA yang mengesankan.
3. Manifes Aplikasi Web – file JSON yang menyediakan deskripsi aplikasi ke browser, termasuk detail seperti nama, penulis, ikon, deskripsi, dan sumber daya untuk menjalankannya. Ini memastikan bahwa aplikasi dapat ditemukan.

Keith melanjutkan dengan mencatat bahwa ini adalah definisi yang minimal dan sederhana. PWA mampu melakukan lebih banyak hal, tetapi mereka harus memenuhi tiga kriteria teknis ini untuk melakukan pemotongan.

Jadi kita telah melihat definisi observasional/aspirasi asli, definisi berbasis UX Google, dan definisi teknis minimalis. Apa yang bisa kita duga? Meskipun mungkin masih ada sedikit ambiguitas, kami sekarang memiliki ide bagus tentang apa itu aplikasi web progresif.

PWA adalah situs web modern, aman, memuat cepat yang menggunakan teknologi web mutakhir untuk mencapai karakteristik ini. Tidak seperti situs web tradisional, ia bekerja dan terasa bagi pengguna seperti aplikasi asli – dan “melarikan diri” dari tab browser dalam prosesnya.

Seperti yang dikatakan Alex Russell:

“Aplikasi ini tidak dikemas dan disebarkan melalui toko, itu hanya situs web yang mengambil semua vitamin yang tepat”

Ini adalah cara yang bagus untuk meletakkannya. PWA adalah generasi terbaru dari web. Mereka adalah aplikasi web yang mampu memanfaatkan potensi teknologi browser modern. Dengan mengubah situs web Anda sendiri menjadi PWA, Anda memberinya "vitamin" yang diperlukan agar berfungsi secara optimal.

Sekarang kita akan beralih ke manfaat membangun aplikasi web progresif, sebelum melihat 50 contoh PWA untuk menginspirasi proyek Anda.

Manfaat Aplikasi Web Progresif

Kami telah menyatakan sebelumnya bahwa jika Anda memiliki situs web, dan itu terkait dengan kesuksesan bisnis Anda – Anda perlu membangun PWA.

Itu mungkin tampak seperti pernyataan yang berani, tapi itulah kenyataannya. Mengapa?

Singkatnya, dengan tidak membangun PWA, Anda kemungkinan besar meninggalkan pelanggan, pendapatan, dan pertumbuhan di atas meja. Seperti yang dikatakan Pete LePage dan Sam Richard dari tim web Google:

“Angka tidak berbohong! Perusahaan yang telah meluncurkan Progressive Web Apps telah melihat hasil yang mengesankan. Misalnya, Twitter mengalami peningkatan 65% di halaman per sesi, 75% lebih banyak Tweet, dan 20% penurunan rasio pentalan, semuanya sekaligus mengurangi ukuran aplikasi mereka lebih dari 97%. Setelah beralih ke PWA, Nikkei melihat 2,3 kali lebih banyak lalu lintas organik, 58% lebih banyak langganan, dan 49% lebih banyak pengguna aktif harian. Hulu mengganti pengalaman desktop khusus platform mereka dengan Progressive Web App dan mengalami peningkatan kunjungan kembali sebesar 27%”

Ini hanya menggores permukaan.

Mari kita lihat hasil yang telah dicapai oleh merek terkenal lainnya sebagai konsekuensi langsung dari peluncuran PWA.

• Alibaba meningkatkan konversi web seluler sebesar 76%, melihat 14% lebih banyak pengguna aktif di iOS dan 30% di Android
• Debenhams mengalami peningkatan pendapatan seluler sebesar 40%, peningkatan konversi sebesar 20%, dan pertumbuhan online di atas pasar
• Pinterest mengalami peningkatan 40% dalam total waktu yang dihabiskan, 44% pertumbuhan pendapatan iklan yang dihasilkan pengguna, dan 60% lebih banyak keterlibatan inti
• Forbes mendapatkan peningkatan sesi per pengguna sebesar 43%, peningkatan visibilitas iklan sebesar 20%, dan keterlibatan 100% lebih banyak
• BMW melihat peningkatan 30% dalam RKT ke situs penjualan mereka, waktu muat 4X lebih cepat, pertumbuhan pengguna seluler 50%, dan lalu lintas organik 49% lebih banyak
• MakeMyTrip meningkatkan kecepatan halaman sebesar 38%, rasio konversi tiga kali lipat, dan melihat peningkatan 160% dalam sesi pembelanja
• AliExpress meningkatkan tingkat konversi untuk pengguna baru sebesar 104% (+82% di iOS) dan melihat peningkatan 74% dalam waktu yang dihabiskan per sesi dengan 2x lebih banyak halaman yang dikunjungi per sesi
• Housing.com mendapatkan konversi 38% lebih banyak, sesi rata-rata 10% lebih lama, rasio pentalan 40% lebih rendah – dan waktu pemuatan halaman 30% lebih cepat secara keseluruhan
• Wego melipatgandakan RKT iklan, dan melihat 26% lebih banyak pengunjung dan 95% lebih banyak konversi secara keseluruhan. Di iOS, mereka mendapat peningkatan konversi yang mengesankan sebesar 50% dan peningkatan durasi sesi sebesar 35%
• Treebo mengalami peningkatan konversi 4x dari tahun ke tahun. Pengguna berulang yang dikonversi 3x lebih tinggi.
• Tinder lebih dari separuh waktu pemuatan dari 11,91 detik menjadi 4,69 detik dan meningkatkan interaksi dengan PWA 90% lebih kecil dari aplikasi asli mereka

Bagaimana semua hasil yang menakjubkan ini mungkin? Sebagian besar bermuara pada fakta bahwa PWA memberikan pengalaman pengguna yang jauh lebih baik, dan hasil bisnis yang luar biasa mengalir darinya.

Padahal ada lebih dari itu. Mari kita lihat lebih detail beberapa manfaat utama aplikasi web progresif, dimulai dengan yang paling penting – kecepatan.

PWA sangat cepat

Konsumen modern mengharapkan pemuatan instan. Jika sesuatu tidak dimuat dalam sekejap, banyak yang akan kehilangan minat, mungkin secara permanen. Ini cukup jelas, dan didukung oleh banyak data:

• Hampir 50% pengguna mengatakan frustrasi utama mereka di seluler adalah menunggu halaman yang lambat dimuat (sumber)
• Halaman yang dimuat dalam 2 detik memiliki rasio pentalan 9%, laman yang membutuhkan waktu 5 detik memiliki rasio pentalan 38% (sumber)
• “Penurunan tajam dalam rasio konversi” dikaitkan dengan peningkatan waktu muat rata-rata dari 1 hingga 4 detik (sumber)
• Setiap peningkatan 1 detik dalam waktu buka meningkatkan tingkat konversi sebesar 2%, sementara peningkatan 100 milidetik menghasilkan hingga 1% lebih banyak pendapatan tambahan (sumber)

Pada dasarnya semakin cepat situs Anda dimuat, semakin baik. Jika Anda membuat pelanggan/pembaca/pengguna Anda menunggu, maka % dari mereka akan terpental dan tidak memberi Anda uang mereka.

Meningkatkan kecepatan situs mendorong hasil yang lebih baik secara menyeluruh. Itu saja.

Jadi bagaimana PWA dapat membantu Anda mencapai hal ini? Aplikasi web progresif cepat. Sangat cepat.

Pinterest misalnya, berhasil memangkas waktu pemuatan "waktu untuk interaktif" mereka dari 23 detik yang lamban menjadi hanya 5,6 detik. Ini rata-rata perangkat keras Android melalui koneksi 3G yang lambat. Ini memiliki dampak langsung yang disambut baik pada metrik utama.

Tidak buruk sama sekali. Hasil Pinterest sama sekali tidak biasa.

Platform streaming ZEE5 melipatgandakan kecepatan situs dan mengurangi separuh waktu buffering dengan membangun PWA. PWA Uber dimuat dalam waktu kurang dari 3 detik di jaringan 2G. Forbes memangkas waktu pemuatan seluler dari 6,5 detik di situs seluler sebelumnya menjadi hanya 2,5 detik dengan PWA-nya.

Peningkatan kecepatan dijamin saat Anda membuat aplikasi web progresif yang dirancang dengan baik dan bagus.

Mengapa Aplikasi Web Progresif begitu Cepat?

PWA sangat cepat berkat pekerja layanan yang sangat penting. Seperti yang dikatakan Jason Grigsby dalam bukunya yang sangat bagus, Progressive Web Apps:

“Aplikasi web progresif menggunakan pekerja layanan untuk memberikan pengalaman yang sangat cepat. Pekerja layanan memungkinkan pengembang untuk secara eksplisit menentukan file apa yang harus disimpan browser di cache lokalnya dan dalam keadaan apa browser harus memeriksa pembaruan ke file cache. File yang disimpan di cache lokal dapat diakses jauh lebih cepat daripada file yang diambil dari jaringan”

Grigsby selanjutnya menjelaskan bahwa:

“Ketika seseorang meminta halaman baru dari aplikasi web progresif, sebagian besar file yang diperlukan untuk merender halaman itu sudah disimpan di perangkat lokal. Ini berarti bahwa halaman dapat dimuat hampir secara instan karena semua yang perlu diunduh browser adalah informasi tambahan yang diperlukan untuk halaman itu”

Salah satu keuntungan tradisional dari aplikasi asli adalah mereka bisa secepat kilat. Mereka mencapai ini dengan cara yang sama – semua file yang diperlukan untuk menjalankan aplikasi diunduh saat Anda menginstalnya, dan hanya perlu mengambil data baru. Pekerja layanan memungkinkan aplikasi web progresif menghadirkan kinerja mengesankan yang serupa ke web!

PWA Menyediakan UX Seperti Aplikasi di Web

Kecepatan, yang telah kita bahas, jelas merupakan bagian besar dari UX. Ada faktor penting lainnya dan PWA juga membantu di sini.

Aplikasi seluler asli telah lama menjadi standar emas untuk UX seluler. Mereka masih (setidaknya dalam beberapa hal), tetapi PWA sekarang dapat mencocokkan banyak rasa dan fungsinya langsung dari browser.

Misalnya, PWA dapat:

• Bekerja offline atau dalam kondisi jaringan yang buruk (lebih lanjut tentang ini selanjutnya)
• Diinstal di perangkat pengguna dan diakses melalui ikon layar beranda seperti aplikasi asli
• Kirim pemberitahuan push ke layar kunci perangkat (sayangnya hanya di Android)
• Dikembangkan untuk menghadirkan layar penuh, pengalaman "mendalam" dengan struktur navigasi yang meniru aplikasi asli
• Manfaatkan animasi seperti aplikasi asli
• Dikembangkan untuk mengakses perangkat keras perangkat seperti kamera dan GPS

Web seluler awal cukup kasar. Paradigma lama dari browser desktop adalah "dibaut ke" smartphone di mana itu tidak benar-benar cocok. Era desain responsif meningkatkan ini secara signifikan, tetapi selalu ada sesuatu yang kurang.

Aplikasi asli dibuat dengan jelas untuk ponsel cerdas. Mereka selalu menyesuaikan pengalaman perangkat dengan lebih baik. PWA telah mengaburkan garis ini, perbedaan dalam hal pengalaman mungkin sulit untuk ditentukan.

Misalnya – apakah Anda pernah menggunakan Instagram Lite, Google Maps Go atau Twitter Lite?

Anda dapat mengunduhnya di Google Play store dan memeriksanya – dan melihat bagaimana rasanya seperti aplikasi asli lainnya.

Anda akan dimaafkan jika berasumsi bahwa ini adalah versi yang lebih ringan dan lebih ramping dari aplikasi asli utama mereka. Seperti yang mungkin sudah Anda duga – mereka adalah aplikasi web progresif.

Ini menunjukkan potensi PWA untuk menciptakan kembali pengalaman aplikasi asli yang kita semua kenal dan sukai. Ketika kita masuk ke contoh sedikit kemudian, Anda akan melihat dengan tepat apa yang kami maksud!

Catatan: Anda mungkin telah memperhatikan bahwa PWA ini aktif di Google Play store. Google membuka Play Store untuk PWA pada awal 2019! Ini menunjukkan betapa yakinnya mereka tentang masa depan PWA sebagai aplikasi lintas platform yang sesungguhnya. Anda harus melewati beberapa rintangan untuk mendapatkan PWA Anda di sana, tetapi itu pasti mungkin. Sampai sekarang, tidak ada informasi dari Apple tentang apakah ini akan memungkinkan di App Store iOS.

PWA dapat diandalkan

Kita semua pernah mengalami mencoba menggunakan situs web atau aplikasi web pada koneksi seluler yang goyah. Ini tidak menyenangkan.

Sekali lagi terima kasih kepada pekerja layanan, yang menentukan secara spesifik apa yang harus di-cache oleh browser secara lokal – PWA dapat dibuat untuk menawarkan pengalaman yang cepat dan penuh bahkan ketika pengguna memiliki konektivitas yang buruk.

Ini juga bisa diambil selangkah lebih maju. Melalui “precaching”, yaitu ketika seluruh aplikasi diunduh dan disimpan pada kunjungan pertama, PWA juga dapat berfungsi sepenuhnya offline!

Ini sangat penting, ketika Anda mempertimbangkan berapa banyak orang yang masih tinggal di pedesaan dan daerah yang kurang terlayani, dan miliaran atau lebih orang yang online untuk pertama kalinya selama beberapa tahun ke depan – banyak dari mereka tidak akan menikmati konektivitas tanpa cela.

PWA Aman, Efisien, dan Dapat Beradaptasi

Agar pekerja layanan dapat melakukan tugasnya, situs web Anda harus sepenuhnya aman dengan HTTPS.

Mudah-mudahan sudah, tetapi jika tidak membangun PWA akan memaksa Anda untuk melakukan semua pekerjaan yang diperlukan untuk membuat situs Anda 100% aman.

PWA juga sangat efisien . Faktor utama yang membuat orang berhenti mengunduh aplikasi seluler asli adalah ruang penyimpanan yang tersedia di perangkat mereka. Seperti yang dikatakan oleh penulis The PWA Book:

“Mereka memperlakukan perangkat seluler mereka seperti kamera, komputer, buku catatan, asisten, dan – yang paling penting – sebagai perbendaharaan kenangan. Jika mengunduh aplikasi berarti mereka harus mengorbankan foto atau pesan berharga, mereka berpikir tiga kali sebelum mengklik ya.”

PWA tidak memaksa orang untuk membuat keputusan sulit seperti itu. Mereka jauh lebih ringan daripada aplikasi asli, dan proses instalasi memiliki lebih sedikit gesekan (satu ketukan pada tombol dan pintasan dibuat di layar beranda). PWA memang membutuhkan sedikit ruang pada perangkat, tetapi dapat diabaikan jika dibandingkan.

Pekerja layanan yang mendorong efisiensi ini juga bertanggung jawab untuk mengurangi beban server dan meminimalkan risiko kinerja yang lamban dan mogok selama periode yang intens.

Aplikasi web progresif juga sangat mudah beradaptasi. Karena berbasis web, mereka dapat dipelihara, diperbarui lebih mudah daripada aplikasi seluler asli.

Saat Anda ingin mengubah atau memperbarui sesuatu yang dapat Anda gerakkan dengan cepat, tidak perlu berurusan dengan penjaga gerbang App Store, mengharuskan pengguna untuk memperbarui secara manual, atau mengontrak pengembang aplikasi asli khusus.

Ini semudah memperbarui situs Anda hari ini – dan pembaruan (diterapkan ke server) tersedia hampir seketika untuk pengguna.

PWA memungkinkan Anda Melibatkan Pengguna dengan Pemberitahuan Push

Kami telah berbicara tentang kekuatan pemberitahuan push selama bertahun-tahun. Mereka adalah cara terbaik untuk terlibat dan berkomunikasi dengan audiens Anda di seluler – tidak ada larangan. Anda dapat menggunakannya untuk memperbarui pengguna, mendorong mereka kembali ke aplikasi, mempromosikan penawaran dan produk, dan secara umum tetap menjadi yang teratas dalam kehidupan sibuk mereka.

Berikut adalah beberapa contoh bagaimana bisnis yang berbeda dapat menggunakan pemberitahuan push:

• Penerbit Berita

“Breaking News, X dan Y baru saja terjadi!”

Pemberitahuan push berfungsi dengan baik untuk penerbit digital, dan memungkinkan mereka mengarahkan lalu lintas kembali ke berita utama mereka dan memperingatkan pengguna dengan berita terbaru yang sensitif terhadap waktu.

• Toko eCommerce

“Penawaran khusus / Anda meninggalkan keranjang / barang Anda telah dikirim”

Push bekerja sangat baik untuk eCommerce. Aplikasi belanja secara teratur mengirimkan pemberitahuan untuk memperingatkan pengguna tentang penawaran dan produk baru, selalu memperbarui proses pengiriman, dan mengirimkan kode kupon khusus aplikasi.

• Platform dan Komunitas Sosial

“Temanmu baru saja mengirimimu pesan/permintaan pertemanan/membalasmu”

Kita semua mungkin pernah mengalami pesan push dari platform sosial sebelumnya. Mereka adalah bahan rahasia yang digunakan aplikasi sosial untuk membuat Anda kembali ke platform mereka, terlibat dan berinteraksi dengan pengguna lain.

Ini adalah beberapa kasus penggunaan. Tetapi pemberitahuan push benar-benar dapat menjadi dorongan besar untuk bisnis apa pun. Mereka adalah (dan masih) salah satu alasan terkuat untuk membangun aplikasi asli.

Sekali lagi terima kasih kepada pekerja layanan teman kami – Anda tidak memerlukan aplikasi asli lagi untuk mengirim pemberitahuan push. Anda dapat mengirimnya dari situs web Anda (jika Anda mengubahnya menjadi PWA).

Pemberitahuan push perlu digunakan dengan benar dan tidak disalahgunakan, tetapi pemberitahuan tersebut dapat membawa banyak manfaat dan manfaat besar dalam membangun PWA.

Misalnya setelah membangun PWA, Lancome melihat bahwa 8% konsumen yang mengetuk pemberitahuan push melakukan pembelian, dan meningkatkan tingkat konversi pada keranjang yang dipulihkan sebesar 12% melalui pemberitahuan push.

Satu lagi adalah eXtra Electronics, pengecer elektronik terkemuka di Arab Saudi. eXtra menghasilkan 100% lebih banyak penjualan dari pengguna yang datang melalui web push, dan memperhatikan bahwa mereka yang memilih untuk menerima pemberitahuan push kembali 4X lebih sering dan menghabiskan 2X lebih banyak waktu di situs. Chief Business Development Officer Mujeed Hazzaa mengatakan bahwa:

“Pemberitahuan Push adalah bagian besar dari strategi keterlibatan seluler kami. Ini adalah cara yang lebih pribadi untuk berkomunikasi dengan pelanggan kami. Itu sangat berharga bagi keuntungan kami.”

Saat Anda mengubah situs Anda menjadi aplikasi web progresif, Anda juga bisa mendapatkan hasil yang kuat untuk bisnis Anda. Ada satu peringatan besar – Anda hanya dapat menggunakannya di Android. iOS tidak mendukungnya, dan tidak ada yang menduga apakah akan mendukungnya. Jika pemberitahuan push penting bagi Anda dan Anda ingin mengirimkannya ke semua pengguna , maka Anda harus membuat aplikasi seluler asli.

Aplikasi Web Progresif akan Menumbuhkan Bisnis Anda

Kami telah melalui beberapa manfaat terpenting dari mengubah situs Anda menjadi aplikasi web progresif.

Intinya adalah bahwa mereka masuk akal untuk bisnis apa pun dengan situs web. Mereka memungkinkan Anda untuk meningkatkan seluruh UX web Anda, dan menawarkan pengalaman modern yang cepat yang dijamin akan meningkatkan metrik utama.

Apa kerugian membangun PWA?

Tidak ada yang benar-benar, kecuali waktu dan uang yang Anda butuhkan untuk berinvestasi untuk membangun satu. Meski begitu, PWA relatif terjangkau, dan sangat mungkin (lebih dari) membayar sendiri seiring waktu – terutama jika situs Anda terkait dengan segala jenis pendapatan melalui iklan, eCommerce, atau keanggotaan.

Masih perlu diyakinkan?

Mari kita ikat semuanya dengan beberapa contoh. Kami akan menyoroti 50 contoh aplikasi web progresif terbaik di internet, dan menunjukkan kepada Anda secara langsung apa yang telah kami diskusikan sejauh ini.

Contoh Aplikasi Web Progresif: 50 PWA Terbaik DI Internet pada tahun 2020

Jika Anda ingin mengembangkan PWA yang mengesankan, langkah pertama adalah melihat contoh aplikasi web progresif yang sukses untuk mendapatkan inspirasi.

Sebagai bagian dari misi kami untuk menginspirasi Anda, kami telah mengumpulkan 50 contoh model PWA terbaik saat ini. Anda dapat melompat ke bagian yang paling relevan dengan bisnis Anda sendiri, membaca sekilas daftar sampai sesuatu menarik perhatian Anda, atau membaca semua contoh aplikasi web progresif untuk mendapatkan gambaran umum yang bagus!

Mari masuk ke 50 contoh PWA terbaik kami.

eCommerce dan Ritel

Starbucks

Untuk salah satu rantai kopi paling populer di dunia, Starbucks mengembangkan PWA untuk meningkatkan keterlibatan pelanggan dengan menampilkan program loyalitas dan proses pemesanan yang lebih mudah.

Aplikasi ini dirancang untuk menggantikan aplikasi seluler lama untuk menjaga interaksinya lebih baik, apa pun perangkatnya.

Pengguna dapat melihat bagian Rewards terlebih dahulu di mana pelanggan dapat menukarkan makanan dan minuman gratis, hadiah ulang tahun, isi ulang, dan opsi pembayaran saat memesan melalui smartphone mereka.

Halaman aplikasi lainnya menampilkan pesanan khusus, ketersediaan toko, detail pengiriman, dan menu aplikasi.

Dan seperti memesan dari barista, memesan minuman favorit Anda memungkinkan Anda untuk menyesuaikan ukuran, tambahan, dan opsi pengambilannya. Starbucks juga menambahkan bagian Informasi Nutrisi, Bahan dan Alergen untuk mereka yang memantau diet mereka.

Apa yang kami sukai dari PWA eCommerce ini:

• Bekerja dengan baik bahkan dalam koneksi jaringan yang lemah
• Terintegrasi penuh dengan platform dan layanan lain dari merek lain seperti Spotify, Lyft, dan Ford
• Proses pembayaran dan checkout seluler yang mulus
• Desain yang sangat ramah pengguna

jumia

Seperti apa Alibaba bagi China, Jumia bagi Afrika. Pasar online yang sukses ini pertama kali diluncurkan di Nigeria pada tahun 2012 dan kemudian dengan cepat mengambil alih industri eCommerce Afrika sejak saat itu.

Pada tahun 2016, ia meluncurkan PWA sebagai jawaban atas koneksi internet yang tidak stabil di wilayah sub-Sahara. Dengan PWA, ia mampu menyudutkan sebagian besar pasar dengan mengandalkan jaringan 2G dengan batasan data.

Memperkenalkan PWA adalah solusi sempurna untuk memberikan pengalaman pengguna seperti aplikasi tanpa menghabiskan bandwidth data yang besar.

Hasil? Menurut Google, perusahaan meningkatkan tingkat konversinya sebesar 33% dan meningkatkan penggunanya 12 kali lebih banyak (dibandingkan dengan aplikasi asli). Selain itu, ini telah sangat mengurangi rasio pentalan dan persyaratan penyimpanan perangkat pengguna.

Apa yang kami sukai dari PWA eCommerce ini:

• Akses offline yang andal
• Kemampuan pencarian cepat
• Proses loading cepat
• Instalasi mudah

OLX.in

Ketika datang ke PWA untuk pasar online, percayai perusahaan iklan baris India OLX.in. Dengan kategori kuat yang terbentang dari properti hingga mode, penjual dan pembeli lebih cocok dengan PWA perusahaan.

Pengguna dapat dengan mudah melihat kemudahan menggunakan aplikasi saat mereka mencari produk tertentu atau mendapatkan penawaran hebat dari penjual.

OLX mengungkapkan bahwa mereka telah mengalami CTR yang lebih tinggi pada iklannya dan penurunan besar 80% dalam rasio pentalan sejak beralih ke PWA seperti yang dilaporkan oleh Google.

Apa yang kami sukai dari PWA eCommerce ini:

• Pemberitahuan push bahkan dalam mode offline
• Fitur integrasi kamera yang mudah dibuat untuk penjual
• Fitur riwayat pencarian

Flipkart

Pesaing lain di kancah eCommerce India adalah Flipkart terus mendefinisikan ulang pengalaman belanja online dengan PWA-nya.

Saat pengguna menggulir ke bawah melalui aplikasi, kategori produk, penawaran terbatas, buku terlaris, dan diskon disajikan, dengan tujuan menarik pelanggan untuk menelusuri dan menghabiskan lebih banyak waktu di aplikasi.

PWA Flipkart dimulai pada tahun 2015 melalui Flipkart Lite. Perusahaan ingin membuat belanja lebih mudah diakses di antara orang India bahkan jika koneksi internet terputus-putus di sebagian besar wilayah.

Apa yang kami sukai dari PWA eCommerce ini:

• Pemberitahuan push untuk berita dan pembaruan terbaru konsisten
• Proses pembelian online disederhanakan
• Kemampuan pencarian akurat

Rumus Murni

Menyadari bahwa pasar suplemen kesehatan menjadi lebih kompetitif dari sebelumnya, Formula Murni yang berbasis di AS dianggap sebagai pelopor dalam industri ini ketika meluncurkan PWA-nya sendiri.

Setelah mengetahui bahwa situs web dan aplikasi selulernya mengalami rasio pentalan yang sangat tinggi karena proses pembayaran yang lamban, perusahaan mengembangkan PWA yang memberi mereka perubahan haluan total.

Ini melaporkan konversi yang lebih tinggi dan peningkatan nilai pesanan rata-rata (AOV).

Apa yang kami sukai dari PWA eCommerce ini:

• Proses checkout yang sangat nyaman
• Desain minimalis
• Persyaratan penyimpanan perangkat yang sangat ringan
• Transaksi yang sangat aman

AliExpress

Dengan PWA yang sangat responsif, Ali Express dianggap sebagai salah satu aplikasi paling diminati saat ini untuk transaksi B2C.

Berkat cakupan kategori produk yang luas dari perusahaan, pengguna dapat menelusuri ribuan opsi tanpa memperlambat pemuatan halaman menggunakan PWA.

Sejak diluncurkan, AliExpress telah mengumumkan bahwa mereka telah mengalami keterlibatan kembali dan statistik konversi yang lebih baik berkat PWA-nya.

Apa yang kami sukai dari PWA eCommerce ini:

• Navigasi produk yang mudah
• Waktu pemuatan lebih cepat
• Tata letak yang ramah pengguna

Alibaba

Jack Ma's The Alibaba Group tidak perlu diperkenalkan lagi dalam hal kesuksesan Alibaba PWA-nya. Aplikasi eCommerce B2B adalah model ideal untuk PWA apa pun: cepat, responsif, ringan, dan sangat menarik.

Alibaba berhasil dalam hal peluncuran web seluler dan aplikasi selulernya. Namun, itu perlu memojokkan sebagian besar pasar melalui peningkatan keterlibatan. Dan PWA perusahaan adalah solusi sempurna untuk itu.

Ini melaporkan peningkatan 76% dalam total konversi menurut Google.

Apa yang kami sukai dari PWA eCommerce ini:

• Navigasi produk yang mudah
• Integrasi dengan alat situs web seperti Umpan, Messenger, dan akun Alibaba Saya
• Waktu pemuatan lebih cepat

Target

Tidak mau kalah dengan pesaingnya, jaringan ritel terbesar kedelapan di Amerika, Target, dengan cepat bertindak dalam studi analisis pelanggannya. Pada tahun 2015, ia menemukan bahwa pelanggannya memulai perjalanan mereka di perangkat seluler mereka dan kemudian melakukan pembelian menggunakan komputer mereka.

Manajemen berpikir untuk memperkenalkan PWA dan sejak itu, pengguna aplikasinya telah meningkat dalam jumlah besar dan transaksi online telah meningkat secara signifikan tanpa mengasingkan pengguna di perangkat yang berbeda.

Apa yang kami sukai dari PWA eCommerce ini:

• Opsi tambahkan ke troli yang mudah
• Memuat gambar dengan cepat terlepas dari ukurannya

Walmart

Untuk pengalaman aplikasi yang mulus, PWA Walmart baru saja mencapai daftar panjang pengembang aplikasi. Dengan ribuan penawaran produk, raksasa ritel ini mampu mengintegrasikan pembelian online dan pilihan pengambilan/pengiriman untuk setiap transaksi.

Fitur pelacakan geografisnya memantau item terlaris di area pengguna, yang memungkinkan aplikasi menawarkan rekomendasi berdasarkan daftar tersebut.

Akhirnya, penggunaan pemberitahuan push yang efektif memungkinkan perusahaan untuk memperkenalkan basis penggemar setianya dengan penawaran luar biasa dan penemuan baru.

Apa yang kami sukai dari PWA eCommerce ini:

• Bagian umpan balik
• Fitur pelacakan geografis
• Antarmuka yang sangat responsif
• Performa mulus di jaringan yang tidak stabil

Macy's

Merek ritel kelas atas, Macy's, memiliki tujuan saat meluncurkan PWA-nya: memberikan pengalaman terbaik bagi jutaan pengunjung bulanannya.

Menyadari pertumbuhan pengguna aplikasinya, PWA perusahaan adalah tambahan yang disambut baik untuk alat konsumennya agar pembeli tetap mengikuti apa yang baru di rak-rak toko.

Apa yang kami sukai dari PWA eCommerce ini:

• Alat pencari toko yang andal
• Tata letak produk yang terorganisir

Lancome

Merek kosmetik mewah Prancis Lancome mengalami hambatan dalam penjualan online mereka: pengguna seluler meningkat tetapi konversi menurun.

Untuk memahami masalah ini, perusahaan melihat perilaku pelanggan dan menemukan bahwa mereka memiliki pengalaman pengguna yang buruk di aplikasi seluler.

Merek beralih ke PWA untuk mengurangi waktu pemuatan dan membuat aplikasi sangat mudah diakses. Menurut Google, pemberitahuan push berkontribusi 12% dalam konversi dan sesi seluler melonjak menjadi 51%.

Apa yang kami sukai dari PWA eCommerce ini:

• Fast search results
• Navigasi yang mudah

News

Financial Times

The Financial Times PWA is considered as one of the best PWAs in the news industry. Covering business and global markets, the app takes a similar look and feel of the paper with its traditional salmon-colored background.

The publication is one of the first news sites to abandon its native app and transition to a PWA. It works well even on slow networks, making news easily accessible for business people on the go.

What we like about this News Publisher PWA:

• Reliable offline
• Very fast loading time
• Real-time updates on content
• Seamless video content experience

Infobae

This Buenos Aires-based news website has proven to be successful in the PWA scene thanks to its Spanish readers. According to Google, the Latin American audience contributed to three times more page views compared to its old mobile site, and spent more sessions on the app as well.

Infobae switched from its mobile site to PWA in 2017 to improve the speed of access among its mobile users. This was influenced by the huge drop in session duration (3 minutes on mobile compared to 27 minutes on desktop).

What we like about this news publisher PWA:

• Very fast loading time
• High-quality visuals loading seamlessly
• Navigasi yang mudah

Nau.ch

One of Switzerland's leading news websites became extremely popular when it began flashing content in public areas such as terminals and petrol stations.

Nau (an abbreviation for “new”) was founded in 2007 with the goal of prominently displaying news in public transport to reach millions of commuters on their daily route.

To improve its reach, the company launched its PWA and has achieved 400 times more installations than its old mobile site in the first two days.

What we like about this news publisher PWA:

• Impressive user interface
• Navigasi yang mudah
• Content loads much faster relative to other news-related PWAs

Nikkei

Regarded as the world's largest financial newspaper (more than 3 million in daily circulation), Nikkei launched its PWA in 2017 with the goal of reducing load time, improve reader interaction and boost engagement.

Realizing that their website was not mobile-friendly (even taking more than 20 seconds to be fully interactive), the company assembled a team of five front-end engineers who worked on launching a PWA.

The result was truly impressive: improved loading speed, higher interactivity as well as better user experience with offline support according to Google.

What we like about this news publisher PWA:

• Prefetch feature (instant page navigation)
• Preloaded key requests
• Optimized JavaScript bundles
• Optimized images
• Enabled HTTP caching

The Washington Post

As a global authoritative news organization, The Washington Post has released one of the most responsive PWAs to reach out to a wider audience on mobile.

Launched in March 2016, the paper's goal is to provide “frictionless, uninterrupted reading.” This comes after its readers expressed their concerns over slow load times on its old mobile app.

With more than 1,000 articles published daily, they have announced that an 88% improvement in load times was initially observed. This has contributed to an increase in retention rate and longer readership according to Google.

What we like about this news publisher PWA:

• Fast loading time
• Real-time live updates
• Same look and feel as the website

Sedang

With social journalism becoming a necessity for readers and publishers alike, Medium has made a mark in the online publishing industry with its 120 million readers.

Medium's initial goal in 2012 was to reinvent the blogging platform through small stories that matter to any type of audience.

Now that it has grown into subscription-based service, its loyal users can follow exclusive content and audio narrations through its PWA even when working offline.

What we like about this news publisher PWA:

• Responsif
• Seamless functionality even on an unstable connection

Wired

When tech publisher Wired launched its PWA in 2017, its main objective was to increase its app's page speed and reach out to its 11 million users.

And true enough, it did. Not only did it result in higher readership but also more impressions per session, leading other Conde Nast publications to follow suit through what its chief of technology refers to as Alien Web Apps (AWA).

What we like about this news publisher PWA:

• Fast loading time
• Highly responsive
• Reliable background caching

Forbes

With almost a 50% lift in sessions, triple the rise in scroll depth and 100% boost in engagements according to Google, Forbes has definitely reaped the benefits of launching its fully functional PWA in 2017.

Its Chief Product Officer, Lewis Dvorkin, wanted a no-friction experience for its users to have content served to their devices the way they want.

In addition, Dvorkin states that the more people stay longer on their app, the more they view ads, thanks to increased personalization that yields better engagement.

What we like about this news publisher PWA:

• Stunning visual content
• Fast loading times
• Unique number of readers infographic

The Guardian

To make its online content more accessible, UK's leading news and media outlet, The Guardian, launched its PWA in 2017.

The app features high-quality images, interactive multimedia, and thousands of new content without compromising loading time and user experience.

The company also created a US-based innovation team called The Guardian Mobile Innovation Lab, which operated from 2015 to 2018, which explored mobile tools and chat apps to improve user experience.

What we like about this news publisher PWA:

• Customizable sections
• News alert feature
• Offline access

Sports Mole

Sports fans – football, F1, tennis, rugby, cricket, golf and even snooker – are able to enjoy Sports Mole's website features right in their own devices through the site's PWA.

Video clips, real-time scores and game schedules are just some of the exciting features in the PWA.

The result of this move led to higher readership rate and increased session time on the app.

What we like about this news publisher PWA:

• Search functionality
• Seamless video playback
• Real-time updates
• No lag on page transitions

The Weather Channel

Since the 1980s, The Weather Channel has been a trusted companion by travelers and households when it comes to providing an average of 40 billion daily weather forecasts.

While its previous native app was used by half of its total users through mobile web, the company found out that there are still users who don't enjoy reliable connections or are not equipped with advanced smartphones.

Through its PWA, The Weather Channel is able to cater to millions of its global users in 62 languages. Google reports that it has improved its page load time by 80% through the app.

What we like about this news publisher PWA:

• Search functionality
• Multiple language availability
• Pemberitahuan push

MyNet

Offering a wide range of content from news to sports, travel to education, and weather to finance, MyNet is one of Turkey's largest web portals.

Its old mobile site was plagued with complaints, most especially very slow loading speed. This led the company to develop a PWA to deliver fast and a highly engaging website.

Google reports that introducing PWA to MyNet's readers influenced a 15% rise in average views per session and a 23% drop in bounce rate.

What we like about this news publisher PWA:

• Pembaruan waktu nyata
• Fungsi pencarian

Direktori

Kopa

Sebelumnya dikenal sebagai PadPiper, Kopa adalah pasar untuk apartemen dan penyewa berperabotan. Ini menawarkan verifikasi untuk penyewa dan tuan rumah sewa sehingga mencocokkan mereka lebih aman.

PadPiper awalnya meluncurkan PWA untuk membantu siswa menemukan tempat tinggal yang sesuai selama tahun ajaran atau setelah mereka memulai magang. Itu juga berpikir untuk mengambil keuntungan dari kesempatan untuk menghubungkan siswa dan mencari tahu siapa yang bekerja di dekat mereka untuk pertandingan teman sekamar yang lebih mudah.

Apa yang kami sukai dari direktori PWA ini:

• Hasil pencarian cepat
• Fitur sewa hosting
• Desain minimalis

sewa

Marketplace persewaan kamera dan peralatan rumah tangga ini menjadi solusi bagi mereka yang membutuhkan barang-barang tersebut untuk sementara waktu.

Pengguna melakukan pemesanan secara online dan menunggu barang dikirim pada hari yang sama. Setelah masa sewa berakhir, pengguna harus mengembalikan barang atau memilih untuk membelinya.

PWA Rentio (dalam bahasa Jepang atau Inggris) menawarkan antarmuka yang mudah dinavigasi, hasil pencarian yang cepat, banyak kategori dan waktu respons yang cepat.

Apa yang kami sukai dari direktori PWA ini:

• Kemampuan pencarian
• Proses transaksi cepat
• Navigasi yang nyaman

Joppy

Sebagai platform rekrutmen pengembang, Joppy melayani perusahaan yang mencari bakat dan beberapa pelamar terbaik untuk peluang kerja teknologi.

Platform ini berfokus pada pencocokan preferensi pelamar dengan persyaratan yang ditetapkan oleh perekrut. Tapi tidak seperti di papan pekerjaan online lainnya, calon pekerjaan dapat mengatur profil mereka menjadi anonim sehingga tidak ada yang bisa mengganggu mereka dengan proposal yang tidak diminta.

PWA Joppy jelas dirancang untuk perekrut dan pelamar (yang sebagian besar berada di Barcelona) untuk membuat proses aplikasi lebih efisien.

Apa yang kami sukai dari direktori PWA ini:

• Waktu respons cepat
• Proses pencocokan cepat

Sewa Terbuka

Mencari pasar properti sewa Inggris bisa menjadi sakit kepala tanpa alat online yang tepat. Dengan PWA OpenRent, penyewa dan tuan tanah dapat dengan mudah mencari kecocokan yang tepat dalam hal properti yang tersedia.

PWA memberikan respon cepat dan update real-time. Ini sangat penting untuk situs karena OpenRent menghapus daftar segera setelah mereka diizinkan untuk menghindari iklan hantu yang menggagalkan penyewa potensial.

Apa yang kami sukai dari direktori PWA ini:

• Kemampuan filter hasil
• Penambahan properti yang mudah
• Waktu respons cepat

Penjualan mobil

Untuk marketplace mobil online di PWA, Carsales yang merupakan salah satu destinasi paling diminati pembeli mobil di Australia menawarkan banyak kemudahan bagi penggunanya.

Pembeli dapat mencari mobil berdasarkan tipe bodi, merek, harga, penawaran khusus. Penjual, di sisi lain, dapat meminta evaluasi mobil mereka dan Carsales akan mengurus sisanya.

PWA juga menawarkan kiat ahli melalui ulasan, rekomendasi, dan saran untuk merawat mobil Anda.

Apa yang kami sukai dari direktori PWA ini :

• Pengalaman mobile-first yang luar biasa
• Responsif terhadap ukuran layar apa pun
• Pengalaman offline yang mudah

carigami

Carigami adalah broker ritel mobil Prancis yang menghubungkan pemasok dan penyewa. PWA menyediakan perbandingan harga mobil yang dapat diandalkan sesuai dengan preferensi pencarian pengguna di kota, usia pengemudi, tanggal dan waktu.

Aplikasi mengembalikan hasil pencarian dalam hitungan detik lengkap dengan semua detail dari setiap rental mobil.

Apa yang kami sukai dari direktori PWA ini:

• Waktu pemuatan cepat
• Hasil pencarian yang akurat
• Filter pencarian

Bersinar

Shine adalah portal pekerjaan teratas kedua di India yang didirikan pada tahun 2008. Ini mencocokkan kandidat dengan lebih dari 15.000 perusahaan di berbagai industri.

PWA-nya adalah salah satu yang terbaik untuk situs pencocokan pekerjaan. Misalnya, mencari pekerjaan tertentu dapat dengan mudah disaring menurut keterampilan, penunjukan, departemen, industri, lokasi, dan pendidikan.

Pemberitahuan pekerjaan juga dikirimkan dengan mulus ke perangkat pengguna.

Apa yang kami sukai dari direktori PWA ini:

• Pemberitahuan push
• Dapat diakses sepenuhnya
• Halaman luring khusus

Sosial atau Komunitas

Rabuk

Ketika Tinder mengganggu pasar adegan kencan, banyak pengguna menyukai aplikasi ini karena pendekatan inovatifnya terhadap perjodohan.

Pada tahun 2017, perusahaan berinvestasi di PWA sendiri setelah tiga bulan pengembangan. Manfaatnya langsung terlihat. Pertama, ia mampu mengurangi investasi datanya dari 30 MB pada aplikasi aslinya menjadi hanya 2,8 MB pada PWA.

Itu juga melaporkan pemuatan halaman yang lebih cepat dan keterlibatan yang lebih baik oleh pengguna (dalam hal menggesek, mengirim pesan, membeli dan menghabiskan sesi).

Apa yang kami sukai dari PWA sosial ini:

• Pemberitahuan push
• Kemudahan penggunaan
• Kinerja yang dioptimalkan (pemecahan kode berbasis rute)

Pinterest

Selama tiga bulan, Pinterest, platform berbagi gambar dan media sosial yang populer, membangun PWA untuk memperluas basis pengguna internasionalnya. Menurut Google, dibandingkan dengan situs seluler lamanya yang 650 KB, ukuran 150 KB PWA sudah cukup untuk mengesankan penggunanya.

Pelanggan Pinterest sekarang juga dapat menunggu hanya 5,6 detik agar UI dapat digunakan dibandingkan dengan 23 detik sebelumnya pada aplikasi seluler sebelumnya.

Hasil awal transisi ke PWA menjanjikan: Lebih dari 40% peningkatan waktu yang dihabiskan untuk aplikasi, iklan yang dibuat pengguna naik 44%, klik-tayang iklan naik 50% dan keterlibatan inti meningkat 60%.

Apa yang kami sukai dari PWA sosial ini:

• Pemberitahuan push
• Penggunaan bandwidth rendah
• Dukungan offline yang mengesankan

Telegram

Telegram mengganggu layanan pesan instan pada tahun 2013 dengan menyediakan alat berbasis cloud yang kompatibel dengan perangkat yang berbeda.

Pada tulisan ini, lebih dari 400 juta pengguna aktif bulanan mengandalkan layanan aman lintas platform ini untuk bertukar pesan teks, foto, video, dan file audio.

Ketika PWA diluncurkan untuk menyediakan fungsionalitas yang sama dengan aplikasi seluler aslinya (tetapi dengan ukuran yang lebih ringan), perusahaan melaporkan peningkatan sesi per pengguna serta waktu retensi sebesar 50%.

Apa yang kami sukai dari PWA sosial ini:

• Dapat diinstal di iOS dan Android
• Dukungan offline
• Tampak

Indonesia

Salah satu PWA paling awal yang diluncurkan adalah dari Twitter dengan PWA Twitter Lite pada tahun 2017. Pengembang aplikasi kemudian menggunakannya sebagai model untuk mengintegrasikan fitur web dan aplikasi asli ke dalam aplikasi yang lebih ideal untuk seluler.

Menurut Google, tujuan PWA adalah untuk meningkatkan keterlibatan kembali 250.000 pengguna hariannya yang memeriksa akun mereka rata-rata empat kali setiap hari.

Dengan menurunkan konsumsi data, meningkatkan pemuatan instan (5 detik melalui jaringan 3G), dan meningkatkan keterlibatan pengguna, perusahaan melaporkan peningkatan 65% dalam tampilan halaman per sesi, 75% peningkatan Tweet terkirim, dan penurunan 20% dalam rasio pentalan .

Apa yang kami sukai dari PWA sosial ini:

• Browser dioptimalkan (pemecahan kode berbasis rute)
• Penggunaan bandwidth lebih sedikit
• Pembaruan cepat

Instagram

Instagram mengikuti strategi Twitter dalam menawarkan PWA segera setelah aplikasi yang terakhir dirilis. Di awal tahun 2020, Instagram juga mengupdate aplikasi Windows 10-nya menjadi PWA lengkap dengan direct messaging.

Sementara aplikasi aslinya masih dipasarkan, situs di browser seluler perangkat memberikan fungsionalitas dan pengalaman pengguna yang sama. Pengguna mendapatkan fitur yang sama yang telah lama mereka nikmati dari desktop dan aplikasi seluler.

Apa yang kami sukai dari PWA sosial ini:

• Pemberitahuan push
• Waktu pemuatan instan
• Respon cepat

Perjalanan dan Pemesanan

Airbnb

Airbnb adalah platform online yang menawarkan pengaturan nyaman untuk menyewa dan pengalaman wisata di seluruh dunia. Pada tahun 2008, perusahaan mulai menghubungkan pemilik rumah yang ingin menyewakan kamar ekstra mereka dengan pelancong yang mencari akomodasi terjangkau.

Sepuluh tahun kemudian, PWA ditingkatkan agar berfungsi dengan baik dengan Edge di Windows 10 seluler. Hasilnya adalah transisi halaman instan yang lebih mulus bagi pelanggan. Hingga saat ini, ada lebih dari 80 juta pengunjung setiap bulan di Airbnb, yang sebagian besar ada di aplikasinya.

Apa yang kami sukai dari PWA ini:

• Pemberitahuan push
• Respon cepat
• Gambar berkualitas tinggi yang dimuat dalam hitungan detik

Treebo

Pemimpin lain dalam industri pemesanan online adalah Treebo, platform reservasi hotel. Menawarkan pilihan akomodasi di lebih dari 165 kota di India, pengguna dapat membandingkan pilihan untuk penawaran terbaik.

Menurut Google, PWA-nya dimuat hanya dalam empat detik melalui jaringan 3G. Situs ini juga melaporkan bahwa ia telah mencapai lima kali lebih banyak klik dan meningkatkan tingkat konversinya hingga tiga kali lipat.

Apa yang kami sukai dari PWA ini:

• Render sisi server
• Waktu cepat untuk interaktif
• Render progresif (streaming HTML)

Kita pergi

Dijuluki sebagai situs terkait perjalanan terbesar di kawasan Asia Pasifik dan Timur Tengah, Wego telah mempertimbangkan perilaku konsumennya saat merancang PWA-nya.

Karena sebagian besar wisatawan mengandalkan ponsel mereka untuk menyimpan foto, ruang penyimpanan dapat dengan mudah habis. Selain itu, bepergian ke tempat yang berbeda dapat membuat frustasi dengan koneksi internet yang lambat dan tidak stabil.

Untuk memberikan kemudahan bagi penggunanya dalam memesan kamar hotel dan penerbangan, maka dibangunlah PWA. Wego mengumumkan bahwa mereka telah mengurangi waktu buka halaman dari 12 detik menjadi hanya di bawah tiga detik menurut Google.

Apa yang kami sukai dari PWA ini:

• Respon sangat cepat
• Desain minimalis
• Hasil pencarian yang akurat
• Ringan

BuatPerjalananku

Salah satu agen perjalanan online terkemuka di India, MakeMyTrip bergabung dengan kereta musik PWA untuk melayani 8 juta pengunjung bulanannya dengan lebih baik.

Setelah mengalami kesuksesan di aplikasi aslinya, perusahaan menemukan bahwa konektivitas terbatas di negara dengan batasan data pada smartphone yang lebih rendah dapat membuat akses pengguna sangat frustasi.

Selain itu, terlihat bahwa pengunjung menghabiskan lebih banyak waktu di situs web mereka daripada di aplikasi asli mereka. Oleh karena itu, mereplikasi pengalaman yang sama sangat penting bagi pengguna ponsel.

Hasilnya adalah peningkatan 160% dalam sesi pelanggan dan penurunan 20% dalam rasio pentalan menurut Google. Selain itu, pembeli pertama kali cenderung melakukan konversi tiga kali lebih banyak daripada mereka yang menggunakan aplikasi asli sebelumnya.

Apa yang kami sukai dari PWA ini:

• Navigasi yang mudah
• Dapat diinstal pada OS apa pun
• Waktu pemuatan cepat

Perjalanan mulai

Memanfaatkan keberhasilan pasar online, Jumia berkelana ke industri perjalanan dengan Jumia Travel. PWA-nya berperan penting dalam meningkatkan lalu lintas hingga dua belas kali lipat dan tingkat konversi sebesar 33% menurut Google.

Jumia Travel kemudian diakuisisi oleh Travelstart pada tahun 2019 untuk menciptakan salah satu platform terbesar di industri perjalanan. Pengguna seluler Jumia Travel dialihkan ke Travelstart bahkan di PWA di mana mereka dapat memesan penerbangan, akomodasi hotel, dan mobil untuk disewa.

Apa yang kami sukai dari PWA ini:

• Waktu pemuatan cepat
• Antarmuka yang sederhana

Trivago

Untuk mengakomodasi 120 juta pengunjung per bulan, perusahaan teknologi Jerman Trivago meluncurkan PWA untuk membantu lebih banyak pengguna mencari dan membandingkan harga hotel sebelum mereka melakukan perjalanan.

Mencakup hampir 200 situs pemesanan, aplikasi ini bekerja cepat dalam menghasilkan perbandingan harga. Pengguna juga dapat dengan mudah menggunakan peta Trivago, ulasan hotel yang sebenarnya, dan merujuk pada pencarian sebelumnya untuk menghemat waktu dan bandwidth.

PWA telah ditambahkan oleh lebih dari setengah juta pengguna dari 55 negara ke layar beranda mereka yang menghasilkan peningkatan 150% dalam keterlibatan dan 97% dalam klik-out ke penawaran hotel berdasarkan laporan Google.

Apa yang kami sukai dari PWA ini:

• Dapat diinstal di Android dan iOS
• Dukungan offline yang luar biasa
• Respon cepat
• Filter pencarian
• Dukungan multi-bahasa

Uber

PWA Uber adalah salah satu aplikasi yang dirancang paling unik saat ini. Perusahaan ride-hailing menempatkan aplikasi Window 10 di belakang layar pada tahun 2018 untuk mendukung PWA yang pertama kali diluncurkan pada Juli 2019.

Dibandingkan dengan aplikasi seluler aslinya, PWA Uber hanya membutuhkan ruang penyimpanan 50 KB. Ini memuat dengan sangat cepat, yang membuatnya sangat nyaman saat Anda terjebak di area dengan jaringan yang lemah.

Tergantung pada lokasi seseorang, Uber menawarkan layanan ride-hailing, pengiriman makanan, penyewaan sepeda dan skuter, dan berbagi perjalanan melalui udara dengan satu ketukan di perangkat seluler seseorang.

Apa yang kami sukai dari PWA ini:

• Waktu pemuatan cepat
• Dukungan offline
• Ringan
• Proses pemesanan sangat cepat

Lyft

Pesaing Uber, Lyft, yang didirikan pada 2012, telah memperluas basis pengendara dan pengemudinya di Amerika Serikat dan Kanada.

Menawarkan tarif yang lebih murah (dalam hal rencana berlangganan untuk penumpang yang sering), perusahaan telah mengambil pangsa pasar yang sangat besar yang pernah didominasi oleh Uber. Ini memperkenalkan PWA-nya pada tahun 2016

Untuk pengguna baru, PWA menyediakan proses pendaftaran yang mudah serta layanan pemesanan, yang aplikasi aslinya telah dikenal.

Apa yang kami sukai dari PWA ini:

• Waktu respons cepat
• Pembaruan waktu nyata yang andal

Tajawal

Aplikasi pemesanan penerbangan dan hotel yang sangat populer di UEA, Tajawal menawarkan solusi lengkap untuk mengakses lebih dari 450 maskapai penerbangan dan ribuan hotel untuk pelancong.

PWA bekerja sangat cepat dan menawarkan solusi pemesanan mudah melalui proses yang disederhanakan. Antarmukanya mudah dan berfokus terutama pada reservasi.

Apa yang kami sukai dari PWA ini:

• Pemuatan halaman sangat cepat
• Transaksi aman

FlyWeekend

Perusahaan pemesanan perjalanan unik ini didirikan pada 2017 di Amsterdam. Tujuannya adalah untuk menawarkan rencana perjalanan khusus akhir pekan bagi pengguna sehingga mereka dapat naik pesawat dan mengalami retret dua hari berdasarkan rekomendasi sistem.

Pengguna FlyWeeked cukup memasukkan lokasi mereka saat ini dan memilih akhir pekan saat mereka ingin beristirahat. Kemudian sistem menyediakan daftar kota yang dapat diklik yang dapat dipilih pengguna untuk "digesek" jika mereka tidak tertarik, atau memesan perjalanan sebagai gantinya.

PWA mudah digunakan, yang menjamin keterlibatan yang lebih tinggi karena konsepnya yang unik.

Apa yang kami sukai dari PWA ini:

• Waktu respons cepat
• Pemuatan halaman cepat

sepupu keren

Mengunjungi negara asing bisa menjadi lebih mengasyikkan ketika seorang lokal yang memiliki minat yang sama dapat memandu Anda selama perjalanan. Dengan Cool Cousin, pengunjung dapat memilih pemandu kota setempat yang tepercaya di platform mereka yang mudah digunakan.

Yang disebut "sepupu" berkisar dari ahli bedah hingga musisi tetapi semuanya memiliki hasrat yang sama untuk menjadi tuan rumah bagi turis di kota asal mereka.

PWA-nya diluncurkan pada 2018 untuk memberikan pengalaman akses yang lebih cepat dan lancar di antara para penggunanya. Dalam pembaruan resmi mereka, perusahaan mengumumkan bahwa aplikasi telah mengurangi waktu pemuatan sebesar 25% dan mengurangi akses ke sumber online lainnya oleh pengguna.

Apa yang kami sukai dari PWA ini:

• Waktu respons cepat
• Navigasi yang mudah

Hiburan

potongan suara

Mempelajari cara bermain gitar, piano, saksofon, atau banjo kini menjadi lebih mudah dengan Soundslice, aplikasi yang menyinkronkan notasi musik dengan audio asli.

PWA Soundslice sempurna untuk sesi belajar mandiri menggunakan perangkat seluler. Hal ini memungkinkan pengguna untuk mengubah nada, bagian loop, dan notasi musik. Di sisi lain, guru musik dapat mengembangkan sesi interaktif menggunakan alat ini.

Contoh "slices" memungkinkan pengguna memutar audio disertai dengan panduan garis vertikal bergerak pada lembaran musik.

Apa yang kami sukai dari PWA ini:

• Desain interaktif
• Waktu pemuatan cepat

Spotify

Untuk layanan streaming musik digital Spotify, memanfaatkan aplikasi ringan melalui PWA adalah suatu keharusan untuk mengejar lebih banyak pelanggan.

Aplikasi desktop dan seluler Spotify direplikasi di PWA, memberikan kenyamanan yang sama kepada pendengar bahkan saat mendengarkan secara offline. PWA memuat lebih cepat ditambah warna latar belakang beradaptasi dengan genre album untuk sentuhan yang lebih personal.

Apa yang kami sukai dari PWA ini:

• UI adaptif
• Dukungan offline
• Desain interaktif

1 tuner

Berlawanan dengan kepercayaan populer, radio tidak mati. Dengan 1Tuner, setiap pengguna dapat mendengarkan stasiun radio (di mana saja di dunia) dan podcast.

Mereka bahkan dapat membuat daftar putar sehingga mereka tidak akan ketinggalan mendengarkan siaran dari Brasil atau trek teratas yang diputar di stasiun lokal London.

PWA juga bekerja dengan sempurna. Memilih stasiun radio tertentu memungkinkan Anda mendengarkan siaran secara real time. Di sisi lain, podcast disampaikan dalam kualitas audio yang luar biasa.

Apa yang kami sukai dari PWA ini:

• Tema yang dapat disesuaikan
• Sejumlah besar rekomendasi konten

9GAG

Humor online tidak pernah sama sejak peluncuran 9GAG. Dengan meme internet, video, dan gambar yang dibagikan oleh pengguna di seluruh dunia, situs ini telah menjadi sumber hiburan.

Namun, ia segera menyadari bahwa aplikasi asli lamanya membutuhkan waktu lebih lama untuk memuat, terutama ketika konten yang sedang tren melibatkan banyak video.

9GAG beralih ke PWA untuk mengurangi kecepatan pemuatan halaman dan mendorong keterlibatan pengguna yang lebih baik. Situs tersebut mengungkapkan bahwa penggunanya tinggal di aplikasi 25 persen lebih lama dibandingkan dengan aplikasi aslinya.

Apa yang kami sukai dari PWA ini:

• Dapat diinstal di Android dan iOS
• Dukungan offline
• Waktu pemuatan cepat

lotto.de

Informasi real-time yang dikumpulkan tentang hasil lotre Euro terbaru di PWA ini menyediakan sumber daya yang berguna dari para pemain.

PWA memuat sangat cepat dan bekerja dengan baik dengan perangkat kelas bawah dan koneksi internet yang buruk. Untuk setiap pemain lotre yang tidak sabar untuk mengetahui hasil terbaru, PWA ini adalah pendamping yang berguna.

Apa yang kami sukai dari PWA ini:

• Pengalaman pengguna yang lancar
• Ketersediaan dalam bahasa Jerman dan Inggris

Membungkus 50 Contoh PWA Terbaik

Semoga, contoh aplikasi web progresif ini menyoroti beberapa poin utama yang telah kami buat dalam panduan ini.

Merek-merek ini berinvestasi dalam UX seluler mereka, dan menuai manfaatnya. Anda dapat dan harus mengikuti jejak mereka dan menjadi "utamakan seluler" dengan aplikasi web progresif yang mengesankan untuk bisnis Anda sendiri. Kami akan memberi tahu Anda caranya, tetapi pertama-tama kami akan menjawab pertanyaan kunci – “bagaimana dengan aplikasi asli?”

Mungkin Anda mempermainkan gagasan untuk membangun aplikasi iOS dan Android sendiri, dan Anda malah teralihkan untuk melihat PWA. Mungkin Anda tidak terlalu sibuk meluncurkan di App Store, dan hanya menginginkan situs web yang jauh lebih baik.

Either way – kita akan membahas secara singkat debat “asli vs PWA”, dan menjelaskan mengapa menurut kami PWA adalah minimum, dan aplikasi asli PWA + optimal.

Jenis Aplikasi Apa yang Harus Anda Bangun? Aplikasi Web Progresif vs Aplikasi Asli

Ada gagasan yang beredar bahwa aplikasi web progresif dan aplikasi asli adalah saingan. PWA itu akan membuat aplikasi asli tidak relevan dan tidak perlu. Bisnis itu akan memilih antara membangun PWA dan aplikasi asli dan selalu memilih yang terakhir.

Narasi ini salah arah dan menyajikan aplikasi asli vs PWA sebagai salah satu/atau pilihan, yang merupakan dikotomi palsu. Yang benar adalah bahwa PWA dan aplikasi asli adalah kombinasi yang brilian, dan bekerja secara sinergis. Mereka menutupi basis satu sama lain dan memastikan bahwa Anda memberi semua orang pengalaman pengguna yang optimal terlepas dari salurannya.

PWA mendapat manfaat dari jangkauan, kemampuan untuk ditemukan, dan keberadaan web di mana-mana. Mereka menarik lalu lintas organik dan mengesankan pengunjung pertama kali dengan pengalaman yang cepat dan ramping, membujuk mereka untuk menghabiskan lebih banyak waktu (dan uang) di situs Anda. Mereka memberikan opsi pemasangan yang mudah yang mengurangi gesekan dan penjaga gerbang, dan dapat menarik bahkan bagi mereka yang khawatir tentang ruang penyimpanan perangkat yang terbatas.

Mereka menyediakan sarana sempurna untuk membangun koneksi dengan pengunjung baru, dan mereka yang cukup terlibat untuk kembali tetapi tidak cukup untuk mengunduh aplikasi asli Anda karena alasan apa pun. PWA adalah cara sempurna untuk membina orang melalui corong Anda.

Aplikasi asli di sisi lain memiliki jangkauan dan visibilitas yang buruk dibandingkan dengan PWA. Mereka berada di balik "taman bertembok" dari App Store, dan membutuhkan tingkat komitmen yang lebih tinggi dari pengguna untuk menginstal dan mengunduhnya. Di sisi lain, mereka lebih sesuai dengan kebiasaan pengguna yang ada, memungkinkan Anda mengirim pemberitahuan push ke pengguna iOS, dan dapat meningkatkan visibilitas/kehadiran Anda di App Store.

Aplikasi asli sangat bagus untuk pembaca/pelanggan/pengguna inti Anda. Basis Anda yang paling setia harus didorong untuk mengunduh aplikasi asli Anda dan mengaksesnya – di balik layar masuk atau bahkan paywall – sehingga Anda dapat mengumpulkannya di satu tempat dan benar-benar fokus untuk memahami dan melibatkan mereka, memaksimalkan LTV dan retensi sebanyak mungkin.

Aplikasi asli adalah "rumah" yang bagus untuk penggemar terbesar Anda.

Google mengatakannya seperti ini:

“PWA tidak harus mengganti aplikasi asli; mereka dapat bekerja bersama-sama dengan mereka. Pengecer, misalnya, dapat menggunakan aplikasi asli untuk melibatkan pengguna setia yang lebih cenderung memasang aplikasi, tetapi menggunakan PWA untuk menjangkau pengguna baru dengan mudah. Pengguna yang berinteraksi dengan PWA kemudian dapat diminta untuk mengunduh aplikasi seluler di masa mendatang”

Rekomendasi kami – bangun keduanya!

Jika anggaran Anda terbatas, pilih PWA. Jika Anda memiliki aplikasi asli tetapi bukan PWA , Anda harus membuatnya secepatnya. Jika Anda berkomitmen penuh untuk membangun UX mobile-first yang optimal dan mampu berinvestasi untuk mencapainya, maka bangunlah keduanya dan minta mereka saling melengkapi kekuatan dan kelemahan satu sama lain.

Anda bisa mendapatkan aplikasi asli yang bagus dengan MobiLoud, yang Anda butuhkan hanyalah situs web atau aplikasi web. Hubungi tim kami untuk mengetahui lebih lanjut!

Cara Membangun Aplikasi Web Progresif

Tujuan dari panduan ini adalah untuk memberi Anda gambaran lengkap tingkat tinggi tentang PWA. Seluk-beluk perkembangannya bukanlah sesuatu yang akan kami bahas, tetapi kami akan memberikan pilihan Anda sehingga Anda dapat membuat pilihan sendiri.

Ada banyak konten yang beredar online tentang bagaimana Anda dapat membangun PWA dalam "10 menit". Dengan janji membawa perasaan aplikasi asli ke aplikasi web tradisional semuanya dari awal hanya dalam waktu kurang dari satu jam, mudah untuk terpikat oleh tutorial ini.

Apakah itu sah?

Iya dan tidak. “Peretasan” PWA ini juga untuk memenuhi kriteria minimum absolut – HTTPS, manifes web, dan pekerja layanan. Jika Anda tertarik untuk membuat aplikasi web progresif yang sangat mendasar dan fungsional – Anda dapat mencoba PWABuilder Microsoft. Dengan sedikit mengutak-atik dan pengetahuan teknis Anda bisa mendapatkan sesuatu yang layak dan berjalan.

Untuk membangun aplikasi web progresif yang unik, dioptimalkan, dan kaya fitur – yang benar-benar memenuhi potensinya – Anda perlu berinvestasi lebih banyak. Untuk mengetahui alasannya, mari kita uraikan langkah-langkah mendasarnya.

1. Beli sertifikat SSL untuk dikonfigurasi melalui layanan hosting Anda
2. Kembangkan cangkang aplikasi
3. Verifikasi apakah browser mendukung pekerja layanan
4. Daftarkan file kerja layanan
5. Tambahkan pemberitahuan push dan manifes aplikasi web
6. Siapkan prompt penginstalan
7. Uji fungsionalitas aplikasi
8. Audit daftar periksa Mercusuar berbasis aplikasi
9. Perbaiki bug
10. Luncurkan aplikasi

Kedengarannya mudah, bukan?

Pada kenyataannya, untuk melakukan ini dengan baik dan membangun aplikasi web progresif kustom yang baik membutuhkan pengembang front-end dengan pengalaman membangun aplikasi web yang kompleks.

Pekerjaan penting dalam menyiapkan service worker dan caching untuk kinerja yang optimal adalah kompleks dan membutuhkan keterampilan nyata. Kemudian, Bergantung pada kebutuhan Anda, Anda juga mungkin memerlukan desainer yang memahami pengalaman pengguna aplikasi asli dan cara menerapkannya secara efektif di web.

Kecuali jika Anda adalah perusahaan yang cukup besar, Anda mungkin tidak memiliki banyak pengembang front-end berbakat yang menunggu Anda untuk memberi tahu mereka apa yang harus dilakukan. Anda harus menemukan mereka, mempekerjakan mereka dan membentuk tim bersama dan mengelolanya – tugas yang sulit jika Anda tidak berpengalaman dengan hal-hal seperti itu. Pengembang front-end yang baik juga selalu diminati, dan tarif kontrak mereka mencerminkan hal itu.

Biaya dan skala waktu untuk membangun aplikasi web progresif

Jadi berapa biaya ini? Yah, ini agak seperti klasik "berapa panjang seutas tali?"

Itu sepenuhnya tergantung pada kompleksitas aplikasi yang ingin Anda buat. Menurut penulis The PWA Book:

Membangun PWA dari awal akan memakan waktu antara 3400 wh (untuk aplikasi kecil) hingga 9000 wh (proyek khusus yang telah kami lakukan). Ini berarti biaya antara $400K dan $1m. Menggunakan platform cloud setidaknya 75% lebih murah, dan Time to Market juga akan 75% lebih pendek (2-3 bulan, bukan 8-12 bulan).

– Bab 10, Buku PWA

Ini tampaknya mahal, tetapi ini memberi Anda gambaran tentang bagaimana merek-merek besar seperti yang kita lihat di atas berinvestasi dalam pengalaman mereka.

Tentu saja jika Anda mengonversi situs menjadi PWA daripada membangunnya dari awal, dalam banyak kasus akan lebih murah dan mudah. Sebagai perkiraan kasar, Anda ingin berinvestasi setidaknya 3 bulan, dan $ 20.000 hingga $ 50.000 untuk mendapatkan hasil yang bagus.

Pengembang mengikuti fase proyek yang berbeda tetapi dalam kebanyakan kasus, ini melibatkan tujuh fase: penemuan, desain, revisi, pengembangan awal, pengujian, perbaikan bug, dan peluncuran akhir.

Jika PWA Anda lebih kompleks, maka penyelesaiannya diharapkan bertahan lebih lama mengingat fungsionalitas lanjutan yang harus terintegrasi seperti GPS, dukungan media sosial, dan akses kamera.

Karena itu, PWA sederhana dapat memakan waktu kurang dari tiga bulan (atau bahkan hanya beberapa minggu jika itu adalah tulang telanjang). Jika Anda ingin memiliki fitur yang lebih canggih seperti panel admin backend, pola visualisasi, dan integrasi lainnya, Anda masih dapat memiliki PWA dalam waktu kurang dari enam bulan.

Ini mungkin tampak seperti jumlah yang cukup besar, tetapi jika Anda memasukkannya ke dalam konteks, itu lebih dari sepadan. Tidak hanya mereka lebih terjangkau dan lebih cepat untuk dibangun daripada aplikasi asli, tetapi kecepatan dan pengalaman pengguna yang ditingkatkan cenderung lebih dari membayar sendiri dalam jangka panjang.

Jika Anda menggunakan WordPress, ada beberapa cara yang lebih mudah untuk mengubah situs WordPress Anda menjadi PWA, dan beberapa plugin PWA WordPress yang dapat Anda coba.

Kami dapat membantu memberi tahu Anda tentang pilihan Anda, dan Jika situs Anda cocok – gunakan platform khusus kami untuk mengubahnya menjadi PWA hanya dalam 2 minggu, dengan biaya standar yang lebih kecil. Kami juga dapat membuat aplikasi iOS dan Android asli dari situs Anda dalam jangka waktu yang sama, sehingga semua basis seluler Anda tercakup untuk tahun 2021 dan seterusnya!

Hubungi salah satu pakar seluler kami untuk konsultasi guna mengetahui lebih lanjut.

Ada di Tangan Anda – Mulai Buat Aplikasi Web Progresif Sekarang!

Anda seharusnya sudah memiliki gambaran yang baik tentang karakteristik dan kekuatan aplikasi web progresif sekarang.

Untuk mempelajari lebih lanjut, lihat sumber daya ini:

• Buku PWA
• Sumber daya Google di web.dev, dan Google Developers
• Statistik PWA (metrik dan studi kasus yang menarik)
• Roadshow PWA Google (serial video hebat)
• Panduan PWA Mozilla yang luar biasa
• Aplikasi Web Progresif buku Jason Grigsby
• Apa yang Dapat Dilakukan Web Saat Ini? (menunjukkan bagaimana teknologi web telah berkembang)
• Ya, proyek web itu harus berupa PWA (panduan/artikel yang sangat baik)
• Panduan kami tentang perbedaan antara aplikasi asli, web, dan hibrida

Sekarang giliran Anda. Ini mungkin tampak seperti tugas yang menakutkan – tetapi Anda perlu mengubah situs web Anda menjadi aplikasi web progresif untuk benar-benar memiliki kehadiran web yang mengesankan, modern, dan optimal.

Saat siap diluncurkan, Anda akan senang, kami jamin. Dan pelanggan Anda akan menghargai Anda dengan menghabiskan lebih banyak waktu, perhatian, dan uang untuk terlibat dengan bisnis Anda.

Seperti yang kami sebutkan – PWA bukan pengganti aplikasi asli. PWA pada dasarnya adalah situs web yang jauh lebih baik. Mungkin sulit untuk membuat pengguna menginstalnya di perangkat mereka, karena mereka belum terbiasa dengan itu, dan Anda kehilangan pengiriman pemberitahuan push ke pengguna iOS dan kehadiran merek di App Store.

Haruskah Anda membangun Aplikasi Asli juga?

PWA adalah suatu keharusan, tetapi aplikasi asli masih merupakan pengalaman pengguna seluler terbaik. Satu-satunya alasan beberapa orang waspada atau negatif tentang prospek aplikasi asli adalah biaya yang besar ($50.000+), dan proses pengembangan yang panjang dan melelahkan yang secara tradisional menyertai mereka.

Jika Anda memiliki kekhawatiran tersebut, tetapi tertarik untuk membuat aplikasi iOS dan Android untuk merek Anda, Anda harus melihat platform kami Berita, Kanvas untuk eCommerce, atau Kanvas. Mana pun yang tepat untuk Anda – Anda dapat mengonversi situs atau aplikasi web Anda menjadi aplikasi asli berkualitas tinggi hanya dalam beberapa minggu, hanya dengan $100/m.

Platform kami dapat digunakan untuk mengonversi situs web apa pun menjadi aplikasi seluler. Tidak masalah dengan apa situs Anda dibuat. MobiLoud sangat bagus untuk membangun:

• Aplikasi WordPress
• Aplikasi gelembung
• Aplikasi ruang persegi
• Aplikasi Wix
• Aplikasi WooCommerce
• Aplikasi aliran web

Dan apa pun di antaranya! Anda akan diatur dengan pemberitahuan push tak terbatas di Android dan iOS, dan Anda akan memiliki semua fitur yang Anda butuhkan untuk membangun kehadiran lintas platform yang unggul di web dan App Store.

Kami juga dapat membantu Anda dengan PWA, sehingga Anda akan memiliki kombo seluler yang ideal di masa mendatang. Jika ini terdengar bagus – hubungi dan pesan demo hari ini. Jika Anda memutuskan untuk mengambil rute lain, maka semoga sukses dalam perjalanan Anda. Kami harap Anda menikmati contoh PWA dan mendapat inspirasi untuk membantu Anda berkembang di seluler!