Cara Mendesain Halaman Produk eCommerce Agar Sukses

Diterbitkan: 2020-11-11
a team looking at ecommerce product pages on a computer
Halaman produk yang bagus dapat meningkatkan pengalaman pengguna dan meningkatkan rasio konversi Anda
"Pemasaran terbaik tidak terasa seperti pemasaran."
Tom Fishburne

Apakah halaman produk Anda gabus atau saluran? Apakah mereka diisi dengan teks berlapis Teflon atau konten yang lengket dan merangsang? Apakah gambar Anda membosankan, atau menarik?

Inilah fakta yang tidak dapat disangkal: Jika Anda ingin melakukannya dengan baik di eCommerce, Anda perlu membuat halaman produk yang hebat. Mereka bisa dibilang bagian paling penting dari keseluruhan shebang ritel online.

Halaman produk yang bagus meningkatkan tingkat konversi Anda. Halaman produk yang buruk menghalangi saluran penjualan Anda. Ini sesederhana itu.

Menurut survei terbaru oleh platform pengalaman perdagangan Salsify, hampir 70% orang keluar dari halaman produk yang ditulis dengan buruk dan terlalu disederhanakan.

Selain itu, sebagian besar konsumen berharap untuk melihat setidaknya enam gambar — dan dua video — di setiap halaman produk.

Tentu, taruhannya tinggi, tetapi jangan biarkan hal itu membuat Anda pergi. Pada artikel ini, kita akan berbicara tentang bagian-bagian penting dari halaman produk. Kemudian, kami akan mengajari Anda cara membuat halaman produk Anda sendiri yang sempurna. Bagian terbaik? Anda akan menikmati diri sendiri.

Mari kita mulai.

"Dalam setiap pekerjaan yang harus dilakukan, ada unsur kesenangan. Anda menemukan kesenangan — dan jepret! — pekerjaan itu permainan."
Mary Poppins

Daftar isi

  • Ini Adalah Bagian Penting Dari Halaman Produk
  • Halaman Produk Penting Untuk Pertumbuhan
  • Apa yang Membuat Halaman Produk Sempurna?
  • 4 Halaman Produk eCommerce Untuk Inspirasi
  • Takeaways Halaman Produk eCommerce
Ingin membangun toko online?
Temukan Pengembang eCommerce!

Ini Adalah Bagian Penting Dari Halaman Produk

Halaman produk yang dibangun dengan baik seperti kue bolu: Mereka terlihat bagus; mereka turun dengan baik, dan mereka membuat Anda menginginkan lebih. Mereka juga memiliki empat bahan utama:

  1. Nama produk (mentega): Halus seperti yang disarankan alias, nama produk yang bagus itu sederhana, mudah diingat, dan mudah dicerna.
  2. Gambar produk (gula): Seperti pemanis, gambar yang menarik menambah rasa dan membuat produk Anda lebih diminati.
  3. Deskripsi produk (tepung): Konten yang ditulis dengan cermat adalah raja — dan seperti tepung dalam kue, ini adalah komponen terbesar di halaman Anda.
  4. Pengalaman pengguna (telur): Telur adalah salah satu bahan ragi yang menyebabkan kue mengembang. Pengalaman pengguna yang dibuat dengan cermat memberikan peningkatan yang serupa pada halaman Anda.

Anda mungkin berpikir, "Hei — bagaimana dengan esens vanila dan baking powder? Bagaimana dengan sejumput garam yang sangat penting?" Nah, itulah keterampilan kreatif yang akan Anda gunakan untuk menyatukan halaman Anda. Kami akan kembali ke mereka nanti.

Bulk Nutrient ecommerce product page screenshot
[Sumber: Nutrisi Massal]

Halaman Produk Penting Untuk Pertumbuhan

Konsumen tidak dapat berinteraksi secara fisik dengan barang dagangan di toko eCommerce — dan di situlah halaman produk yang dirancang dengan baik masuk. Segala macam hal — mulai dari speaker Bluetooth hingga botol air — dijual dalam jumlah yang lebih besar saat terasa nyata bagi pelanggan.

Mari selami lebih dalam lagi:

1. Halaman Produk Hebat Membantu Mengoptimalkan Situs Web Anda

Halaman produk yang sangat baik adalah bagian penting dari SEO. Jika Anda tidak mengoptimalkan halaman Anda, orang tidak akan dapat menemukan barang dagangan Anda. Jika Anda mengoptimalkan halaman produk Anda, mereka secara kolektif akan membantu mengoptimalkan seluruh situs Anda.

Banyak rekayasa balik masuk ke SEO.

Untuk mencapai peringkat Google yang baik, Anda perlu mencari tahu istilah apa yang dicari konsumen saat mereka mencari produk seperti yang Anda jual. Kemudian, Anda harus memasukkan kata kunci tersebut ke dalam konten di halaman Anda.

Alat dan alat intelijen bisnis seperti Google Analytics dapat membantu Anda menemukan kata kunci yang relevan, sementara platform seperti INK mempermudah penulisan yang berpusat pada SEO.

2. Halaman Produk Hebat Meningkatkan Konversi

Ingat saluran penjualan yang kami sebutkan sebelumnya? Halaman produk Anda berada di bagian bawah corong itu, di mana mereka mengubah pengunjung menjadi pelanggan atau mengeluarkan mereka dari situs Anda sepenuhnya.

Mungkin tidak mengejutkan, halaman produk yang dirancang dengan baik bekerja sesuai keinginan Anda pada tahap ini dalam permainan.

Konsumen yang membuka halaman produk di situs Anda sudah tertarik dengan produk Anda dan terbuka terhadap saran. Yang perlu Anda lakukan adalah memberi mereka dorongan lembut.

Untuk mendapatkan penjualan, Anda hanya perlu meyakinkan pengunjung bahwa barang Anda memberikan nilai yang relatable.

Apa yang Membuat Halaman Produk Sempurna?

Anda tidak memerlukan gelar dalam komunikasi untuk membuat halaman produk yang efektif. Yang harus Anda lakukan adalah mengikuti serangkaian praktik terbaik. Berikut adalah lima hal penting yang harus disertakan setiap kali Anda menerbitkan halaman produk baru:

1. Besar, Gambar Indah

Seperti yang kami sebutkan sebelumnya, konsumen berharap untuk melihat gambar produk yang mengesankan — dan banyak dari mereka.

Survei Salsify yang kami ambil di awal artikel ini melangkah lebih jauh dari konsensus umum dengan memisahkan konsumen ke dalam kelompok usia.

Konsumen berusia 18 hingga 24 tahun ingin melihat delapan gambar dan empat video per produk. Konsumen dalam rentang usia 35 hingga 44 tahun setuju dengan kuota gambar tetapi mengharapkan lima video, bukan empat.

Omong-omong, jika Anda tertarik untuk menjelajahi jalan ini, kami memiliki daftar perusahaan produksi video teratas di sini.

Kembali ke intinya:

Penelitian lebih lanjut oleh Hubspot menunjukkan bahwa halaman produk yang diisi dengan gambar berkualitas tinggi mendapatkan 94% lebih banyak tampilan.

Merchandising visual jelas sangat penting — bahkan di lingkungan virtual. Berikut adalah beberapa kiat menarik untuk membantu Anda membuat foto produk yang meningkatkan pendapatan:

  • Gunakan gambar beresolusi tinggi: Saat konsumen tidak dapat menangani produk secara fisik, gambar beresolusi tinggi membuatnya terasa nyata. Pikirkan tentang aspek setiap produk yang ingin Anda periksa di toko dan berikan closeup yang sesuai.
  • Gunakan gambar besar: Jangan pernah berhemat pada dimensi piksel. Orang ingin dapat memperbesar untuk mengintip produk Anda, jadi hindari menggunakan foto yang lebih kecil dari 1024x1024 piksel.
  • Optimalkan gambar Anda untuk web: Dimensi piksel dan ukuran file bukanlah hal yang sama. Untuk hasil terbaik, gunakan perangkat lunak pengedit foto yang bagus seperti PhotoShop dan simpan gambar Anda sebagai JPG yang dioptimalkan untuk mengurangi waktu buka halaman.
  • Manfaatkan gambar pelanggan: Gunakan basis penggemar Anda yang ada untuk mendorong penjualan dengan mendorong orang untuk memposting gambar diri mereka sendiri menggunakan produk Anda. Bukti sosial membantu membangun kredibilitas merek.

Saran Orang Dalam #1: Terkadang, PNG lebih baik daripada JPG. File PNG mendukung latar belakang transparan, sehingga cocok untuk logo, gambar yang dihasilkan komputer, dan foto produk yang ditampilkan di atas latar belakang digital. PNG juga mendukung rentang warna yang lebih luas dan memiliki rasio kontras yang lebih baik daripada JPG, sehingga ideal untuk gambar produk yang sangat detail.

cutting borad screenshot tuscan olive wood image
[Sumber: Talenan]

2. Deskripsi Produk Unik

Jangan tergoda untuk mendaur ulang atau mengubah deskripsi produk. Konten duplikat menipiskan kehadiran online Anda dan membatalkan strategi SEO Anda. Sebaliknya, buat deskripsi baru untuk setiap produk.

Saat Anda menulis, pikirkan untuk apa produk itu, untuk siapa , bagaimana cara kerjanya, dan mengapa produk itu berbeda dari produk serupa yang tersedia di tempat lain. Anda perlu meyakinkan pengunjung untuk membeli produk Anda di tempat. Berikut caranya:

Kiat #1: Tulis untuk audiens target Anda

Pikirkan tentang siapa Anda mencoba menjual produk Anda. Jika ini bukan sesuatu yang telah Anda pertimbangkan sebelumnya, buat persona pembeli dan kemudian targetkan teks Anda pada pelanggan imajiner Anda.

Tp #2: Gunakan kata-kata tindakan

Kata-kata tindakan mendorong… tindakan! Mulailah setiap deskripsi dengan kata tindakan untuk memberi tahu pembaca apa yang dapat mereka capai dengan produk Anda. Seperti:

  • "Hiasi ruang tamu Anda dengan wallpaper multi-warna ini."
  • "Jadikan makan malam sederhana dengan berbagai makanan siap saji ramah keluarga kami."
  • "Memotong sayuran dalam hitungan detik dengan pengolah makanan mini hemat tempat ini."

Tp #3: Gunakan bahasa yang digunakan pelanggan Anda

Menjual berbagai alat? Gunakan nada yang praktis dan bahasa yang lugas. Jual barang antik mahal? Gunakan bahasa formal dan istilah yang tepat untuk menunjukkan keahlian Anda.

3. Tambahkan Ulasan Dan Peringkat

Ulasan — terutama jika menyertakan gambar pelanggan — membuat merek Anda lebih kredibel. Menurut Volume 8 Indeks Konversi Bazaarvoice, pengunjung yang melihat ulasan 58% lebih mungkin untuk melakukan pembelian.

Ulasan dan peringkat juga meningkatkan nilai pesanan rata-rata (AOV) Anda sebesar 3% dan meningkatkan pendapatan per kunjungan hingga 62%.

Mari kita tinjau kembali bukti sosial.

Anda mungkin membaca ulasan terakhir kali Anda membeli sesuatu yang baru juga. Premis ulasan produk sederhana: Jika pelanggan yang ada menganggap produk atau layanan hebat, Anda mungkin akan memiliki pengalaman positif yang sama.

40% pelanggan akan mulai berbisnis dengan merek pesaing yang memiliki reputasi layanan pelanggan yang baik. Singkatnya, itu bukti sosial.

Jika merek Anda memenangkan penghargaan, sebutkan di halaman produk Anda. Lencana kepercayaan (akreditasi Better Business Bureau, sertifikasi TRUSTe) meyakinkan konsumen — terutama jika merek Anda baru di pasar.

4. Hapus Ajakan Bertindak

Pengunjung situs sering kali perlu diberi tahu apa yang harus dilakukan selanjutnya. Ajakan bertindak (CTA) yang ditulis dengan baik di akhir deskripsi produk Anda bertindak sebagai petunjuk.

Pakar pemasaran masuk menyebut CTA sebagai "senjata rahasia" karena mereka meningkatkan konversi, meningkatkan AOV, dan umumnya corong mengarah ke garis finish.

Butuh beberapa contoh CTA? Ini dia:

  • "Klik di sini untuk mengetahui lebih lanjut tentang suplemen bio penambah energi kami dan dapatkan diskon 10% untuk pesanan Anda berikutnya."
  • "Beli hari ini dan dapatkan pengiriman semalam gratis!"
  • "Hubungi kami sekarang untuk mengatur konsultasi gratis atau demonstrasi produk pribadi."

Peretasan CTA melampaui teks dan mungkin termasuk:

  • Tombol panah: Menambahkan ikon panah ke CTA Anda dapat meningkatkan rasio klik-tayang (RKT) sebesar 26%.
  • Teks merah atau oranye : Mengubah warna teks Anda dari hitam membosankan menjadi merah cerah atau oranye dapat meningkatkan tingkat konversi Anda sebanyak 32,5%.
  • Tombol yang dapat diklik: Mengubah seluruh CTA Anda menjadi tombol raksasa dapat meningkatkan RKT sebesar 45%.
  • Mengurangi kekacauan: Pamerkan CTA Anda dalam pengaturan minimalis dan dapatkan lalu lintas klik-tayang hingga 232% lebih banyak.
  • Personalisasi: CTA yang ditargetkan dapat meningkatkan RKPT Anda sebanyak 42%.

Saran Orang Dalam #2: CTA juga merupakan bahan strategi pemasaran ajaib. Menurut survei oleh AdRoll dan Wordstream, CTA meningkatkan rasio klik-tayang pada posting media sosial sebesar 285% dan meningkatkan CTR pada email pemasaran sebesar 371%.

5. Rekomendasi Produk

Rekomendasi produk — dipersonalisasi atau tidak — dapat mendorong nilai keranjang rata-rata Anda ke atas.

Letakkan beberapa di bawah deskripsi produk Anda untuk meningkatkan halaman Anda dan menciptakan buzz umum di sekitar merek Anda. Ada delapan jenis utama rekomendasi produk:

  1. Produk serupa: Saran produk serupa memudahkan konsumen menemukan kecocokan barang dagangan ideal mereka.
  2. Opsi upsell: Pamerkan versi produk premium dengan harga lebih tinggi untuk mendorong belanja konsumen.
  3. Sering dibeli bersama: Sejajarkan produk yang cocok satu sama lain untuk menggandakan AOV Anda.
  4. Produk yang direkomendasikan: Gunakan data untuk merekomendasikan produk berdasarkan riwayat penjelajahan pengunjung.
  5. Sebelumnya dilihat: Tampilkan produk kepada pengunjung yang pernah mereka lihat sebelumnya untuk mendorong pembelian.
  6. Bundel produk: Permudah pelanggan untuk membeli bundel dengan menawarkan diskon khusus.
  7. Produk yang sedang tren: Gunakan tekanan teman sebaya untuk mendorong pengunjung memilih item tambahan.
  8. Pendatang baru: Pamerkan koleksi musiman dan item teknologi baru dengan korsel pendatang baru.
Belli skincare ecommerce product page example
[Sumber: Perawatan Kulit Belli]

4 Halaman Produk eCommerce Untuk Inspirasi

Emulasi adalah formula pasti untuk sukses. Mari kita lihat beberapa halaman produk paling efektif yang telah kita lihat akhir-akhir ini dan bicarakan mengapa mereka bekerja dengan sangat baik:

1. Larq

Larq pada dasarnya adalah perusahaan produk tunggal. Botol air pembersih mandiri yang inovatif dalam berbagai warna dan lengan yang menyertainya membuat sebagian besar penawaran online-nya.

Halaman botol air utamanya sederhana dan elegan, dan menjelaskan apa yang ditawarkan botol air Larq dan perbedaannya dengan botol air lainnya.

Melihat bahasa, ilmu pengetahuan, dan titik harga di halaman produk Larq, kita dapat melihat bahwa basis konsumen target Larq melek teknologi dan cukup makmur.

Minimalis dan mudah diserap, halaman produk Larq memberikan pengalaman intuitif yang canggih.

Larq ecommerce product page screenshot
[Sumber: Larq]

2. liang

Selanjutnya mari kita lihat sofa Block Nomad dari Burrow. Burrow membuat furnitur berkualitas premium sesuai pesanan dan mengirimkan setiap bagian langsung dari produsen ke konsumen.

Nomad tidak merepotkan, tidak merepotkan, dengan tiga tempat duduk, dan memiliki lapisan tahan noda — kemewahan dan umur panjang dalam satu paket yang nyaman.

Pemilihan produk dan checkout adalah penghalang terkenal untuk membeli, tetapi Burrow membuatnya mudah. Tombol radio memungkinkan Anda memilih warna, hasil akhir, gaya lengan, pilihan bantalan, dan peningkatan opsional.

Setiap kali Anda beralih dari satu opsi ke opsi lainnya, gambar utama berubah agar sesuai. Sangat mudah untuk membayangkan sofa yang akan Anda terima — dan itu adalah langkah pemasaran yang jenius. Bravo, Burrow.

Menggulir ke bawah, halaman produk Block Nomad dipoles dan tidak dibuat-buat. Dimensi didahulukan, lalu kita beralih ke deskripsi produk yang singkat dan bijaksana.

Fitur utama mengikuti (ikon membuat penanda visual) dan kemudian kutipan dari CEO Burrow, yang menciptakan hubungan cerdas antara perusahaan dan konsumen. Video dan animasi putar otomatis berfungsi sebagai hiasan.

block nomad sofa product page design
[Sumber: Burrow]
block nomad sofa ecommerce product page
[Sumber: Burrow]

3. Pesta pora

Waktunya untuk pakaian yang tak lekang oleh waktu. Didirikan pada tahun 2009, Revelry menghindari ritel tradisional dan memudahkan untuk berbelanja gaun pengiring pengantin di rumah.

Anda dapat memesan swatch kain, memilih panjang gaun, dan menentukan tambahan khusus tanpa meninggalkan ruang tamu Anda. Setiap gaun dibuat sesuai pesanan dalam berbagai ukuran, warna, dan bahan.

Demi uraian ini, mari kita periksa halaman produk gaun pengiring pengantin beludru Dylan.

Tepat di bawah nama produk kami memiliki harga, tercantum secara lengkap dan juga dalam angsuran Klarna. Penetapan harga angsuran dapat membantu Anda meningkatkan penjualan dengan menyebarkan harga barang-barang mahal, membuatnya lebih terjangkau dengan segera.

Langkah yang bagus, Revelry.

Konsumen dapat memilih opsi seperti warna, ukuran, panjang gaun, dan waktu pengiriman melalui daftar drop-down intuitif dan tombol radio yang nyaman.

Pindah ke bawah halaman, kita melihat deskripsi produk dan informasi lebih lanjut tentang gaun itu. Terakhir, ulasan memberikan bukti sosial dan korsel "More to Love" menyarankan alternatif.

revelry screenshot ecommerce website design
[Sumber: Revelry]

4. Permen Tengkorak

Musik adalah bahasa universal dan produk Skullcandy membuatnya lebih mudah untuk dinikmati.

Ambil headphone peredam bising Venue merek, misalnya.

Nyaman dan dirancang dengan hati-hati, mereka juga menyertakan teknologi peredam bising aktif untuk membuat harmoni lebih mudah didengar. Kami segera mempelajari informasi ini karena ditampilkan dengan sangat jelas di halaman produk.

Warna-warna cerah dan grafis mutakhir memberi halaman ini suasana yang trendi; ikon yang mudah dipahami dan deskripsi ringkasan satu kalimat memberi pembaca informasi yang dapat dicicipi dan dapat dipindai.

Kemudian, sebuah video menunjukkan produk dari semua sudut, mengubahnya dari item dua dimensi menjadi item tiga dimensi. Gulir ke bawah sedikit lagi dan Anda mendapatkan fitur dan manfaat layar penuh.

Foto, kutipan, dan fakta teknologi mempromosikan headphone Venue sebagai alternatif yang layak (dan lebih trendi) untuk merek peredam bising yang lebih terkenal. Ulasan berada di bagian bawah halaman dalam format tengah — dan terlihat seperti peringkat album.

Pintar, dan setara dengan getaran perusahaan rekaman. Bagus sekali, Skullcandy.

venue noise-canceling headphones ecommerce product page
[Sumber: Skullcandy]
scullcandy venue noise-canceling headphones product page design
[Sumber: Skullcandy]

Takeaways Halaman Produk eCommerce

Halaman produk berada di dekat bagian bawah saluran penjualan Anda, di mana mereka memaksa pengunjung untuk melakukan pembelian atau menyebabkan mereka terpental langsung dari situs Anda.

Halaman produk yang bagus mencakup teks deskriptif yang ditulis dengan baik dan unik, gambar yang menarik, ulasan asli, dan ajakan bertindak yang jelas.

Tambahkan sedikit bakat Anda sendiri ke semua elemen halaman tersebut, dan Anda akan menghidupkan produk Anda. Jangan khawatir jika Anda melihat lonjakan penjualan setelah mengoptimalkan halaman produk Anda! Semoga beruntung!

Ingin membangun toko Shopify?
Temukan Pengembang Shopify