5 Contoh Desain E-niaga yang Berpusat pada Konversi untuk tahun 2023

Di era internet 5G, belanja online yang serba cepat, dan banyaknya alternatif bagi pembeli, situs web eCommerce 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.

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 eCommerce yang telah melakukan pekerjaannya dengan lancar.

1. Perselisihan

Discord adalah 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 target mereka 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 tajam yang menyampaikan proposisi nilai aplikasi serta ajakan bertindak (CTA) yang menarik dan ditempatkan secara strategis.

Desainnya ramping dengan banyak ruang putih, waktu muat 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 halaman beranda dan landing page yang menghibur.

2. Kebahagiaan

Bliss adalah situs eCommerce luar biasa dengan desain eCommerce berwarna pastel. Situs web ini adalah permen kapas untuk mata. Untuk menarik secara visual kelompok pembeli utamanya, 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 hebat dalam memotret produk eCommerce. 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 90% audiens. Para pengunjung dapat melihat orang-orang nyata menggunakan produk dan langsung membangun hubungan yang dapat dipercaya dalam pikiran 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 jenis ajakan bertindak seperti mengunduh aplikasi, berlangganan buletin, dan mengikuti halaman media sosial bisnis eCommerce. 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 tempat yang cenderung diperhatikan pengguna, secara sadar atau tidak sadar.

Ini yang terbaik ketika Anda membuat situs web eCommerce yang mudah disalin tetapi memiliki lebih banyak gambar, video, atau ilustrasi pahlawan. Inti dari pola yang biasanya diikuti oleh pengembang ini adalah bahwa 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 di rumah atau proyek, seperti yang Anda lakukan di toko, bukan berdasarkan kategori produk, seperti yang dilakukan banyak situs eCommerce lainnya. Home Depot, seperti banyak raksasa eCommerce 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 mengklik 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 saya katakan, ajaib) tetapi 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 mereka 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 keuntungan menarik perhatian pada 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. Karena tidak ada desain sempurna yang dapat menarik semua orang. Anda harus bereksperimen dan menguji hingga situs web Anda memiliki semua elemen yang menarik audiens target Anda.