() translation by (you can also view the original English article)
Ketika datang ke situs e-commerce, desain memainkan peran penting, tidak peduli platform apa yang anda gunakan. Desain situs web anda seharusnya membuat situs anda menarik secara visual. Namun desain itu juga harus mengarahkan calon pelanggan melalui situs anda dan membantu mengubah mereka menjadi pembeli sebenarnya.
Meskipun ada banyak platform e-commerce yang tersedia, BigCommerce tentu saja menonjol berkat perhatian mereka terhadap detail dan dedikasi untuk menciptakan platform eCommerce yang dirancang untuk konversi.
Bila pelanggan dapat menavigasi situs web anda secara mudah, menemukan produk yang mereka inginkan, segera menambahkan produk itu ke keranjang mereka, dan melihat semua informasi penting sebelum sampai ke halaman checkout, anda memiliki kesempatan yang jauh lebih baik untuk konversi mereka.
Itulah mengapa penting untuk meluangkan waktu mengevaluasi desain toko anda dan memperbaikinya sebelum berinvestasi di iklan berbayar. Jika tidak, maka semua pengunjung akan meninggalkan situs anda tanpa melakukan pembelian, tidak peduli berapa banyak pengunjung yang membuka situs anda.
Pada tutorial sebelumnya di seri ini, anda belajar cara mengatur tema BigCommcerce premium dan menyesuaikan pengaturan toko online anda:
Di postingan hari ini, kami membagikan 15+ tips desain hebat yang akan membantu anda meningkatkan toko BigCommerce anda ke level berikutnya. Jadikan desain web BigCommerce anda tidak hanya menonjol secara estetis, tapi juga mengonversi dengan baik.
15+ Tips Desain BigCommerce: Membuat Toko Online Anda Hebat
Setiap unsur di situs anda, dari gambar produk hingga menu navigasi, semuanya berperan dalam keputusan pengunjung untuk membeli produk anda atau tidak. Berikut ini adalah tips desain web BigCommerce terbaik untuk membantu toko anda menarik dan mengonversi lebih banyak pengunjung.
1. Jaga Desain BigCommerce Anda Agar Terlihat Bersih dan Teratur
Hanya karena toko anda online, tidak berarti anda bisa mengatur produk anda secara acak. Pikirkan keseluruhan pengalaman yang anda inginkan agar dimiliki pelanggan saat mereka mengunjungi toko BigCommerce anda. Jika anda mengatur produk anda ke dalam kategori yang tepat, pelanggan dapat melihat berbagai jenis produk yang anda tawarkan secara mudah dan mencari tahu produk mana yang sedang dijual.
Jaga deskripsi produk anda, harga diberi label secara jelas, dan gunakan tata letak kotak untuk menjaga keseluruhan tata letak halaman terlihat rapi dan teratur. Hindari menempatkan produk terlalu banyak di beranda anda atau dalam satu baris, tapi sebaiknya memilih gambar besar dengan produk yang lebih sedikit. Hal itu akan menambah ruang bernafas lebih banyak di sekitar masing-masing item.
2. Buat Situs BigCommerce Anda Mudah Dinavigasi
Menu anda adalah salah satu bagian terpenting dari situs anda. Hal ini membantu pelanggan membuka dari satu halaman ke halaman berikutnya, menekankan mengapa menu navigasi sangat penting.
Hindari menambahkan terlalu banyak tautan di menu utama dan pilih menu drop-down atau menu mega yang memungkinkan anda menambahkan lebih banyak tautan untuk mengarah ke berbagai kategori produk. Cara lain yang efektif untuk memudahkan navigasi di sekitar situs anda adalah dengan menggunakan menu fly-out yang muncul pada hover.
Untungnya, ada banyak tema BigCommerce seperti Modez yang disertakan dengan menu pra-rancang untuk membantu anda memberikan pengalaman berbelanja lebih baik bagi pelanggan anda:
Temukan lebih banyak tema BigCommerce yang hebat di ThemeForest, atau jelajahi melalui pilihan terbaik kami untuk tahun 2017:
3. Buat Situs Anda Mudah untuk Dihubungi
Ada kalanya pelanggan anda mungkin memiliki pertanyaan tentang produk tertentu atau metode pembayaran yang diterima. Pastikan mereka dapat dengan mudah menemukan informasi kontak anda dan menghubungi anda. Dengan cara itu, anda bisa menjawab pertanyaan mereka dan membantu mereka sampai pada keputusan untuk membeli.
Austin Bazaar, situs yang menggunakan platform BigCommerce melakukan ini dengan baik. Mereka menempatkan nomor telepon di tempat yang sangat terlihat bersamaan dengan jam operasi mereka:
4. Tambahkan Ulasan Pelanggan
Menurut penelitian, 61% pembeli online membaca ulasan pelanggan sebelum membeli produk. Ulasan pelanggan dapat membantu anda meningkatkan penjualan dan meningkatkan rasio konversi. Hal itu karena calon konsumen akan cenderung membeli jika mereka melihat orang lain telah senang dengan produk yang sama. Bahkan, menambahkan ulasan pelanggan bisa meningkatkan rasio konversi anda sebanyak 4,6%.
Josie Maran, situs e-commerce lain yang juga menggunakan BigCommerce menampilkan ulasan produk di bawah deskripsi produk mereka. Hal ini meningkatkan kredibilitas toko dan produk itu sendiri:
5. Gunakan Bilah Penelusuran
Beberapa pelanggan atau pengunjung anda mungkin sudah memikirkan sebuah produk saat mereka datang ke situs anda. Jika produk itu tidak segera terlihat di beranda anda, pengunjung tersebut kemungkinan besar akan mencarinya. Lalu jika mereka tidak menemukan cara untuk mencarinya, mereka akan pergi ke situs lain.
Jangan tinggalkan poin yang satu ini dan berharap pengunjung akan menggunakan menu navigasi untuk mencarinya. Mereka tidak ingin mengembara dari satu kategori ke kategori berikutnya, mereka hanya ingin mengetahui apakah anda memiliki produknya atau tidak. Pastikan anda menambahkan bilah penelusuran ke situs anda sehingga selalu terlihat.
6. Tambahkan Gambar Berkualitas Tinggi
Salah satu perbedaan terbesar antara toko fisik dan toko online adalah kenyataan bahwa pembeli online tidak dapat menyentuh atau mencoba barang untuk merasakannya. Sebagai gantinya, anda harus bergantung pada gambar produk anda untuk menyampaikan bagaimana produk sebenarnya terlihat pada gambar.
Gambar yang digunakan di situs anda harus berkualitas tinggi, tanpa keburaman yang akan merusak persepsi. Pertimbangkan untuk membuat galeri setiap produk sehingga pengunjung dapat melihat item dari beberapa sudut dan menampilkannya seperti sedang digunakan atau sudah usang.
Selain itu, pastikan gambar anda menceritakan sebuah kisah yang sesuai dengan merek anda dan membantu mendorong penjualan. Pelajari cara mengatur adegan dan mengambil foto produk yang hebat:
7. Sederhanakan Proses Checkout
Salah satu alasan terbesar penyebab tingginya tingkat pengabaian keranjang adalah proses checkout yang panjang dan rumit. Untungnya, BigCommerce memiliki satu halaman checkout yang dibangun dan meningkatkan konversi anda. Selanjutnya anda dapat mempermudah pengalaman checkout pengunjung dengan membiarkan mereka berkunjung sebagai tamu.
Cara lain untuk menyederhanakan proses checkout adalah dengan meminta informasi pelanggan hanya yang diperlukan, tidak lebih. Jika anda menjual barang digital, hilangkan bagian yang meminta alamat pengiriman karena ini tidak diperlukan.
8. Optimalkan Toko Anda untuk Mode Seluler
Tips penting lainnya yang perlu diingat adalah memastikan bahwa toko anda dioptimalkan untuk perangkat mobile. Diluar tentang memiliki tema yang responsif. Hal ini tentang memastikan gambar anda berskala bagus di layar yang lebih. Efeknya akan mempermudah pelanggan mengklik bagian yang benar dan mengisinya.
Manfaatkan fitur built-in BigCommerce untuk belanja mobile dan tambahkan solusi pembayaran mobile ke toko online anda. Hal ini akan mempermudah pembayaran produk anda menggunakan PayPal One Touch atau Apple Pay dan ini dapat meningkatkan konversi anda hingga 12%.
9. Pilih Tema BigCommerce yang Responsif
Sesuai dengan tips di atas, dikatakan bahwa tema anda tidak harus responsif namun juga harus dirancang dengan situs e-Commerce. Untungnya, tidak ada kekurangan tema BigCommerce premium yang memiliki semua fitur yang dibutuhkan: dari mega-menu hingga preview produk dan pilihan penyaringan.
10. Tambahkan Preview Produk
Cara terbaik untuk meningkatkan pengalaman berbelanja bagi pelanggan anda adalah dengan mengaktifkan preview produk atau tampilan cepat. Hal ini memungkinkan mereka untuk langsung melihat deskripsi, harga, gambar, dan informasi produk lainnya dalam gambar yang muncul dengan hanya mengklik produk apapun.
Mereka tidak perlu mengklik ke halaman produk yang dapat menghemat waktu mereka, terutama jika mereka terburu-buru dan ingin segera melihat apa yang anda tawarkan.
Situs web Carolina Panthers melakukan kerja yang sangat baik dengan fitur quick view. Anda tidak hanya dapat melihat ukuran dan harga produk melalui perbesaran gambar, anda juga dapat segera menambahkan produknya ke keranjang anda.
11. Garis Besarkan Kebijakan Toko Online Anda
Begitu pengunjung anda telah menghabiskan beberapa waktu untuk melihat-lihat toko anda dan siap untuk membeli, mereka ingin tahu kebijakan pengiriman dan pengembalian produknya. Jika anda tidak memberi mereka cara yang mudah untuk menemukan informasi itu, mereka mungkin akan menyerah saat melakukan pembelian, terutama jika anda membuat mereka sulit menghubungi anda.
Selesaikan masalah ini dengan menempatkan tautan di menu navigasi utama untuk mengarahkan mereka ke halaman yang menjelaskan ke mana anda akan mengirim, metode pengiriman apa yang digunakan, dan bagaimana anda memproses pengembalian. Sebagai alternatif, pertimbangkan untuk membuat halaman FAQ yang menjawab pertanyaan-pertanyaan ini.
12. Tampilkan Biaya Pengiriman Diawal
Studi lain menunjukkan bahwa biaya pengiriman yang ditampilkan terlambat adalah faktor besar yang berkontribusi pada tingginya tingkat pengabaian keranjang. Daripada menampilkannya pada bagian paling akhir, pastikan pelanggan anda dapat melihat biaya pengiriman yang dikalkulasikan ke harga akhir produk itu sendiri.
Anda juga dapat menambahkan kalkulator pengiriman di bawah produk untuk memberi pilihan kepada pelanggan dalam menghitung biaya akhir sebelum pergi ke halaman checkout. Dengan hal ini, mereka akan mempersiapkan biayanya sesuai estimasi begitu mereka check out dan menghindari kejutan biaya yang tidak menyenangkan.
13. Memasukkan Branding Anda Secara Konsisten
Jika anda ingin memastikan toko anda menonjol dari pesaing anda, pastikan untuk memasukkan unsur branding merek ke situs web anda. Mulailah dengan menambahkan sebuah favicon dan logo toko anda sehingga pelanggan anda dapat langsung mengenali situs anda di bagian bookmark mereka atau di media sosial.
Tambahkan warna utama pada unsur seperti menu navigasi, tombol, dan link agar tampilan dan nuansanya tetap konsisten. Melihat unsur merek anda di seluruh toko anda akan membantu membangun kepercayaan pada pelanggan anda.
Jajaran pasar eCommerce Envato Market menawarkan pengalaman merek yang konsisten di beberapa toko online kami:
14. Buat "Tambahkan ke Keranjang" Agar Tetap Terlihat
Unsur terpenting di situs anda adalah tombol “Tambahkan ke Keranjang” atau “Beli Sekarang”. Ini harus terlihat dan mudah dibedakan dari unsur lainnya. Desain tombol perlu perhatian ekstra karena desain yang lebih baik akan mengonversi lebih banyak penjualan.
Gunakan warna kontras yang akan membantu tombolnya menjadi menonjol. Selain itu, pastikan ukurannya cukup besar pada semua ukuran tampilan sehingga pembelanja mobile anda bisa mengklik tombolnya tanpa perlu melakukan zooming atau pinching.
15. Biarkan Pelanggan Menyaring Produk Secara Cepat
Kiat hemat waktu lainnya yang akan meningkatkan pengalaman berbelanja adalah memungkinkan pelanggan menyaring produk anda, terutama bila menyangkut ukuran atau warna. Bahkan penyaringan melalui jenis produk adalah cara terbaik untuk membantu mereka menghemat waktu dan dengan mudah menemukan produk yang mereka inginkan.
Hal ini akan membantu anda menghilangkan frustrasi untuk mengetahui produk yang tidak tersedia dalam ukuran atau warna yang diinginkan setelah mereka memutuskan untuk membelinya dan siap untuk checkout.
Hampir semua tema BigCommerce hadir dengan pilihan penyaringan produk sehingga yang harus anda lakukan adalah memilih yang sesuai dengan estetika toko anda.
Pelajari lebih lanjut tentang menjual produk online secara sukses:
eCommerceCara Memulai Menjual Produk Online Secara Sukses (Tahun 2017)
eCommerceCara Memilih Produk Terbaik untuk Jual Online di tahun 2017
16. Tambahkan Segel Kepercayaan ke Toko BigCommerce Anda
Orang bisa merasa ragu saat berbelanja online. Salah satu kekhawatiran terbesar mereka adalah apakah mereka dapat mempercayai situs anda dengan informasi sensitif. Anda dapat langsung meningkatkan kepercayaan pelanggan dengan menambahkan segel kepercayaan ke situs anda.
Hal tersebut akan membantu memastikan bahwa semua transaksi diproses secara aman serta kartu kredit dan informasi pribadi mereka tidak akan berakhir di tangan hacker atau scammers. Logo dari merek-merek terkenal yang berorientasi keamanan seperti VeriSign, McAfee Secure, TrustE atau Better Business Bureau sering digunakan di situs web eCommerce untuk meningkatkan kepercayaan. Man Crates menampilkannya di footer setiap halaman.
17. Usahakan Salinan Promosi Anda Tetap Pendek dan Langsung pada Intinya
Ketika sampai pada salinan situs anda, penting untuk berbagi informasi, namun ingatlah bahwa pelanggan anda tidak akan membaca keseluruhan halaman teks. Sebagai gantinya, fokuskan penggunaan paragraf pendek dan poin bullets untuk menyoroti fitur terpenting produk.
Hal ini akan membuat halaman produk individual anda terlihat lebih menarik dan memungkinkan pelanggan menemukan informasi harga secara cepat.
Perbaiki Desain Toko BigCommerce Anda Dengan Tips Ini
Desain web BigCommerce yang hebat sangat penting untuk mengubah pengunjung menjadi pembeli. Hal ini membantu anda membangun merek dan kepercayaan pelanggan. Selain itu juga membantu pelanggan memiliki pengalaman berbelanja yang mulus di situs anda sepanjang masa. Gunakan tips desain BigCommerce di atas untuk memperbaiki toko eCommerce anda dan pastikan untuk memeriksa pilihan tema BigCommerce kami jika anda baru memulai persiapan toko online. Semoga berhasil!
