Desain website seringkali dianggap sepele, mikirnya cuma sebatas estetika atau yang penting fiturnya ada lah!
Padahal, desain website juga bisa mempengaruhi konversi bisnis Anda, lho. Bahkan, banyak yang konversinya merosot karena desain UI yang buruk.
Inilah mengapa Anda harus betul-betul memperhatikan desain UI dari website e-commerce Anda.
Nah, supaya Anda bisa membuat desain UI yang cocok, kami sudah menyaring beberapa website e-commerce sebagai inspirasi nih.
Yuk, intip dan dapatkan inspirasi dari berbagai website berikut ini!
Inspirasi Desain UI Website E-commerce
Membuat desain UI artinya kita membuat seluruh bagian website yang terlihat di mata pengunjung.
Mulai dari seluruh halaman, letak fitur hingga seluruh konten yang ada di dalamnya. Intinya, harus menarik dan tentunya mudah digunakan.
Nah, di bawah ini ada beberapa desain UI website e-commerce yang menurut kami sudah menarik dan mudah digunakan. Yuk, simak bersama!
Baca juga: 5 Contoh Desain Website Bisnis dari Tim Bikin.Website, Bisa Jadi Inspirasi!
1. United by Blue
Website e-commerce pertama yang menurut kami memiliki desain UI yang menarik adalah United by Blue.
Nah, United by Blue sendiri sebetulnya merupakan brand tas yang mengusung konsep sustainability dan recycling.
Yang mana, konsep ini betul-betul ditunjukkan dari desain UI website e-commerce-nya yang simple, tapi tetap berkesan.
Bisa dilihat dari dominan warna putih, abu-abu dan navy blue yang netral. Ditambah lagi dengan typography-nya yang juga sederhana.
Selain itu, website United by Blue ini juga memiliki desain UI yang sudah sesuai nih dengan prinsip dasar, yaitu mudah digunakan.
Ini ditunjukkan dengan navigasi yang sangat jelas dan lengkap. Terlihat dari menu yang berada di atas.
Desain tombol CTA (call-to-action) website ini pun juga sederhana, tapi menonjol dan letaknya yang di atas bisa langsung terlihat.
2. Thenblank
Selain United by Blue, ada pula website e-commerce Thenblank dengan desain UI yang tidak kalah menarik nih.
Sebetulnya, desain UI keduanya tidak jauh berbeda. Seperti letak menu yang berada di atas dan navigasi lainnya.
Thenblank pun juga memanfaatkan bagian hero image dengan baik nih. Di sana, Thenblank meng-highlight promo yang sedang berlangsung.
Nah, kalau Anda scroll halaman ke bawah, ada bagian produk yang ditampilkan.
Alih-alih hanya menampilkan nama produk dan harga, Thenblank juga menampilkan varian warna dari produk tersebut.
Setiap warna ini bisa Anda lihat satu-persatu, sehingga memudahkan pengunjung untuk memilih variasi yang paling pas.
3. Mahabis
Selanjutnya, ada website Mahabis yang juga memiliki desain UI yang cukup menarik nih, terutama di halaman utamanya.
Kalau Anda masuk ke website Mahabis dan melihat dari atas, mungkin akan tampak sama dengan website lainnya.
Namun, coba scroll halaman utamanya hingga ke bagian we value good design. Di sini, mereka menampilkan konten yang unik nih.
Alih-alih meng-claim keunggulan produknya melalui teks, Mahabis menampilkan gambar produk dan isinya.
Lalu, di bagian tengah terdapat panah yang jika Anda arahkan ke kiri akan menampilkan gambar isi produk tersebut.
Ini juga menjadi salah satu poin yang bagus nih dalam desain UI karena ini bisa membuat pengunjung percaya dengan brand Anda.
4. Allbirds
Jika Anda ingin memberitahu pengunjung mengenai produk terbaru, Anda bisa melakukannya seperti website Allbirds.
Di bagian atas – tepatnya sebelum menu -, Allbirds meletakkan banner yang berisi informasi tentang produk terbaru lengkap dengan link navigasinya.
Desain UI milik Allbirds ini bisa Anda jadikan inspirasi nih untuk website e-commerce yang sedang Anda bangun.
Selain itu, di bagian Our Favorites Anda bisa melihat ada 2 tombol CTA untuk shop men dan shop women di setiap produk.
Dengan desain UI seperti ini, website Anda bisa tampil simple, tapi tetap bisa memenuhi kebutuhan pengunjung.
Belum lagi dengan menu Sale di bagian atas yang di-highlight dengan warna merah yang sangat mudah ditemukan oleh pengunjung.
5. Dollar Shave Club
Kalau Anda ingin mencari desain UI yang lebih berwarna dan menarik, website Dollar Shave Club bisa jadi inspirasi Anda.
Dollar Shave Club sendiri merupakan brand yang menjual alat shaving dan body care untuk pria.
Dari warnanya saja, Anda bisa melihat bahwa brand ini memang ditujukan untuk para pria yang care dengan rambut di wajah.
Menariknya, website e-commerce yang satu ini menampilkan produknya dengan gambar orang sedang bercukur sebagai hero image.
Tentunya ini bisa meningkatkan kepercayaan pengunjung kalau produk tersebut memang sangat bagus untuk bercukur.
Selain itu, di bagian bawah website ini juga menampilkan detail dari produk mereka dengan desain UI yang baik.
Apakah Penggunaan Warna yang Memikat dan Sesuai dengan Merek dapat Mempengaruhi Pengalaman Pengunjung?
Benar, penggunaan warna dapat sangat berpengaruh pada pengalaman dan pandangan pengunjung terhadap website Anda.
Hal ini karena pemilihan warna yang tepat dan konsisten dapat membuat Anda dikenal oleh pengunjung dengan mudah.
Apakah Konsistensi Tata Letak dan Elemen Desain Penting dalam Desain Ui untuk Website?
Benar, tata letak dan elemen dalam desain UI website e-commerce haruslah konsisten di setiap halamannya.
Jika tidak, hal ini akan membuat pengunjung bingung, tidak nyaman dan kesulitan dalam menjelajahi website Anda.
Yuk, Bikin Desain UI Website E-commerce Anda jadi Lebih Baik!
Mungkin Anda sempat berpikir bahwa desain website hanya soal estetika dan asal ada fitur yang dibutuhkan saja.
Namun, desain UI yang asal-asalan juga dapat mempengaruhi konversi dari website e-commerce Anda, lho.
Jika menu tidak jelas letaknya dan sulit saat melakukan pembelian, ini bisa membuat pengunjung membatalkan konversi.
Nah, beberapa website e-commerce di atas memiliki desain UI yang terbilang cukup baik dan menarik nih.
Anda bisa menjadikan beberapa website di atas sebagai inspirasi untuk desain UI website e-commerce Anda nantinya.
Selain contoh website di atas, Anda juga bisa melihat berbagai template website yang ada di Bikin.Website.
Kalau tidak menemukan yang menarik, Anda bisa konsultasikan desain website dengan tim profesional kami, kok.
Konsultasikan Website Anda, Gratis!
Semoga pembahasan kali ini bisa membantu Anda menemukan inspirasi desain UI, ya.
Jika ada pertanyaan, jangan ragu buat drop lewat kolom komentar!
