Lima Contoh Desain E-Commerce Berpusat pada Konversi untuk tahun 2023

Di era internet 5G, belanja online yang serba cepat, dan banyaknya alternatif bagi pembeli, situs web e-niaga Anda hanya memiliki waktu tidak lebih dari 50 milidetik untuk memberikan kesan pertama yang baik. Fokus pada elemen desain yang berpusat pada konversi tidak dapat dihindari untuk menjamin pertumbuhan yang berarti dalam bisnis Anda.

Desain yang berpusat pada konversi berfokus pada penciptaan pengalaman dengan satu tujuan. Ini menggunakan desain persuasif dan pemicu psikologis sebagai teknik konversi untuk memaksa pengunjung mengambil satu tindakan spesifik.

Menurut sebagian besar desainer web, sebagian besar pengunjung meninggalkan situs web Anda ketika Anda memiliki desain yang tidak responsif. Jadi, bagaimana Anda menggunakan desain untuk membujuk pengunjung agar menyelesaikan tujuan konversi Anda? Untuk memusatkan perhatian pengunjung pada area interaksi yang dituju, berbagai aspek desain dapat digunakan. Bantuan psikologis juga dapat membantu meningkatkan partisipasi. Berikut adalah beberapa merek e-niaga yang telah melakukan tugasnya dengan lancar.

1. Perselisihan

Discord adalah salah satu aplikasi audio dan perpesanan unik yang dikuratori dengan industri streaming dan game online. Ini memungkinkan pengguna membuat saluran untuk terhubung dengan siapa pun di seluruh dunia. Aplikasi ini telah mendapatkan banyak popularitas dalam kurun waktu singkat dan telah menjadi bagian tak terpisahkan dari Gen Z dan komunitas gamer. Hal ini dapat dengan mudah dikaitkan dengan desain brilian dan pengalaman pengguna yang sempurna baik di situs web maupun aplikasi.

Halaman beranda menjangkau semua tempat yang tepat yang dapat menggugah minat audiens targetnya dan mendorong mereka untuk mencobanya. Mereka memiliki bilah navigasi sederhana yang menyoroti fitur platform seperti versi premium (Nitro) dan keamanan yang disediakan oleh layanan. Halaman-halaman tersebut memiliki salinan jelas yang menyampaikan proposisi nilai aplikasi serta memikat pengguna dengan ajakan bertindak (CTA) kontras yang ditempatkan secara strategis.

Desainnya ramping dengan banyak ruang putih, serta waktu buka yang cepat, daya tanggap tinggi, dan navigasi intuitif, menjadikannya salah satu desain situs web terbaik yang pernah ada. Secara visual, website ini langsung menarik minat pengunjung dengan ilustrasi rumah yang menghibur, serta halaman arahan.

2. Kebahagiaan

Bliss adalah situs e-commerce yang luar biasa dengan desain e-commerce berwarna pastel. Situs web ini adalah permen kapas untuk mata. Untuk menarik secara visual kelompok pembeli utama mereka, perusahaan perawatan kulit ini menggunakan tiga warna dominan: Millennial pink, baby blue, dan Gen Z yellow.

Pemasaran dan branding Bliss, termasuk situs web mereka, memancarkan kesan ceria. Sekilas melihat situs webnya sudah cukup untuk membuat pengunjungnya merasa senang. Mereka juga pandai memotret produk e-commerce. Foto besar, warna cantik, dan tombol yang mudah digunakan semuanya berkontribusi pada situs web yang menarik secara visual dan terorganisir dengan baik.

Perusahaan ini antara lain memproduksi dan mendistribusikan berbagai produk perawatan kulit, seperti masker dan sabun cuci muka. Mikrokopi semakin memperkuat sikap merek yang unik dan mudah didekati. Isi tombol, judul bagian, dan deskripsi formulir ditulis sedemikian rupa sehingga membuat Anda merasa seperti sedang mendiskusikan rutinitas perawatan kulit Anda dengan seorang teman.

Selain itu, mereka menampilkan konten buatan pengguna di situs web mereka yang tampak lebih asli dan disukai oleh sebagian besar pemirsa. Pengunjung dapat melihat orang-orang nyata menggunakan produk dan hubungan yang dapat dipercaya langsung terbentuk di benak mereka.

3. Kendur

Slack adalah contoh bagus lainnya dari desain situs web yang berpusat pada konversi. Halaman ini mencoba membangun fokus dan mendorong prospek untuk menyelesaikan satu tujuan pada satu waktu. Ini sangat berhasil karena pengguna tidak bingung dan kewalahan dengan berbagai ajakan bertindak seperti mengunduh aplikasi, berlangganan buletin, dan mengikuti halaman media sosial bisnis e-commerce. Desain seperti itu sering kali menghasilkan peningkatan rasio pentalan daripada meningkatkan konversi.

Tim perancang di Slack memenangkan poin penting untuk buku teks mereka namun strukturnya diterapkan dengan elegan. Mereka mengikuti tata letak Z-Pattern untuk beranda mereka, secara strategis menempatkan CTA di mana pengguna cenderung memperhatikan sesuatu, secara sadar atau tidak sadar.

Ini paling baik bila Anda membuat situs web e-niaga yang mudah disalin tetapi memiliki lebih banyak gambar, video, atau ilustrasi pahlawan. Inti dari pola ini, yang biasanya diikuti oleh pengembang, adalah bergantian antara blok konten rata kiri dan kanan membantu menyusun halaman dengan cara yang menarik. Pola seperti itu menciptakan aliran alami saat pengunjung menggulir halaman ke bawah.

Slack sama responsifnya di desktop dan juga perangkat seluler. Mereka memanfaatkan fluid grid, yang mengubah tata letak desktop dua kolom menjadi gaya ponsel cerdas satu kolom. Selain itu, mereka menggunakan carousel untuk menyajikan grafik guna menghemat ruang dan menjaga halaman agar tidak terlalu panjang. Setiap blok data menunjukkan manfaat yang dapat diberikan Slack kepada penggunanya. Situs web Slack adalah contoh bagus desain web yang efektif karena kesederhanaannya.

4. Depot Rumah

Kebanyakan orang membayangkan pergi ke toko fisik secara langsung untuk melihat semua alat, perangkat keras, dan bahan berguna yang tersedia untuk proyek DIY berikutnya. Kekuatan yang membedakan situs web Home Depot adalah kemampuannya untuk menyebarkan pengalaman ini secara online. Home Depot telah mengkristalkan wawasan mendalamnya tentang pelanggannya dalam beberapa cara spektakuler di situs webnya.

Visual, baik ilustrasi gambar maupun warna, menjadi hal pertama yang diperhatikan pengunjung. Home Depot menerapkan aspek ini dengan memiliki gambar yang menggambarkan alat-alatnya sedang beraksi dengan gambar yang relevan untuk halaman beranda dan halaman arahan. Ini bertindak seperti cermin aspirasional bagi audiens target yang mencerminkan keadaan emosional yang ingin dicapai pelanggan Anda. Selain itu, spanduk yang menampilkan promosi tepat waktu menciptakan rasa urgensi pada pengunjung.

Bilah pencarian terletak di atas, tersedia bagi seseorang yang ingin menemukan apa pun yang mereka butuhkan dengan cepat. Menu subkategori tingkat atas memberi Anda akses cepat ke kategori produk yang lebih tepat. Saat pengunjung menggulir ke bawah, kepadatan teks meningkat. Ini memberikan halaman tampilan yang rapi dan informatif.

Anda dapat mencari berdasarkan ruangan rumah atau proyek, seperti yang Anda lakukan di toko, bukan berdasarkan kategori produk, seperti yang dilakukan banyak situs e-niaga lainnya. Home Depot, seperti banyak raksasa e-niaga lainnya, sangat bergantung pada pengiriman cepat dan gratis melalui teknologi pemenuhan pesanan yang canggih untuk menetralisir keunggulannya.

5. Pop Warna

Di situs ColourPop, pola pencarian diposisikan di pojok kanan atas, seperti di sebagian besar situs web. Saat Anda mengeklik ikon kaca pembesar universal, bilah pencarian raksasa akan muncul, bersama dengan beberapa mikrokopi cerdas yang bertuliskan "beri tahu kami apa yang Anda inginkan". Pola ini menambahkan kesan merek pada pola desain umum yang belum tentu menyenangkan untuk diajak berinteraksi.

Formulir di situs ColorPop sederhana dan lugas. Bidang masukan dapat dipindai dan diberi label dengan benar. Tidak ada gaya visual yang berlebihan atau informasi yang mengganggu. Selain itu, tombol 'enter' berwarna hitam menonjol dibandingkan latar belakang putih dan sulit untuk diabaikan.

Kisi produk memiliki hierarki visual yang jelas dan konstan, menjadikannya salah satu pola paling penting di situs web ColourPop. Fokus utamanya adalah pada foto produk, diikuti dengan tombol ajakan bertindak dan informasi produk berbasis teks. Gambarnya tidak hanya menarik perhatian (berani kami katakan, ajaib), namun teksnya telah disusun secara terstruktur dan jelas, menjadikan pola ini solusi yang sangat efektif. Karena 85% pembeli menganggap informasi dan gambar produk sangat penting saat membuat keputusan pembelian, karena departemen tersebut menguntungkan ColourPop.

Menyimpulkan

Setiap tip dan trik dalam buku ini untuk membuat halaman arahan yang lebih baik didasarkan pada ide-ide ini. Manfaatkan hal tersebut untuk upaya pemasaran Anda berikutnya, dan Anda akan segera melihat perbedaan dalam tampilan dan nuansa halaman Anda. Bahkan teman desainer Anda yang menyimpan roda warna di mejanya akan terpesona.

• Buat titik fokus dan kerangka kerja
• Pertahankan konsistensinya
• Tunjukkan kelebihannya untuk menarik perhatian merek
• Kurangi jumlah gesekan

Namun masih banyak cara untuk menjadi kreatif dan menguji konsep baru dalam prinsip-prinsip ini—jadi bagaimana Anda menentukan apakah desain Anda benar-benar berfungsi untuk meningkatkan konversi? Saat itulah segalanya mulai menjadi menarik. Tidak ada desain sempurna yang dapat menarik semua orang. Anda harus bereksperimen dan menguji hingga situs web Anda memiliki semua elemen yang akan menarik audiens target Anda.