Memahami Naiknya PWA di E-commerce Bagaimana Brand Mendapat Manfaat dari Frontend Progresif

Hingga beberapa tahun yang lalu, sulit untuk membayangkan kapan teknologi apa pun dapat meniru pengalaman aplikasi seluler asli. Namun, karena dapat diakses di ponsel menjadi semakin penting dalam ruang e-commerce, pawai kemajuan memang menemukan solusi yang menarik.

Aplikasi web progresif atau PWA sudah ada sejak 2015. Teknologi ini bekerja di mana-mana dan dapat memberikan pengalaman pengguna yang sangat menarik dari aplikasi asli tanpa biaya pengembangan yang sama.

PWA telah digunakan oleh perusahaan besar termasuk Twitter, Alibaba, dan Walmart untuk meningkatkan tingkat konversi dan meningkatkan pendapatan. Namun, usaha kecil dan menengah juga dapat memanfaatkan teknologi yang sama untuk menciptakan pengalaman seperti aplikasi bagi pelanggan mereka dan memperluas pemirsa mereka.

Dalam artikel ini, kita akan membahas apa itu PWA, bagaimana mereka menguntungkan e-commerce, dan bagaimana satu bisnis CBD telah menggunakan PWA di frontend untuk meluncurkan situs e-commerce tanpa kepala mereka.

Apa itu PWA?

Aplikasi web progresif adalah teknologi yang memungkinkan perusahaan membangun aplikasi web yang memiliki tampilan dan nuansa aplikasi seluler asli – semuanya saat menggunakan teknologi web seperti JavaScript, HTML, CSS. Pengembang dapat menggunakan generator situs statis seperti Gatsby atau VuePress untuk meluncurkan etalase PWA yang sangat menarik. Ini kemudian dapat dihubungkan ke platform e-commerce di backend.

PWA berjalan di browser tetapi memberi pengguna pengalaman aplikasi asli melalui fitur utama seperti:

Akses ke aplikasi melalui layar beranda seluler

Akses aplikasi offline

Pemberitahuan push

Odha mungkin segera melampaui aplikasi asli. Sebuah survei Jaxenter menemukan bahwa 46% audiens pengembang mereka percaya bahwa PWA adalah masa depan, sementara hanya 14% yang percaya bahwa aplikasi asli pada akhirnya akan menang. Untuk beberapa bisnis yang memiliki aplikasi seluler asli mungkin masih lebih masuk akal. Bagi yang lain PWA dapat mengganti aplikasi seluler. Beberapa bisnis bahkan dapat menggabungkan kedua teknologi.

Teknologi PWA mendapatkan momentum sebagai teknologi baru yang populer untuk konfigurasi perdagangan tanpa kepala. Headless commerce berarti memisahkan lapisan presentasi frontend dari fungsi e-commerce backend. Dengan menggunakan PWA di frontend, merek bisa mendapatkan pengalaman yang cepat, responsif, seperti aplikasi yang mereka inginkan, sambil menghubungkannya melalui API ke fitur perdagangan yang dapat mendorong pelanggan melalui konversi.

Manfaat Aplikasi Web Progresif

Pangsa e-niaga seluler tumbuh dengan cepat. Pada 2021, perdagangan seluler diharapkan menghasilkan 53,9% dari semua pendapatan penjualan ritel online. Bisnis mencari cara terbaik untuk mendapatkan bagian mereka dari pasar e-niaga seluler. Sementara sebelumnya, dengan cara itu mungkin memerlukan aplikasi asli, hari ini manfaat dari PWA memungkinkan beberapa bisnis untuk mendapatkan fungsi yang sama dengan PWA.

1. Jangkau audiens yang lebih luas.

PWA dirancang untuk bekerja untuk setiap pengguna, terlepas dari platform apa yang mereka gunakan. Mereka juga responsif agar sesuai dengan layar ukuran yang berbeda. Karena mereka dapat diakses secara instan oleh khalayak luas dan mudah dibagikan melalui tautan, lebih banyak orang yang mengadopsinya daripada meluangkan waktu untuk mengunduh aplikasi.

2. Mengurangi biaya dan waktu pengembangan.

Aplikasi asli tidak hanya membutuhkan pengembangannya sendiri tetapi juga pemeliharaannya sendiri. Dan untuk menjangkau audiens yang sama Anda harus membuat aplikasi Android dan iOS dan berpotensi aplikasi Windows 10 – dan mengelola semuanya selain situs Anda.

3. Kecepatan dan aksesibilitas.

Google menemukan bahwa 53% pengguna ponsel meninggalkan situs jika butuh lebih dari 3 detik untuk memuat. Kecepatan adalah yang terpenting, dan PWA dapat menyediakannya karena dirancang untuk pengalaman pengguna yang lancar dan cepat. Odha cenderung sangat cepat karena menggunakan teknologi dan kerangka kerja pengembangan web modern. Bahkan lebih baik, aplikasi bekerja lebih offline atau dengan jaringan berkualitas lebih rendah.

4. Konversi yang lebih baik.

Sebagian karena manfaat di atas, PWA memberikan pengalaman pengguna yang lebih baik bagi pelanggan dan pengalaman pengguna yang lebih baik berarti tingkat konversi yang lebih tinggi. Misalnya, Alibaba melihat peningkatan 76% dalam konversi di berbagai browser setelah memperkenalkan PWA.

Bagaimana PWA Dapat Bekerja dengan E-niaga

Sekarang setelah Anda memahami beberapa manfaat menggunakan etalase PWA dengan toko e-niaga Anda, apa saja pilihan untuk membangun etalase Anda? Berikut adalah beberapa yang perlu dipertimbangkan.

1. DEITY

Ini adalah PWA yang terkenal dan platform berorientasi layanan-mikro. Dewa mengambil pendekatan modular untuk memecahkan persyaratan PWA perusahaan dan dapat dimanfaatkan dengan berbagai frontend. DEITY Falcon mereka adalah salah satu antarmuka PWA yang memungkinkan bisnis dari semua ukuran untuk menawarkan pengalaman web dan seluler yang dapat diskalakan dan tangguh bagi pengguna mereka.

Pada bulan Oktober 2019, Deity mengumumkan kemitraan dengan BigCommerce sehingga pelanggan dapat menggunakan DEITY Falcon di frontend dan dengan mudah terhubung ke platform tanpa kepala SaaS terbuka BigCommerce yang sangat diperluas di backend. Dengan konfigurasi tanpa kepala ini, bisnis dapat menciptakan pengalaman web yang diharapkan pelanggan mereka – termasuk semua keunggulan aplikasi asli – dengan kecepatan inovasi yang jauh lebih cepat dan biaya kepemilikan yang lebih rendah.

2. Gatsby.

Gatsby adalah kerangka kerja yang sangat populer digunakan untuk membangun situs PWA statis dengan React. Gatsby memiliki dokumentasi yang bagus dan komunitas pengembang yang kuat bekerja dengannya. Ini memungkinkan pembangunan situs web dan aplikasi yang sangat cepat.

Agensi Third and Grove membantu mengembangkan sumber plugin Gatsby-BigCommerce yang membuatnya mudah untuk membangun sebuah toko e-commerce PWA menggunakan Gatsby di frontend dan BigCommerce di backend. BigCommerce juga telah merilis template Cats Gatsby-Netlify untuk memulai pengembangan etalase PWA tanpa server.

3. Vue Storefront.

Vue Storefront adalah salah satu platform agnostik yang paling cepat berkembang, artinya dapat digunakan dengan sebagian besar platform ecommerce yang mungkin ingin Anda gunakan, termasuk BigCommerce.

Anda dapat melihat strategi PWA mendapatkan kaki hanya dengan bagaimana komunitas pengembang bereaksi. Vue Storefront telah dengan cepat meningkatkan jumlah bintang di Github (tanda bahwa pengembang suka atau ingin membuat bookmark suatu proyek) dan saluran Vue Storefront Slack memiliki lebih dari 1.200 anggota.

Kanvas 1839: Kisah Sukses Tanpa Kepala PWA

Canvas 1839 adalah perusahaan yang berbasis di Austin yang menjual produk kesehatan CBD premium. Mereka baru-baru ini meluncurkan situs mereka di BigCommerce menggunakan PWA yang dibangun di atas Gatsby. Ini telah memungkinkan mereka untuk mendapatkan keuntungan dari SaaS untuk e-commerce dengan lebih banyak kebebasan untuk inovasi di frontend.

Corey Ward, Pengembang Web Senior yang bekerja dengan Canvas 1839 untuk membuat situs mereka menjelaskan mengapa konfigurasi tanpa kepala ini dipilih: “Kami merasa lebih percaya diri bahwa kami akan dapat memenuhi tantangan apa pun yang mereka berikan kepada kami menggunakan alat seperti Gatsby, React, dan GraphQL daripada yang kami lakukan membatasi diri kami pada perangkat khusus platform yang melayani pengalaman e-niaga tradisional. Ini adalah win-win karena kami banyak bergantung pada alat pengembangan seperti Git, Babel, dan Webpack, dan tidak ada yang didukung dengan baik pada platform e-commerce SaaS yang kami ketahui. “

Keuntungan menggunakan headless juga berarti waktu pengembangan yang lebih cepat, lebih efisien dan pembaruan untuk pengembang dan pemasar dalam tim. Ward menjelaskan: “Untuk mengelola konten, kami menggunakan pendekatan yang sangat fleksibel yang memungkinkan tim pemasaran membangun halaman baru dari perpustakaan blok konten yang telah kami tetapkan dalam Contentful. Ini memungkinkan tim pemasaran dan konten membangun halaman informasi yang kaya yang sepenuhnya terintegrasi dengan bagian situs lainnya; apakah itu menempatkan bagian produk di posting blog atau menambahkan bagian tarik-turun FAQ ke halaman produk, itu semua dimungkinkan dari dalam Contentful, tidak ada pengembang atau kode yang diperlukan. “

Setelah awalnya diluncurkan di Shopify dan mengalami rasa sakit yang berkembang, Canvas 1839 menemukan rumah dengan BigCommerce sebagai platform yang keduanya mendukung pedagang CBD dan cukup dapat dikembangkan untuk membangun apa yang mereka butuhkan. Berbicara tentang transisi, Ward berkata: “Kami menyukai BigCommerce yang mendukung pembayaran Square dan bahwa pengalaman checkout memungkinkan kami berintegrasi dengan Segment. Kami dapat melakukan transisi tanpa mengubah pengalaman pengguna di situs web kami, yang sangat luar biasa. ”

Pengalaman berbelanja tidak hanya untuk satu ukuran saja. Toko Apple akan menjadi cara yang mengerikan bagi Home Depot untuk mencoba menjual alat dan sebaliknya. Dengan menggunakan pendekatan tanpa kepala, kami membuat keputusan dengan konteks untuk jenis pengalaman apa yang kami coba buat. Kami menghargai tingkat niat itu. – Cory Ward, Pengembang Web Senior, Kanvas 1839

Meskipun situs Canvas 1839 terlalu baru diluncurkan untuk memiliki data komparatif yang kuat, Ward mengatakan mereka telah mendapatkan sambutan yang bagus secara anekdot dari pelanggan. Dan dengan sistem fleksibel yang mudah untuk berinovasi dan pada platform yang dibangun berdasarkan skala, mereka memiliki banyak ruang untuk tumbuh dan berkembang.

Leave a reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>