Pernahkah Anda bertanya-tanya mengapa toko kelontong menempatkan susu di belakang toko dan coklat di dekat meja kasir?
Sederhana: menempatkan barang-barang penting di bagian belakang toko mendorong pembeli untuk berjalan-jalan dan melihat-lihat produk lainnya. Menempatkan barang-barang kecil (seperti coklat) di dekat meja kasir mendorong pembelian impulsif.
Semua ini adalah bagian dari ilmu desain toko. Tata letak toko yang tepat dapat meningkatkan penjualan, meningkatkan loyalitas, dan membantu pelanggan menemukan apa yang mereka inginkan lebih cepat.
Toko online Anda tidak berbeda. Organisasi dan tata letak produk Anda berdampak besar pada apa (dan bagaimana) pelanggan membeli dari Anda.
Dalam artikel ini, kami akan menunjukkan cara menata produk Anda untuk memaksimalkan penjualan dan konversi.
3 Hal yang Perlu Dipertimbangkan Saat Memilih Tata Letak Produk
Tata letak produk mungkin terdengar seperti masalah sederhana saat Anda pertama kali mendekatinya. Namun, seperti kebanyakan hal di dalamnya
1. Pilihan
Pilihan adalah a
Tata letak produk yang efektif pada dasarnya adalah proses menyeimbangkan dualitas ini. Yaitu: memberikan kesan pilihan yang berlimpah, namun tetap menjaga situs tetap mudah digunakan dan dinavigasi.
Ilmu pengetahuan mengatakan bahwa pengambilan keputusan itu melelahkan secara mental. Ketika Anda menghadapkan pembeli dengan terlalu banyak pilihan, mereka cenderung tidak membuat pilihan sama sekali.
Lalu bagaimana cara mengatasi masalah ini pada tata letak toko Anda?
Salah satu solusinya adalah menggunakan gambar unggulan yang mengarah ke produk tambahan. Misalnya, perhatikan bagaimana Made.com menggunakan gambar terpisah untuk seluruh kategori produk (seperti "furnitur taman"):
Anggap saja ini sebagai penggoda untuk memikat pembeli.
Idealnya, Anda ingin mempertahankannya
Oleh karena itu, sebelum Anda memulai proses penataan tata letak , buatlah daftar hal-hal berikut:
- Seluruh rangkaian produk Anda serta kategori dan subkategorinya masing-masing
- Kategori fungsional seperti “produk terlaris”, “produk unggulan”, dll. beserta produk di dalamnya.
Langkah selanjutnya adalah menggunakan informasi ini untuk membangun a
Melakukan hal ini akan membantu pembeli menemukan apa yang mereka inginkan tanpa membebani mereka dengan terlalu banyak pilihan.
Jika toko Ecwid Anda ditambahkan ke situs web, Anda dapat menambahkan menu navigasi dengan menambahkan sepotong kode:
- untuk tata letak horizontal
- untuk tata letak vertikal.
Berikut adalah petunjuk untuk toko Ecwid yang ditambahkan di situs web WordPress dan Wix . Di Ecwid Instant Site, hanya menu horizontal yang tersedia.
2. Informasi produk
Berikut tindakan penyeimbangan lain yang harus Anda lakukan saat memilih tata letak toko: menampilkan informasi produk.
Anda ingin memberi pelanggan informasi yang mereka perlukan untuk mengklik dan melakukan pembelian. Pada saat yang sama, Anda tidak ingin membebani mereka dengan terlalu banyak detail — setidaknya sebelum mereka berada di halaman produk sebenarnya.
Model mental Anda dalam situasi ini seharusnya mempermudah pengambilan keputusan dan membangkitkan minat pelanggan. Tanyakan pada diri Anda: informasi minimum apa yang dibutuhkan pelanggan saya untuk mengklik suatu produk?
Anda akan menemukan bahwa jawaban ini bervariasi dari toko ke toko dan produk ke produk.
Misalnya, perhatikan bagaimana Amazon hanya memberi Anda empat poin informasi di halaman kategori: nama produk, harga (termasuk diskon), peringkat, dan ketersediaan Prime:
Di Ecwid, Anda dapat menambahkan peringkat dan ulasan serupa dengan bantuan aplikasi Stampled.io.
Meskipun informasi ini diperlukan untuk pengecer besar seperti Amazon, bagi bisnis kecil seperti Sand & Stone Jewelry , peringkat tidak begitu penting. Oleh karena itu, halaman kategori hanya menampilkan nama produk dan harga.
Sangat mudah untuk terjebak dalam memberikan terlalu sedikit informasi di halaman kategori. Cara terbaik untuk menghindari hal ini adalah dengan mewawancarai pelanggan Anda dan menanyakan informasi apa yang mereka gunakan untuk membuat keputusan pembelian.
3. Desain toko
Cara Anda mendesain toko akan berdampak besar pada tata letak produk Anda.
An
- Beranda
- Kategori dan halaman pencarian
- Halaman produk individual
Produk apa yang Anda pilih untuk dipamerkan di masing-masing produk
Misalnya, perhatikan bagaimana Amazon mempromosikan produknya sendiri di beranda jika Anda belum masuk:
Merupakan hal yang umum bagi toko untuk mempromosikan penawaran terbaru di beranda. Pastikan untuk menyelaraskan penawaran ini dengan audiens target Anda. BestMadeCo, misalnya, mengadakan promo Hari Ayah dengan mempertimbangkan sebagian besar pelanggannya adalah laki-laki.
Fokus pada:
- Mencari tahu produk apa yang Anda ingin pelanggan beli (idealnya produk terlaris dan/atau margin tertinggi)
- Mempertahankan keseragaman desain di berbagai bidang
tipe halaman.
Baik Anda memutuskan untuk menyoroti produk terlaris atau produk baru, Ecwid memungkinkan Anda membuat kategori untuk produk unggulan di halaman beranda dan menamainya sesuai kebutuhan Anda.
6 Praktik Terbaik untuk E-commerce Tata Letak Produk
Meskipun Anda pasti bisa membuat skema tata letak yang unik untuk Anda
1. Dorong produk dan penawaran teratas ke paro atas
Area "di atas lipatan" adalah ruang layar yang terlihat saat pelanggan pertama kali mengunjungi situs Anda. Bahkan, area ini menyumbang 80% dari seluruh perhatian pengunjung di sebagian besar situs web.
Mengingat jenis perhatian yang didapat ruang ini, ada baiknya untuk menempatkan produk unggulan Anda di paro atas. Ini dapat mencakup:
- Penawaran, penjualan, dan diskon terbaru
- Produk atau kategori produk terlaris
- Produk yang baru diluncurkan (berfungsi paling baik di awal musim belanja)
Di Target.com , misalnya, Anda akan melihat penawaran terbaru di bagian atas halaman:
Jika Anda memiliki banyak penawaran, pertimbangkan untuk menambahkan penggeser, seperti contoh dari Walmart ini. Perhatikan juga promosi yang berjalan di bawah menu navigasi:
Beberapa peritel fesyen menghindari tata letak konvensional dan lebih memilih mempromosikan citra merek. Di ASOS , misalnya, Anda akan mendapatkan citra merek dengan pilihan untuk "Belanja Pakaian Pria" atau "Belanja Pakaian Wanita".
Taktik ini berhasil saat Anda mencoba mempromosikan visi merek dengan lookbook. Namun, sebagian besar pengecer akan lebih baik menggunakan produk konvensional
Ikuti ide yang sama pada halaman kategori: dorong milik Anda
2. Campurkan tata letak horizontal dan vertikal
Pada dasarnya ada dua cara untuk menata produk Anda di halaman mana pun: secara horizontal atau vertikal.
Tata letak horizontal tetap statis. Ada tombol di tepi halaman untuk menggulir daftar lebih jauh.
Contoh dari Amazon ini menggambarkan segalanya dengan lebih baik:
Di Ecwid, produk yang baru saja dilihat juga ditampilkan secara horizontal. Anda dapat memilih jumlah item yang ingin ditampilkan di bagian atas atau bawah toko online Anda.
Produk Terkait adalah hal lain
Sebaliknya, tata letak vertikal tidak memiliki tombol gulir ini. Sebaliknya, Anda melihat semakin banyak produk di a
Idealnya, Anda harus menggunakan gabungan kedua tata letak berikut:
- Tata letak horizontal ketika Anda ingin menampilkan beberapa produk dari banyak kategori, misalnya di Produk yang Baru Dilihat
- Tata letak vertikal ketika Anda ingin menampilkan banyak produk dari kategori yang sama, seperti satu halaman pencarian dan kategori
3. Ikuti konvensi dan harapan pengguna
Ada situasi ketika Anda ingin tampil tidak konvensional dengan desain Anda. Tata letak produk bukan salah satunya.
Tata letak produk Anda dimaksudkan untuk mengarahkan pengguna saat mereka membuka situs Anda. Tata letak konvensional memastikan mereka menemukan apa yang mereka inginkan dan tidak mengalami disorientasi.
Konvensi, tentu saja, bervariasi dari satu sektor ke sektor lainnya. Namun, ada beberapa hal yang harus Anda pertimbangkan:
Gunakan tata letak kotak
Dalam tata letak kotak, produk disusun
Tata letak ini telah lama menjadi konvensi
Saat menggunakan tata letak ini, pastikan ukuran kotak sama. Seperti yang ditunjukkan studi kasus ini , menggunakan kotak dengan ukuran yang sama dapat meningkatkan pendapatan per pengunjung hingga 17%.
Jika Anda menjual dengan Ecwid, itu tidak menjadi masalah bagi Anda — Ecwid memiliki grid berukuran sama yang secara otomatis beradaptasi dengan layar yang berbeda.
Tampilkan navigasi di bagian atas daftar produk
Konvensi lain yang harus Anda ikuti adalah menempatkan opsi penyortiran di bagian atas halaman.
Pelanggan mengharapkan penempatan ini dan secara alami akan melihat di sini ketika mereka membuka halaman kategori.
Arahkan pelanggan dengan remah roti
Breadcrumbs adalah elemen navigasi yang menunjukkan kepada pengguna jalur mereka dari beranda, seperti ini:
Menambahkannya ke bagian atas halaman membantu mengarahkan pengunjung. Ini memberi tahu mereka halaman atau kategori apa yang mereka ikuti dan bagaimana mereka dapat kembali ke halaman beranda.
4. Fokus pada visual, tapi jangan lupakan teks di halaman produk
Secara online, satu-satunya cara untuk menampilkan produk Anda adalah melalui visual. Inilah sebabnya mengapa gambar produk berukuran besar diketahui meningkat
Namun, meskipun visual itu penting, tata letak Anda juga harus memiliki ruang untuk teks deskriptif. Salinan yang bagus tidak hanya menggambarkan produk, tetapi juga membantu menjualnya dan merek Anda.
Misalnya, pertimbangkan bagaimana BestMadeCo menggunakan salinan kuat di beranda untuk menjual produk yang baru diluncurkan. Tata letaknya membantu teks menyatu dengan gambar dengan sempurna.
Deskripsi produk sangat penting di halaman produk. Tata letak Anda harus memberikan semua informasi penting yang dibutuhkan pelanggan untuk membuat keputusan tepat di bagian atas halaman. Ini harus mencakup:
- Harga (termasuk diskon, diwakili secara visual)
- Peringkat produk dan jumlah ulasan
- Nama produk dan merek
- Apakah stok produk tersedia (dan apakah stok hampir habis)
- Rincian pengiriman
2-3 detail produk utama
Ini adalah contoh bagaimana tidak menata produk. Halaman produk tidak memiliki salinan sama sekali — sulit untuk mengambil keputusan.
Seperti kebanyakan hal, tata letak Amazon sempurna di sini, memberikan pelanggan semua yang mereka butuhkan untuk membuat keputusan.
5. Tambahkan rekomendasi produk dan produk terkait
Di halaman produk, Anda memiliki dua tujuan:
- Arahkan pelanggan ke halaman checkout, atau
- Minta pelanggan untuk melihat produk lain
Untuk yang terakhir, Anda harus memiliki bagian produk yang direkomendasikan atau produk terkait . Anda dapat menempatkannya setelah informasi produk atau sebelum informasi produk.
Amazon melakukan hal ini dengan sangat baik. Perhatikan produk terkait dan daftar “juga dilihat” di paro bawah:
Jika Anda memiliki beberapa produk dalam koleksi yang sama, pastikan untuk menampilkannya juga. Berikut ini contoh bagus dari WorldMarket:
Daftar produk terkait tidak selalu harus berbentuk visual. Anda juga dapat menampilkan penelusuran terkait untuk mengarahkan pelanggan ke item yang mungkin mereka minati.
Bereksperimenlah dengan tata letak berbeda untuk produk terkait/direkomendasikan. Coba letakkan di atas footer, di bawah deskripsi produk, dll.
6. Bereksperimenlah dengan detail gerakan mouse pada halaman kategori
Salah satu cara untuk meningkatkan
Sebagai contoh, situs ini menampilkan detail produk dan tombol "tambah ke keranjang" saat kursor diarahkan ke produk tersebut:
Tujuan dari taktik ini adalah untuk memberikan informasi penting kepada pengguna secara sekilas. Ini berfungsi paling baik bila Anda mengharapkan pengguna menelusuri sejumlah besar produk dengan cepat, seperti di toko pakaian. Ini mungkin tidak berfungsi untuk kategori lain, namun Anda masih dapat menjalankan beberapa pengujian terpisah dan melihat hasilnya.
Di Ecwid, Anda dapat mengaktifkan tombol “Beli Sekarang” pada daftar produk untuk membantu pelanggan Anda menelusuri (dan membeli) produk Anda dengan cepat.
Saat pelanggan mengklik tombol tersebut, toko Anda tidak akan membuka seluruh halaman produk. Sebaliknya, pelanggan Anda akan melihat popup dengan opsi produk:
Jika produk Anda tidak memiliki pilihan, produk akan langsung masuk ke troli.
Kesimpulan
Dalam hal tata letak produk, yang terbaik adalah tetap berpegang pada konvensi dan mengikuti apa yang sudah dilakukan oleh para pemimpin pasar. Katalogkan produk Anda secara detail, kategorikan secara menyeluruh, lalu atur dalam tata letak kotak standar.
Praktik terbaik yang dibagikan di atas akan berhasil di sebagian besar toko di berbagai sektor. Cobalah di toko Anda sendiri!
- Cara Memperbaiki Navigasi Toko Anda
- Semua yang Perlu Anda Ketahui Tentang Merchandising Produk
- Merchandising Online: Cara Menata Letak Produk di Toko Online
- Apa itu Fashion Merchandising, dan Mengapa Begitu Penting?
- 10 Kesalahan Desain Toko Online
- 15 Pasangan Font Sempurna untuk Situs Web E-niaga Anda
- Teori Warna: Semua yang Perlu Anda Ketahui tentang Tema Warna
- 7 Ide Kreatif untuk Halaman Produk E-niaga Anda
- Kekuatan Citra Pahlawan dalam Desain Web
Harus dimiliki Prinsip UX yang Harus Diikuti di Toko Online- Audit Desain Situs Web
- Membuka Kekuatan Desain UX untuk E-niaga
- Apa Perbedaan Antara UI dan UX di Ecommerce?
