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.
Ini semua adalah bagian dari ilmu desain toko. Itu tata letak toko yang tepat dapat meningkatkan penjualan, meningkatkan loyalitas, dan membantu pelanggan menemukan apa yang mereka inginkan dengan 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.
Sains mengatakan bahwa pengambilan keputusan 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 dengan menggunakan gambar unggulan yang mengarah ke produk tambahan. Misalnya, perhatikan caranya buatan.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 tata letak, sebutkan 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 instruksi untuk menambahkan toko Ecwid WordPress dan Wix situs web juga. Di Situs Instan Ecwid, menu horizontal hanya 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 adalah untuk memudahkan pengambilan keputusan dan menarik minat pelanggan. Tanyakan pada diri Anda: apa informasi minimal apakah pelanggan saya perlu 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, untuk bisnis kecil seperti Perhiasan Pasir & Batu, 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.
Apakah Anda memutuskan untuk menyorot buku terlaris atau pendatang baru, Ecwid memungkinkan Anda membuat kategori untuk produk unggulan di beranda dan beri nama 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 “paro atas” adalah tampilan layar yang terlihat saat pelanggan pertama kali mengunjungi situs Anda. Faktanya, area ini menyumbang 80% dari seluruh perhatian pemirsa di sebagian besar situs.
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)
On 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 pengecer fesyen menghindari tata letak konvensional demi mempromosikan citra merek. Pada ASOS, misalnya, Anda mendapatkan citra merek dengan opsi “Belanja Pria” atau “Belanja 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 dilihat juga ditampilkan secara horizontal. Anda dapat memilih jumlah item untuk ditampilkan di atas atau di bawah etalase 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 kotaknya sama. Seperti yang ditunjukkan oleh studi kasus ini, menggunakan kotak berukuran sama dapat meningkatkan pendapatan per pengunjung sebanyak 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.
salinan produk sangat penting pada halaman produk. Tata letak Anda harus memberikan pelanggan semua informasi penting yang mereka butuhkan untuk membuat keputusan tepat di paro atas. 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 melakukannya bagian produk yang direkomendasikan atau 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 menunjukkan detail produk dan tombol tambahkan ke troli saat mengarahkan mouse:
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?
