Praktik Terbaik Situs eCommerce: Anatomi Situs eCommerce 'Sempurna' [Edisi 2022]

Jika Anda berkecimpung dalam bisnis penjualan produk nyata, Anda mungkin sudah bergabung dengan kereta musik eCommerce.

Menurut eMarketer, penjualan eCommerce akan mencapai hampir $2,5 triliun pada tahun 2018. Pemilik toko batu bata dan mortir semakin bergabung dengan perlombaan digital untuk meningkatkan pendapatan mereka.

Dan mengapa tidak?

Internet adalah surganya pembelanja. Dari kenyamanan rumah dan dengan satu klik, konsumen dapat membeli hampir semua hal yang mereka inginkan, tanpa harus repot melawan lalu lintas, mencari tempat parkir, menantang keramaian, dan menghadapi cuaca buruk.

Jadi di mana itu menempatkan Anda?

Dalam dunia eCommerce yang semakin penuh sesak melawan sesama vendor online Anda.

Untuk mengalahkan kurva dan bergabung dengan jajaran toko eCommerce yang terbang tinggi, Anda perlu memberi konsumen pengalaman belanja online yang terorganisir dengan baik dan efisien .

Gagasan tentang situs eCommerce yang sempurna adalah mitos, tetapi Anda dapat membuat versi sempurna Anda sendiri dengan terus-menerus menjalankan pengujian A/B dan selalu memikirkan pelanggan Anda dan kebutuhan mereka.

Situs eCommerce yang bagus memiliki beberapa elemen yang sama. Kami memecahnya dengan melihat secara mendalam pada Anda:

1. Halaman Beranda
2. Halaman Kategori
3. Halaman Produk
4. Halaman Keluar

terburu-buru? Berikut adalah praktik terbaik untuk membuat situs eCommerce pada tahun 2022:

• Praktik terbaik beranda:
  1. Bilah pencarian yang selalu ada
  2. Proposisi nilai depan dan tengah
  3. Tab produk penjualan/tab promosi
  4. Catatan kaki tempat pelanggan dapat menemukan info tentang perusahaan Anda
• Praktik terbaik halaman kategori:
  1. Produk yang ditampilkan dengan jelas dalam baris
  2. Navigasi yang mudah ditemukan
  3. Menampilkan spanduk untuk menyoroti promosi
  4. Dedikasikan bagian untuk “Penjualan Terbaik” dan/atau “Pendatang Baru”
• Praktik terbaik halaman produk:
  1. Tampilkan peringkat dan ulasan pelanggan
  2. Salinan produk yang menarik
  3. Gambar produk yang besar dan hidup
  4. Tombol add-to-cart besar, tebal, kontras dalam warna
  5. Penjualan atas, penjualan silang, produk terkait
• Praktik terbaik halaman checkout:
  1. Indikator kemajuan visual
  2. Menawarkan opsi pembayaran yang berbeda
  3. Sertakan ringkasan pesanan
  4. Layanan pelanggan yang mudah dinavigasi
  5. Lencana checkout yang aman
• Contoh situs eCommerce terbaik:
  1. Stanley-PMI: Kesan pertama itu penting
  2. Tivoli Audio: Mengoptimalkan untuk “Pria yang siap membeli” & “Tunjukkan detailnya kepada saya”
  3. Herman Miller: Menampilkan produk mereka melalui video
  4. Sticker Mule: Membuktikan proposisi nilainya, dalam hitungan detik
  5. Lululemon Athletica: Membuat pengunjung mereka terlibat
  6. MVMT: Upsell sekali klik untuk meningkatkan AOV

Unduh daftar periksa kami: praktik terbaik desain situs web eCommerce

Daftar periksa 36 poin untuk membuat situs eCommerce terbaik.

Kirimi saya panduannya

Praktik Terbaik Beranda eCommerce

Elemen berikut merupakan bagian integral dari beranda konversi tinggi:

Tip praktik terbaik beranda #1: Bilah pencarian yang selalu ada

Bilah pencarian adalah bagian yang sangat penting dari situs web eCommerce mana pun. Pastikan bahwa ketika konsumen menggulir ke bawah untuk melihat bagian bawah halaman, bilah pencarian masuk ke bilah navigasi dan menggulir ke bawah bersama mereka. Pengunjung tidak perlu menggulir kembali halaman hanya untuk mencari sesuatu yang baru.

Tip praktik terbaik beranda #2: Proposisi nilai di depan dan di tengah

Beranda Anda harus memiliki kaitan yang kuat untuk menggairahkan konsumen dan mendorong mereka untuk berbelanja. Tambahkan semangat pada proposisi nilai Anda dengan menyatakan manfaat produk Anda secara ringkas . Nyatakan USP Anda dan cerminkan kepribadian merek Anda melalui ini. Pastikan proposisi nilai Anda jelas dan terlihat.

Tip praktik terbaik beranda #3: Tab produk penjualan/tab promosi

Perbarui pelanggan yang sudah ada dan yang baru di situs web Anda dengan promosi terbaru Anda. Anda dapat menampilkan tab di bagian atas halaman dengan detail tentang diskon dan penawaran terbaru Anda. Ini juga merupakan tempat yang bagus untuk menampilkan insentif bagi pembeli pertama kali.

Kiat praktik terbaik beranda #4: Catatan kaki tempat pelanggan dapat menemukan info tentang perusahaan Anda

Tambahkan semua detail bisnis Anda di footer situs web eCommerce Anda. Tambahkan deskripsi singkat tentang perusahaan Anda, alamat email, atau nomor bebas pulsa yang dapat dihubungi, lokasi Anda, berbagai kategori produk, blog (jika ada), akun media sosial Anda, dan sebagainya.

Praktik Terbaik Halaman Kategori eCommerce

Halaman kategori harus memiliki elemen berikut untuk mendapatkan hadiah yang menguntungkan:

Kiat praktik terbaik halaman kategori #5: Produk yang ditampilkan dengan jelas dalam baris

Menurut Barbara E. Kahn, profesor pemasaran dan direktur Jay. H. Pusat Ritel Baker,

“Idenya adalah Anda akan mengambil satu produk saat barang ditumpuk secara vertikal dan lebih dari satu saat ditumpuk secara horizontal. Pengecer telah mengetahui hal ini.”

Ini menunjukkan bahwa produk yang ditumpuk secara horizontal dalam baris akan terjual lebih baik dibandingkan dengan produk yang ditampilkan dalam kolom.

Tip praktik terbaik halaman kategori #6: Navigasi yang mudah ditemukan

Memiliki rencana navigasi yang jelas membantu dalam kegunaan dan memungkinkan pengguna untuk naik ke kategori yang diinginkan dengan mudah.

Tip praktik terbaik halaman kategori #7: Menampilkan spanduk untuk menyoroti promosi

Spanduk fitur adalah bagian penting dari halaman kategori. Ini meningkatkan pengalaman pengguna dalam beberapa cara – menunjukkan kepada mereka bahwa mereka berada di halaman yang tepat, mendorong mereka ke langkah berikutnya yang perlu mereka ambil untuk menyelesaikan proses belanja online, dan menggoda mereka dengan promosi terus-menerus.

Unduh daftar periksa kami: praktik terbaik desain situs web eCommerce

Daftar periksa 36 poin untuk membuat situs eCommerce terbaik.

Kirimi saya panduannya

Tip praktik terbaik halaman kategori #8: Dedikasikan bagian untuk “Penjualan Terbaik” dan/atau “Pendatang Baru”

Pendatang Baru membantu pendukung merek untuk melakukan pembelian baru karena mereka terus datang kembali untuk membeli lebih banyak. Penjual Terbaik sama efektifnya karena mendorong pelanggan baru untuk melakukan pembelian pertama mereka berdasarkan produk populer Anda.

Praktik Terbaik Halaman Produk eCommerce

Halaman produk dengan konversi tinggi tidak akan berfungsi tanpa elemen berikut:

Tip praktik terbaik halaman produk #9: Tampilkan penilaian dan ulasan pelanggan

Menurut Moz, 67% konsumen dipengaruhi oleh ulasan online. Menampilkan semua jenis ulasan, baik dan buruk (ya, yang negatif juga) mendorong konsumen untuk mempercayai merek Anda dan membeli dari Anda. Ulasan jujur ​​selalu menjadi dasar yang kuat untuk kepercayaan.

Tip praktik terbaik halaman produk # 10: Salinan produk yang menarik

Salinan produk adalah bagian penting dari dunia eCommerce. Mengapa? Karena itu perlu menjual produk. Itu perlu berbicara dengan konsumen. Jadilah deskriptif, lukis gambar, dan alih-alih menyatakan fitur, jelaskan manfaat produk.

Tip praktik terbaik halaman produk #11: Gambar produk yang besar dan hidup

Visual mengalahkan teks. Gambar berbintik-bintik, mabuk dengan warna kusam akan melukiskan gambaran negatif dari merek Anda dan tidak menarik bagi konsumen Anda. Di sisi lain, gambar besar dan hidup di mana setiap detail terlihat jelas akan lebih menarik bagi pelanggan Anda. Selain itu, cobalah untuk menampilkan sebanyak mungkin sudut dan sudut pandang produk.

Menurut Matt dari American Muscle,

“American Muscle tidak hanya memiliki koleksi foto yang bagus untuk hampir setiap produk dari setiap sudut, di dalam dan di luar mobil, tetapi juga memungkinkan pelanggan untuk mengunggah foto mereka sendiri. Bidikan pelanggan ini seringkali lebih baik daripada bidikan perusahaan dan mencakup sudut yang benar-benar ingin dilihat pelanggan.”

Panduan utama untuk menumbuhkan & menskalakan bisnis eCommerce

Semua yang telah kami pelajari selama 18+ tahun perjalanan kami dalam panduan PDF 30.000 kata.

Kirimi saya panduannya

Tip praktik terbaik halaman produk #12: Tombol add-to-cart besar, tebal, kontras dalam warna

Tempatkan CTA di dekat produk. Beri label pada tombol CTA Tambahkan ke Keranjang, Beli Sekarang, dll. Pastikan ukurannya besar dan mudah terlihat.

Tip praktik terbaik halaman produk #13: Penjualan atas, penjualan silang, produk terkait

Anda dapat meningkatkan konversi dan meningkatkan nilai keranjang rata-rata dengan menjual produk terkait dan menjual silang. Tunjukkan kepada konsumen produk yang akan melengkapi pembelian mereka atau produk yang serupa dengan yang mereka beli. Menurut penelitian Forrester, up-sell dan cross-sell bertanggung jawab atas rata-rata 10-30% dari pendapatan eCommerce.

Praktik Terbaik Halaman Checkout eCommerce

Elemen berikut memberikan dorongan terakhir kepada konsumen untuk menyelesaikan penjualan di halaman checkout:

Tip praktik terbaik halaman checkout #14: Indikator kemajuan visual

Formulir pembayaran online sering kali dapat menghalangi pelanggan untuk menyelesaikan proses belanja. Sangat dekat tapi sangat jauh. Tapi kenapa? Karena mengisi semua detail yang melelahkan bisa menjadi tugas paling membosankan dan manual yang dikenal dunia digital! Jadi bagaimana Anda membuat tugas yang menyakitkan ini sedikit lebih mudah bagi pelanggan Anda? Menunjukkan kemajuan pengisian formulir mereka melalui indikator kemajuan visual memungkinkan mereka melihat cahaya di ujung terowongan. Itu tidak melakukan pekerjaan untuk mereka tetapi setidaknya secara psikologis membantu mereka melewatinya.

Tip praktik terbaik halaman checkout #15: Tawarkan opsi pembayaran yang berbeda

Tawarkan pelanggan kemewahan memilih opsi pembayaran mereka seperti PayPal, Stripe, Mastercard, dll.

Tip praktik terbaik halaman checkout #16: Sertakan ringkasan pesanan

Tunjukkan kepada pelanggan Anda ringkasan pesanan mereka di halaman checkout, sehingga mereka tahu apa yang mereka beli. Itu membuat mereka tidak terus-menerus bertanya-tanya apakah mereka mengklik produk yang tepat, berapa harganya, apakah mereka memilih warna yang tepat, dll. Anda dapat menyertakan gambar produk, atribut produk, dan harganya.

Tip praktik terbaik halaman checkout #17: Layanan pelanggan yang mudah dinavigasi

Tidak ada kebijakan pengembalian adalah cara yang pasti untuk menakut-nakuti pelanggan Anda. Untuk menghindari hal ini, tambahkan elemen dukungan ke halaman checkout Anda. Ini dapat mencakup fitur obrolan, kebijakan pengiriman dan pengembalian yang jelas, nomor bebas pulsa untuk mereka hubungi, dll.

Tip praktik terbaik halaman checkout #18: Lencana checkout yang aman

Gunakan tajuk yang bertuliskan '100% belanja aman', atau tambahkan lencana keamanan di bagian bawah untuk menghilangkan pertanyaan keamanan pelanggan Anda. Dengan bisnis eCommerce yang berkembang pesat dengan kecepatan tinggi, penting untuk menyediakan lingkungan belanja online yang aman bagi pelanggan. Menambahkan grafik ini pada halaman checkout akan menghilangkan kemungkinan pelanggan mundur pada menit terakhir karena masalah keamanan.

Unduh daftar periksa kami: praktik terbaik desain situs web eCommerce

Daftar periksa 36 poin untuk membuat situs eCommerce terbaik.

Kirimi saya panduannya

Mau lihat infografis selengkapnya? Jangan ragu untuk berbagi (kode embed ada di bawah)

Bagikan infografis ini di situs Anda

<p><strong>Harap sertakan atribusi ke Core dna dengan grafik ini.</strong><br /><br /><a href='https://www.coredna.com/blogs/ecommerce-site'> <img src='https://www.coredna.com/web_images/ecommerce-site-design-infographic.png' alt='Anatomi situs e-niaga yang sempurna' width='725px' border='0' /> </a></p>

Contoh situs eCommerce terbaik: edisi 2022

Kami meneliti situs eCommerce teratas di berbagai industri, baik di B2C dan B2B, untuk memberi Anda pandangan komprehensif tentang apa yang diperlukan untuk beralih dari situs biasa menjadi pemimpin industri.

1. Stanley-PMI: Kesan pertama itu penting

Kategori: B2C

Pasar: Mug dan termos luar ruangan

Saat seseorang membuka situs Anda, mereka akan segera pergi jika Anda tidak melibatkan mereka dengan cepat atau menunjukkan sesuatu yang membuat mereka penasaran.

Jadi, sangat penting bagi pengunjung situs Anda untuk memahami manfaat produk Anda dan Stanley-PMI melakukan pekerjaan yang baik dalam hal ini. Semakin cepat mereka dapat memahami apa yang dilakukan produk Anda untuk mereka, semakin tinggi konversi Anda.

Apa yang kami sukai darinya?

Salinan produk yang jelas dan ringkas: manfaat cepat, jalur warna pada setiap produk, peringkat di atas, dan tombol “TAMBAHKAN KE KERANJANG” yang jelas semuanya memudahkan untuk memutuskan.

Apa yang bisa ditingkatkan?

Alih-alih mengatakan "Daftar ke buletin kami", mereka harus menyatakan manfaat langsung untuk mendaftar. Mereka dapat menggunakan magnet timah dan menulis sesuatu seperti, "Untuk menerima panduan gratis Anda ..."

Bahkan menambahkan "Daftar untuk penawaran eksklusif" tanpa magnet utama akan membuatnya sedikit lebih meyakinkan bagi pembaca untuk memasukkan email mereka.

2. Tivoli Audio: Mengoptimalkan untuk “Pria yang siap membeli” & “Tunjukkan detailnya kepada saya”

Kategori: B2C

Pasar: Audio

Ada dua jenis konsumen:

1. Mereka yang siap membeli, membuat keputusan cepat, dan ingin mendapatkan barang dengan benar.
2. Lalu ada orang yang ingin tahu lebih banyak. Mereka ingin membaca FAQ, Tentang Halaman, dan membaca hampir semua hal sebelum mereka membeli.

Situs eCommerce yang baik tahu cara mengoptimalkan untuk kedua jenis orang dan Tivoli Audio melakukannya dengan baik.

Apa yang kami sukai darinya?

Navigasi tajuk ganda di halaman beranda. Navigasi yang besar dan jelas ke toko dan halaman utama lainnya, dan bagi mereka yang menginginkan lebih, Anda memiliki detail yang lebih dalam di atas.

Apa yang bisa ditingkatkan?

Satu kategori yang harus ditambahkan (karena biasanya kategori teratas yang dipilih di situs eCommerce) adalah kategori “Pendatang Baru”.

3. Herman Miller: Menampilkan produk mereka melalui video

Kategori: B2B

Pasar: Perabotan

Foto-foto besar, jelas, dan jelas diharapkan hari ini. Video menjadi standar baru.

Apa yang kami sukai darinya?

Produk yang ditampilkan melalui video - pelanggan dapat merasakan produk bergerak, sehingga membuat mereka lebih mungkin untuk membeli.

Apa yang bisa ditingkatkan?

Yang kurang dari Herman Miller adalah testimoni pelanggan. Tidak ada ulasan di situs. Ada beberapa desainer di halaman produk, tetapi mereka kehilangan bukti sosialnya.

4. Sticker Mule: Membuktikan proposisi nilainya, dalam hitungan detik

Kategori: B2B

Pasar: Hadiah

Stiker bagal melakukan pekerjaan yang baik untuk menjelaskan mengapa mereka begitu baik. Proposisi nilai mereka adalah hal pertama yang Anda lihat, dan bukti stiker gratis prospek dibuat dalam hitungan detik, membangun kepercayaan dan meningkatkan konversi.

Apa yang kami sukai darinya?

Proposisi nilai yang sangat jelas yang terbukti dalam hitungan detik, dan kredibilitas sosial.

Apa yang bisa ditingkatkan?

Mungkin ada cara yang lebih mudah bagi pelanggan untuk menghubungi layanan pelanggan - hanya ada satu tombol "kontak" di situs di bagian bawah halaman.

Menambahkan opsi obrolan langsung di kanan bawah akan sangat bagus. Bahkan menambahkan tombol "kontak" kedua di bagian atas akan membantu.

5. Lululemon Athletica: Membuat pengunjung mereka terlibat

Kategori: B2C

Pasar: Pakaian

Orang ingin lebih banyak interaksi. Mereka ingin lebih terlibat dalam pengalaman belanja online.

Apa yang kami sukai darinya?

Keterlibatan di situs sangat bagus, ditambah navigasi memudahkan untuk menemukan apa yang Anda cari.

Apa yang bisa ditingkatkan?

Fitur obrolan langsung membutuhkan terlalu banyak pekerjaan - daripada harus mengisi formulir untuk menunggu obrolan langsung, biarkan pelanggan melewati pekerjaan dan mulai mengobrol langsung dengan agen layanan pelanggan, atau chatbot.

6. MVMT: Upsell sekali klik untuk meningkatkan AOV

Kategori: B2C

Pasar: Mode

Toko eCommerce Anda harus dirancang untuk melakukan satu hal: memberi pelanggan Anda sesuatu yang mereka inginkan.

Upsell adalah peluang sempurna untuk menambahkan sedikit nilai lebih pada penawaran Anda saat ini. Jika Anda dapat membuatnya semudah mengklik tombol untuk menambahkan tali kedua ke jam tangan, Anda akan dapat meningkatkan nilai pesanan rata-rata Anda dalam waktu yang lama.

Apa yang kami sukai darinya?

Peningkatan penjualan MVMT pada jam tangan mereka tidak terlihat memaksa. Itu tidak membuat Anda merasa tidak nyaman. Ini menciptakan peluang bagi pengunjung mereka untuk memiliki lebih banyak pilihan. Tempatkan diri Anda pada posisi pengunjung Anda. “Hmm… tali kedua… aku tidak pernah memikirkan itu. Memiliki kulit hitam akan menyenangkan. Ya, aku lebih suka yang itu daripada abu-abu.” *Klik*

Apa yang bisa ditingkatkan?

MVMT memiliki situs yang cantik. Ini bersih, itu dirancang dengan baik. Sangat mudah untuk digunakan. Namun, satu hal yang dapat ditingkatkan adalah halaman beranda di paro atas. Proposisi nilai yang jelas yang segera memberi tahu Anda mengapa toko Anda berbeda akan menurunkan rasio pentalan dan meningkatkan konversi.