Bagaimana Shogun Frontend Mengubah Game

E-niaga seluler adalah bisnis besar.

Di Amerika Serikat saja, pendapatan ritel seluler diproyeksikan mencapai hampir $340 miliar dolar tahun ini, naik dari $207,15 miliar hanya dua tahun sebelumnya. Dan di tengah COVID-19, pesanan tempat tinggal di tempat dan penutupan toko fisik, e-niaga AS diperkirakan akan tumbuh 18% pada tahun 2020 — mengikuti pertumbuhan 14,9% di saluran ini pada tahun 2019 — menandakan pergeseran yang lebih besar ke digital.

Selain pandemi, kebiasaan membeli cenderung ke seluler dan e-niaga selama bertahun-tahun. Pendekatan baru untuk teknologi frontend, seperti perdagangan tanpa kepala dan aplikasi web progresif, muncul dan semakin populer untuk memenuhi permintaan ini.

Rekan pendiri saya Nick Raushenbush dan saya tahu dari pengalaman membangun aplikasi Shogun Page Builder kami bahwa ada kebutuhan akan produk perangkat lunak kelas atas untuk melayani bisnis e-niaga yang lebih besar. Kami melihat peluang untuk membangun teknologi generasi berikutnya yang dapat digunakan oleh perusahaan e-niaga (dan agensi mereka) di seluruh dunia untuk menciptakan pengalaman pengguna yang lebih baik, meningkatkan kinerja etalase online mereka, dan meningkatkan konversi mereka.

Produk tersebut adalah Shogun Frontend .

Berikut adalah ikhtisar teknologi, cerita di balik Shogun Frontend dan fitur-fiturnya, dan bagaimana hal itu dapat bermanfaat bagi Anda dan toko Anda.

#cta-visual-fe#<cta-title>Dapatkan Pemuatan Halaman Sub-Kedua dengan CMS Fleksibel<cta-title>Shogun Frontend adalah alat desain toko terbaik untuk e-niaga.Pelajari lebih lanjut

Apa itu Perdagangan Tanpa Kepala?

Perdagangan tanpa kepala adalah pemisahan frontend dari backend situs web Anda. Frontend adalah bagian dari situs Anda yang dilihat dan berinteraksi dengan pembeli, sedangkan backend menampung fungsi administratif di balik layar — manajemen pesanan dan inventaris, menyimpan informasi pelanggan, analitik, dll. — dari toko online Anda.

Dengan perdagangan tanpa kepala, Anda menggunakan teknologi khusus untuk frontend yang terpisah dari platform e-niaga.

Perusahaan umumnya bersandar pada perdagangan tanpa kepala karena empat alasan utama:

1. Kinerja

Platform e- niaga dibangun dengan cara yang menghambat kinerja — khususnya kecepatan — dari etalase e-niaga. Output dari platform e-niaga adalah etalase HTML standar yang terkait langsung dengan backend platform. Ini berarti apa pun yang perlu diproses di backend, seperti memuat file tertentu atau menghitung data inventaris, terjadi setiap kali seseorang memuat situs toko Anda.

Solusi tanpa kepala, di sisi lain, memisahkan proses depan dan belakang. Dengan teknologi PWA, etalase tanpa kepala dirender secara statis sebelumnya — ini berarti Time To First Byte tercepat dan skalabilitas tak terbatas.

2. Stabilitas

Solusi tanpa kepala memungkinkan tim pemasaran membuat perubahan pada frontend toko mereka tanpa khawatir server akan mogok atau harus menyalurkan permintaan mereka melalui rekayasa. Pada saat yang sama, para insinyur dapat membuat perubahan pada backend tanpa memengaruhi apa pun di frontend.

3. Internasionalisasi

Klien ingin memiliki pengalaman situs yang berbeda — baik dalam hal konten dan tampilan mata uang — untuk setiap negara tempat mereka beroperasi. Misalnya, mereka ingin situs menampilkan konten secara dinamis dalam bahasa Inggris dan harga dalam dolar Amerika untuk pengunjung di Amerika Serikat dan dalam bahasa Spanyol dan euro untuk pengguna di Spanyol. Platform e-niaga cukup kurang untuk mengelola kompleksitas yang datang dengan manajemen konten untuk beberapa etalase, yang menjadikan headless sebagai pendorong besar.

4. Pengalaman Unik

Sebagian besar situs yang dibuat melalui platform e-niaga dibuat menggunakan tema atau pembuat halaman. Opsi ini sangat membatasi kreativitas dan interaktivitas yang seringkali membutuhkan JavaScript. Jika Anda menginginkan penawaran unik dengan interaktivitas atau desain situs khusus, Anda akan memerlukan kode khusus, yang menjadikan headless sebagai pertimbangan serius.

Menelusuri teknologi perdagangan tanpa kepala lebih lanjut, mari kita lihat aplikasi web progresif.

Apa itu Progressive Web Apps (PWA)?

PWA dapat dikonfigurasi agar terlihat dan berperilaku lebih seperti aplikasi seluler. Pikirkan PWA sebagai aplikasi seluler yang akan Anda instal di ponsel Anda, kecuali Anda tidak perlu mengunduhnya dari toko aplikasi — itu tersedia langsung di browser.

Aplikasi web progresif, atau PWA, adalah perangkat lunak aplikasi yang dibuat dengan HTML, CSS, dan JavaScript. Ini adalah jenis situs web atau halaman web yang berperilaku lebih seperti perangkat lunak daripada situs web tradisional, termasuk mengambil lebih banyak layar dan konten daripada yang dibutuhkan saat ini. PWA dapat bekerja dalam kondisi konektivitas rendah (bahkan offline dalam beberapa kasus) dan menggunakan fungsionalitas seperti pemberitahuan push, seperti halnya aplikasi asli.

Aplikasi web progresif adalah teknologi generasi berikutnya yang berjalan jauh lebih cepat daripada situs web tradisional.

Ini sangat kuat untuk perusahaan e-niaga karena ada korelasi langsung antara waktu buka halaman dan tingkat konversi. Dan aplikasi web progresif memiliki rasio konversi yang jauh lebih tinggi daripada situs web seluler tradisional.

Pentingnya Kecepatan Halaman dan Tingkat Konversi Anda

Keindahan perdagangan tanpa kepala dan PWA adalah Anda hanya membangun satu etalase, dan kemudian dapat diakses di semua perangkat — dari seluler dan desktop hingga papan reklame digital dan konsol video game, perangkat apa pun yang menurut Anda dapat dibeli oleh konsumen.

Toko e-niaga melihat manfaat terbesar di seluler dengan teknologi ini karena dua alasan: Seluler menjadi saluran dominan bagi pembeli, dan pedagang sering berjuang untuk menjaga waktu muat halaman di media ini.

Waktu adalah uang. Dan secara harfiah, dalam e-niaga, setiap detik berarti.

Pada tahun 2018, Google merilis data tentang kecepatan halaman seluler dan bagaimana korelasinya dengan rasio pentalan. Jika halaman membutuhkan waktu satu hingga tiga detik untuk dimuat, kemungkinan pengguna akan terpental meningkat 32%.

Bisa ditebak, rasio pentalan semakin tinggi — jauh lebih tinggi — semakin lama waktu yang dibutuhkan situs Anda untuk memuat.

Bahkan penundaan satu detik dapat berarti pengurangan 7% dalam konversi. Meminjam contoh dari Neil Patel: Jika situs e-niaga Anda menghasilkan $100.000 per hari, setiap penundaan pemuatan halaman satu detik dapat membuat Anda kehilangan penjualan sebesar $2,5 juta per tahun.

Daniel An, Pemimpin Produk Global Google, Web Seluler, mengatakan yang terbaik untuk dirinya sendiri: “Singkatnya, kecepatan sama dengan pendapatan.”

#cta-visual-fe#<cta-title>Dapatkan Pemuatan Halaman Sub-Kedua dengan CMS Fleksibel<cta-title>Shogun Frontend adalah alat desain toko terbaik untuk e-niaga.Pelajari lebih lanjut

"Mengapa" Kami: Menemukan Kemungkinan Teknologi Baru Ini

Nick dan saya pertama kali melihat PWA di ponsel seorang teman pada Juni 2019.

Ketika kami melihat gaya bangunan tanpa kepala ini, kami terpesona. Dan begitu kami mengetahui betapa rumitnya hal itu untuk dikembangkan, kami sangat bersemangat — kami harus memasuki ruang baru dan berinovasi pada teknologi untuk membuatnya lebih mudah diakses oleh pedagang dan agensi.

Melalui pengalaman kami dengan Shogun Page Builder, kami tahu bahwa ada kebutuhan akan teknologi tingkat berikutnya seperti ini. Kami melihat peluang untuk membangun produk all-in-one, etalase berkinerja tinggi.

Kami ingin membuat PWA semudah menulis tema Shopify atau BigCommerce. Kecuali, alih-alih menggunakan bahasa templating berbasis HTML seperti cairan untuk Shopify, pengembang akan menggunakan JSX.

Ide kami adalah memudahkan merek untuk membangun PWA, sekaligus memudahkan pengembang untuk mengimplementasikannya. Produk ini akan mengambil pendekatan yang berbeda secara fundamental untuk membangun etalase. Pikirkan, PWA 2.0.

Dan inilah mengapa kami datang dengan Shogun Frontend : untuk menyederhanakan proses, sementara memungkinkan merek yang lebih kecil untuk mendapatkan jenis teknologi yang sama.

Apa itu Shogun Frontend?

Shogun Frontend adalah platform pengalaman digital (DXP) yang menggunakan teknologi aplikasi web progresif untuk membuat etalase sub-detik — terutama pada perangkat seluler.

Sebagai platform, ini memberdayakan pemasar dan pedagang untuk membuat halaman secara visual dan membuat konten di seluruh situs berubah dengan cepat dengan pengelola pengalaman yang andal dan CMS yang tangguh.

Shogun Frontend memiliki tiga fitur utama:

1. Experience Manager: Solusi manajemen konten yang memungkinkan Anda membuat halaman secara visual dengan menyisipkan bagian halaman yang sudah dibuat sebelumnya; mengedit teks, gambar, dan konten video; dan mengatur ulang bagian konten tanpa menulis kode. Ini memberikan pratinjau visual yang benar-benar terlihat tentang seperti apa halaman itu nantinya.
2. Sistem Manajemen Konten (CMS): Sistem yang memungkinkan tim membuat perubahan konten di seluruh situs secara menyeluruh dari satu lokasi tanpa masuk ke manajer pengalaman.
3. Code Editor (IDE): Editor kode tempat pengembang membuat kode bagian halaman konten khusus dan membuatnya tanpa kode dan dapat digunakan kembali dengan menentukan bidang untuk teks, gambar, dan video. Tidak seperti template atau tema yang dibuat sebelumnya, Anda memiliki opsi penyesuaian tanpa batas.

Biasanya ketika Anda membangun PWA, Anda melepaskan aplikasi pihak ketiga (yaitu ulasan, formulir, aplikasi berlangganan, dll.), alat pengeditan visual, UI yang bagus, dan sistem yang komprehensif.

Tidak dengan Shogun Frontend.

Dengan Shogun Frontend, Anda mendapatkan solusi out-of-the-box yang dapat membuat seluruh toko Anda dimuat dalam sekejap — tanpa kerumitan.

Masa Depan Toko Online

Dunia semakin mobile.

Faktanya, pada tahun 2019, lebih dari separuh lalu lintas di seluruh dunia berasal dari ponsel. Belum lagi generasi muda — dengan daya beli yang meningkat — juga lebih condong ke seluler.

Temui audiens Anda di mana mereka berada dengan Shogun Frontend .

Dirancang khusus untuk perusahaan e-niaga, Shogun Frontend adalah solusi perdagangan tanpa kepala yang bekerja secara mulus dengan platform e-niaga terkemuka untuk memberikan pengalaman seluler yang cepat dan berpusat pada pengguna.

Kami mengubah permainan: Daftar untuk demo Shogun Frontend hari ini dan rasakan masa depan etalase e-niaga.

#cta-visual-fe#<cta-title>Dapatkan Pemuatan Halaman Sub-Kedua dengan CMS Fleksibel<cta-title>Shogun Frontend adalah alat desain toko terbaik untuk e-niaga.Pelajari lebih lanjut