{"id":3386,"date":"2023-09-26T16:50:41","date_gmt":"2023-09-26T09:50:41","guid":{"rendered":"https:\/\/bikin.website\/blog\/?p=3386"},"modified":"2023-11-22T11:42:01","modified_gmt":"2023-11-22T04:42:01","slug":"inspirasi-desain-ui-website-e-commerce","status":"publish","type":"post","link":"https:\/\/bikin.website\/blog\/inspirasi-desain-ui-website-e-commerce\/","title":{"rendered":"4+ Inspirasi Desain UI untuk Website E-commerce Anda"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Desain website seringkali dianggap sepele, <\/span><b><i>mikirnya cuma sebatas estetika atau yang penting fiturnya ada lah!<\/i><\/b><\/p>\n<p><span style=\"font-weight: 400;\">Padahal, desain website juga bisa mempengaruhi konversi bisnis Anda, lho. Bahkan, banyak yang konversinya merosot karena desain UI yang buruk.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Inilah mengapa Anda harus betul-betul memperhatikan desain UI dari website <\/span><i><span style=\"font-weight: 400;\">e-commerce <\/span><\/i><span style=\"font-weight: 400;\">Anda.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nah, supaya Anda bisa membuat desain UI yang cocok, kami sudah menyaring beberapa website <\/span><i><span style=\"font-weight: 400;\">e-commerce<\/span><\/i><span style=\"font-weight: 400;\"> sebagai inspirasi nih.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Yuk, intip dan dapatkan inspirasi dari berbagai website berikut ini!<\/span><\/p>\n<h2><b>Inspirasi Desain UI Website E-commerce<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Membuat desain UI artinya kita membuat seluruh bagian website yang terlihat di mata pengunjung.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Mulai dari seluruh halaman, letak fitur hingga seluruh konten yang ada di dalamnya. Intinya, harus menarik dan tentunya mudah digunakan.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nah, di bawah ini ada beberapa desain UI website <\/span><i><span style=\"font-weight: 400;\">e-commerce<\/span><\/i><span style=\"font-weight: 400;\"> yang menurut kami sudah menarik dan mudah digunakan. Yuk, simak bersama!<\/span><\/p>\n<blockquote><p><strong>Baca juga:\u00a0<a href=\"https:\/\/bikin.website\/blog\/contoh-desain-website-bisnis\/\">5 Contoh Desain Website Bisnis dari Tim Bikin.Website, Bisa Jadi Inspirasi!<\/a><\/strong><\/p><\/blockquote>\n<h3><b>1. United by Blue<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Website <\/span><i><span style=\"font-weight: 400;\">e-commerce<\/span><\/i><span style=\"font-weight: 400;\"> pertama yang menurut kami memiliki desain UI yang menarik adalah <\/span><a href=\"https:\/\/unitedbyblue.com\/\" target=\"_blank\" rel=\"nofollow noopener\"><span style=\"font-weight: 400;\">United by Blue<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nah, United by Blue sendiri sebetulnya merupakan <\/span><i><span style=\"font-weight: 400;\">brand <\/span><\/i><span style=\"font-weight: 400;\">tas yang mengusung konsep <\/span><i><span style=\"font-weight: 400;\">sustainability<\/span><\/i><span style=\"font-weight: 400;\"> dan <\/span><i><span style=\"font-weight: 400;\">recycling<\/span><\/i><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Yang mana, konsep ini betul-betul ditunjukkan dari desain UI website <\/span><i><span style=\"font-weight: 400;\">e-commerce<\/span><\/i><span style=\"font-weight: 400;\">-nya yang <\/span><i><span style=\"font-weight: 400;\">simple<\/span><\/i><span style=\"font-weight: 400;\">, tapi tetap berkesan.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Bisa dilihat dari dominan warna putih, abu-abu dan <\/span><i><span style=\"font-weight: 400;\">navy blue<\/span><\/i><span style=\"font-weight: 400;\"> yang netral. Ditambah lagi dengan <\/span><i><span style=\"font-weight: 400;\">typography<\/span><\/i><span style=\"font-weight: 400;\">-nya yang juga sederhana.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Selain itu, website United by Blue ini juga memiliki desain UI yang sudah sesuai nih dengan <a href=\"https:\/\/bikin.website\/blog\/prinsip-desain-ui\/\">prinsip dasar<\/a>, yaitu mudah digunakan.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ini ditunjukkan dengan navigasi yang sangat jelas dan lengkap. Terlihat dari menu yang berada di atas.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Desain tombol CTA (<\/span><i><span style=\"font-weight: 400;\">call-to-action<\/span><\/i><span style=\"font-weight: 400;\">) website ini pun juga sederhana, tapi menonjol dan letaknya yang di atas bisa langsung terlihat.<\/span><\/p>\n<h3><b>2. Thenblank<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Selain United by Blue, ada pula website <\/span><i><span style=\"font-weight: 400;\">e-commerce<\/span><\/i> <a href=\"https:\/\/thenblank.com\/\" target=\"_blank\" rel=\"nofollow noopener\"><span style=\"font-weight: 400;\">Thenblank<\/span><\/a><span style=\"font-weight: 400;\"> dengan desain UI yang tidak kalah menarik nih.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sebetulnya, desain UI keduanya tidak jauh berbeda. Seperti letak menu yang berada di atas dan navigasi lainnya.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Thenblank pun juga memanfaatkan bagian <\/span><i><span style=\"font-weight: 400;\">hero image<\/span><\/i><span style=\"font-weight: 400;\"> dengan baik nih. Di sana, Thenblank meng-<\/span><i><span style=\"font-weight: 400;\">highlight<\/span><\/i><span style=\"font-weight: 400;\"> promo yang sedang berlangsung.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nah, kalau Anda <\/span><i><span style=\"font-weight: 400;\">scroll<\/span><\/i><span style=\"font-weight: 400;\"> halaman ke bawah, ada bagian produk yang ditampilkan.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Alih-alih hanya menampilkan nama produk dan harga, Thenblank juga menampilkan varian warna dari produk tersebut.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Setiap warna ini bisa Anda lihat satu-persatu, sehingga memudahkan pengunjung untuk memilih variasi yang paling <\/span><b><i>pas<\/i><\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<h3><b>3. Mahabis<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Selanjutnya, ada website <\/span><a href=\"https:\/\/mahabis.com\/\" target=\"_blank\" rel=\"nofollow noopener\"><span style=\"font-weight: 400;\">Mahabis<\/span><\/a><span style=\"font-weight: 400;\"> yang juga memiliki desain UI yang cukup menarik nih, terutama di halaman utamanya.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Kalau Anda masuk ke website Mahabis dan melihat dari atas, mungkin akan tampak sama dengan website lainnya.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Namun, coba <\/span><i><span style=\"font-weight: 400;\">scroll<\/span><\/i><span style=\"font-weight: 400;\"> halaman utamanya hingga ke bagian <\/span><b>we value good design<\/b><span style=\"font-weight: 400;\">. Di sini, mereka menampilkan konten yang unik nih.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Alih-alih meng-<\/span><i><span style=\"font-weight: 400;\">claim<\/span><\/i><span style=\"font-weight: 400;\"> keunggulan produknya melalui teks, Mahabis menampilkan gambar produk dan isinya.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Lalu, di bagian tengah terdapat panah yang jika Anda arahkan ke kiri akan menampilkan gambar isi produk tersebut.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ini juga menjadi salah satu poin yang bagus nih dalam desain UI karena ini bisa membuat pengunjung percaya dengan <\/span><i><span style=\"font-weight: 400;\">brand<\/span><\/i><span style=\"font-weight: 400;\"> Anda.<\/span><\/p>\n<h3><b>4. Allbirds<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Jika Anda ingin memberitahu pengunjung mengenai produk terbaru, Anda bisa melakukannya seperti website <\/span><a href=\"https:\/\/www.allbirds.com\/\" target=\"_blank\" rel=\"nofollow noopener\"><span style=\"font-weight: 400;\">Allbirds<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Di bagian atas \u2013 <\/span><b><i>tepatnya sebelum menu<\/i><\/b><span style=\"font-weight: 400;\"> -, Allbirds meletakkan <\/span><i><span style=\"font-weight: 400;\">banner<\/span><\/i><span style=\"font-weight: 400;\"> yang berisi informasi tentang produk terbaru lengkap dengan <\/span><i><span style=\"font-weight: 400;\">link<\/span><\/i><span style=\"font-weight: 400;\"> navigasinya.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Desain UI milik Allbirds ini bisa Anda jadikan inspirasi nih untuk website <\/span><i><span style=\"font-weight: 400;\">e-commerce<\/span><\/i><span style=\"font-weight: 400;\"> yang sedang Anda bangun.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Selain itu, di bagian <\/span><b>Our Favorites<\/b><span style=\"font-weight: 400;\"> Anda bisa melihat ada 2 tombol CTA untuk <\/span><b>shop men <\/b><span style=\"font-weight: 400;\">dan <\/span><b>shop women<\/b><span style=\"font-weight: 400;\"> di setiap produk.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dengan desain UI seperti ini, website Anda bisa tampil <\/span><i><span style=\"font-weight: 400;\">simple<\/span><\/i><span style=\"font-weight: 400;\">, tapi tetap bisa memenuhi kebutuhan pengunjung.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Belum lagi dengan menu Sale di bagian atas yang di-<\/span><i><span style=\"font-weight: 400;\">highlight<\/span><\/i><span style=\"font-weight: 400;\"> dengan warna merah yang sangat mudah ditemukan oleh pengunjung.<\/span><\/p>\n<h3><b>5. Dollar Shave Club<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Kalau Anda ingin mencari desain UI yang lebih berwarna dan menarik, website <\/span><a href=\"https:\/\/us.dollarshaveclub.com\/\" target=\"_blank\" rel=\"nofollow noopener\"><span style=\"font-weight: 400;\">Dollar Shave Club<\/span><\/a><span style=\"font-weight: 400;\"> bisa jadi inspirasi Anda.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dollar Shave Club sendiri merupakan <\/span><i><span style=\"font-weight: 400;\">brand<\/span><\/i><span style=\"font-weight: 400;\"> yang menjual alat <\/span><i><span style=\"font-weight: 400;\">shaving<\/span><\/i><span style=\"font-weight: 400;\"> dan <\/span><i><span style=\"font-weight: 400;\">body care <\/span><\/i><span style=\"font-weight: 400;\">untuk pria.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dari warnanya saja, Anda bisa melihat bahwa <\/span><i><span style=\"font-weight: 400;\">brand<\/span><\/i><span style=\"font-weight: 400;\"> ini memang ditujukan untuk para pria yang <\/span><i><span style=\"font-weight: 400;\">care<\/span><\/i><span style=\"font-weight: 400;\"> dengan rambut di wajah.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Menariknya, website <\/span><i><span style=\"font-weight: 400;\">e-commerce<\/span><\/i><span style=\"font-weight: 400;\"> yang satu ini menampilkan produknya dengan gambar orang sedang bercukur sebagai <\/span><i><span style=\"font-weight: 400;\">hero image<\/span><\/i><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Tentunya ini bisa meningkatkan kepercayaan pengunjung kalau produk tersebut memang sangat bagus untuk bercukur.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Selain itu, di bagian bawah website <\/span><span style=\"font-weight: 400;\">ini juga menampilkan <\/span><i><span style=\"font-weight: 400;\">detail<\/span><\/i><span style=\"font-weight: 400;\"> dari produk mereka dengan desain UI yang baik.<\/span><\/p>\n<h3><b>Apakah Penggunaan Warna yang Memikat dan Sesuai dengan Merek dapat Mempengaruhi Pengalaman Pengunjung?<\/b><\/h3>\n<p><b><i>Benar<\/i><\/b><span style=\"font-weight: 400;\">, <a href=\"https:\/\/bikin.website\/blog\/pengaruh-warna-dan-tipografi-pada-website\/\">penggunaan warna<\/a> dapat sangat berpengaruh pada pengalaman dan pandangan pengunjung terhadap website Anda.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Hal ini karena pemilihan warna yang tepat dan konsisten dapat membuat Anda dikenal oleh pengunjung dengan mudah.<\/span><\/p>\n<h3><b>Apakah Konsistensi Tata Letak dan Elemen Desain Penting dalam Desain Ui untuk Website?<\/b><\/h3>\n<p><b><i>Benar<\/i><\/b><span style=\"font-weight: 400;\">, tata letak dan elemen dalam desain UI website <\/span><i><span style=\"font-weight: 400;\">e-commerce<\/span><\/i><span style=\"font-weight: 400;\"> haruslah konsisten di setiap halamannya.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Jika tidak, hal ini akan membuat pengunjung bingung, tidak nyaman dan kesulitan dalam menjelajahi website Anda.<\/span><\/p>\n<h3><b>Yuk, Bikin Desain UI Website E-commerce Anda jadi Lebih Baik!<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Mungkin Anda sempat berpikir bahwa desain website hanya soal estetika dan asal ada fitur yang dibutuhkan saja.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Namun, desain UI yang asal-asalan juga dapat mempengaruhi konversi dari website <\/span><i><span style=\"font-weight: 400;\">e-commerce<\/span><\/i><span style=\"font-weight: 400;\"> Anda, lho.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Jika menu tidak jelas letaknya dan sulit saat melakukan pembelian, ini bisa membuat pengunjung membatalkan konversi.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nah, beberapa website <\/span><i><span style=\"font-weight: 400;\">e-commerce<\/span><\/i><span style=\"font-weight: 400;\"> di atas memiliki desain UI yang terbilang cukup baik dan menarik nih.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Anda bisa menjadikan beberapa website di atas sebagai inspirasi untuk desain UI website <\/span><i><span style=\"font-weight: 400;\">e-commerce<\/span><\/i><span style=\"font-weight: 400;\"> Anda nantinya.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Selain contoh website di atas, Anda juga bisa melihat berbagai <\/span><i><span style=\"font-weight: 400;\">template<\/span><\/i><span style=\"font-weight: 400;\"> website yang ada di Bikin.Website.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Kalau tidak menemukan yang menarik, Anda bisa konsultasikan desain website dengan tim profesional kami, kok.<\/span><\/p>\n<p style=\"text-align: center;\"><a class=\"wp-block-button__link has-white-color has-text-color has-background\" style=\"background-color: #181585;\" href=\"https:\/\/bikin.website?utm_source=website&utm_medium=blog&utm_campaign=website-blog-bikinwebsite-desain+ui+website+e-commerce\" target=\"_blank\" rel=\"nofollow noopener\">Konsultasikan Website Anda, Gratis!<\/a><\/p>\n<p><span style=\"font-weight: 400;\">Semoga pembahasan kali ini bisa membantu Anda menemukan inspirasi desain UI, ya.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Jika ada pertanyaan, jangan ragu buat <\/span><i><span style=\"font-weight: 400;\">drop<\/span><\/i><span style=\"font-weight: 400;\"> lewat kolom komentar!\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>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 [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":3403,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[3,835],"tags":[1096,900],"class_list":["post-3386","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tips","category-website","tag-desain-ui-website-e-commerce","tag-ui-ux"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>4+ Inspirasi Desain UI untuk Website E-commerce Anda - Bikin.Website<\/title>\n<meta name=\"description\" content=\"Bingung desain website e-commerce yang menarik? Yuk, cari inspirasi desain UI untuk website e-commerce di artikel ini!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bikin.website\/blog\/inspirasi-desain-ui-website-e-commerce\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"4+ Inspirasi Desain UI untuk Website E-commerce Anda - Bikin.Website\" \/>\n<meta property=\"og:description\" content=\"Bingung desain website e-commerce yang menarik? Yuk, cari inspirasi desain UI untuk website e-commerce di artikel ini!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bikin.website\/blog\/inspirasi-desain-ui-website-e-commerce\/\" \/>\n<meta property=\"og:site_name\" content=\"Bikin.Website\" \/>\n<meta property=\"article:published_time\" content=\"2023-09-26T09:50:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-22T04:42:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/09\/desain-ui-website-e-commerce-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1333\" \/>\n\t<meta property=\"og:image:height\" content=\"992\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Severina Ratih\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Severina Ratih\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/inspirasi-desain-ui-website-e-commerce\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/inspirasi-desain-ui-website-e-commerce\\\/\"},\"author\":{\"name\":\"Severina Ratih\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#\\\/schema\\\/person\\\/aa838f6f33fc51efa6b5c41f140ef040\"},\"headline\":\"4+ Inspirasi Desain UI untuk Website E-commerce Anda\",\"datePublished\":\"2023-09-26T09:50:41+00:00\",\"dateModified\":\"2023-11-22T04:42:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/inspirasi-desain-ui-website-e-commerce\\\/\"},\"wordCount\":935,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/inspirasi-desain-ui-website-e-commerce\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/desain-ui-website-e-commerce-1.jpg\",\"keywords\":[\"desain ui website e-commerce\",\"ui ux\"],\"articleSection\":[\"Tips\",\"website\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/bikin.website\\\/blog\\\/inspirasi-desain-ui-website-e-commerce\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/inspirasi-desain-ui-website-e-commerce\\\/\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/inspirasi-desain-ui-website-e-commerce\\\/\",\"name\":\"4+ Inspirasi Desain UI untuk Website E-commerce Anda - Bikin.Website\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/inspirasi-desain-ui-website-e-commerce\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/inspirasi-desain-ui-website-e-commerce\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/desain-ui-website-e-commerce-1.jpg\",\"datePublished\":\"2023-09-26T09:50:41+00:00\",\"dateModified\":\"2023-11-22T04:42:01+00:00\",\"description\":\"Bingung desain website e-commerce yang menarik? Yuk, cari inspirasi desain UI untuk website e-commerce di artikel ini!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/inspirasi-desain-ui-website-e-commerce\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bikin.website\\\/blog\\\/inspirasi-desain-ui-website-e-commerce\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/inspirasi-desain-ui-website-e-commerce\\\/#primaryimage\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/desain-ui-website-e-commerce-1.jpg\",\"contentUrl\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/desain-ui-website-e-commerce-1.jpg\",\"width\":1333,\"height\":992,\"caption\":\"desain ui website e-commerce\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/inspirasi-desain-ui-website-e-commerce\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/bikin.website\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"4+ Inspirasi Desain UI untuk Website E-commerce Anda\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/\",\"name\":\"Bikin.Website\",\"description\":\"Tips Bikin Website dan Bisnis Online\",\"publisher\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/bikin.website\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#organization\",\"name\":\"Bikin.Website\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/logo-blue.png\",\"contentUrl\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/logo-blue.png\",\"width\":3342,\"height\":409,\"caption\":\"Bikin.Website\"},\"image\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#\\\/schema\\\/person\\\/aa838f6f33fc51efa6b5c41f140ef040\",\"name\":\"Severina Ratih\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9411c8b4eb3fe830f4c8f9a82aa3fad4efc9579f53fddb86a462773e9d63796b?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9411c8b4eb3fe830f4c8f9a82aa3fad4efc9579f53fddb86a462773e9d63796b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9411c8b4eb3fe830f4c8f9a82aa3fad4efc9579f53fddb86a462773e9d63796b?s=96&d=mm&r=g\",\"caption\":\"Severina Ratih\"},\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/author\\\/severina\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"4+ Inspirasi Desain UI untuk Website E-commerce Anda - Bikin.Website","description":"Bingung desain website e-commerce yang menarik? Yuk, cari inspirasi desain UI untuk website e-commerce di artikel ini!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bikin.website\/blog\/inspirasi-desain-ui-website-e-commerce\/","og_locale":"en_US","og_type":"article","og_title":"4+ Inspirasi Desain UI untuk Website E-commerce Anda - Bikin.Website","og_description":"Bingung desain website e-commerce yang menarik? Yuk, cari inspirasi desain UI untuk website e-commerce di artikel ini!","og_url":"https:\/\/bikin.website\/blog\/inspirasi-desain-ui-website-e-commerce\/","og_site_name":"Bikin.Website","article_published_time":"2023-09-26T09:50:41+00:00","article_modified_time":"2023-11-22T04:42:01+00:00","og_image":[{"width":1333,"height":992,"url":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/09\/desain-ui-website-e-commerce-1.jpg","type":"image\/jpeg"}],"author":"Severina Ratih","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Severina Ratih","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/bikin.website\/blog\/inspirasi-desain-ui-website-e-commerce\/#article","isPartOf":{"@id":"https:\/\/bikin.website\/blog\/inspirasi-desain-ui-website-e-commerce\/"},"author":{"name":"Severina Ratih","@id":"https:\/\/bikin.website\/blog\/#\/schema\/person\/aa838f6f33fc51efa6b5c41f140ef040"},"headline":"4+ Inspirasi Desain UI untuk Website E-commerce Anda","datePublished":"2023-09-26T09:50:41+00:00","dateModified":"2023-11-22T04:42:01+00:00","mainEntityOfPage":{"@id":"https:\/\/bikin.website\/blog\/inspirasi-desain-ui-website-e-commerce\/"},"wordCount":935,"commentCount":0,"publisher":{"@id":"https:\/\/bikin.website\/blog\/#organization"},"image":{"@id":"https:\/\/bikin.website\/blog\/inspirasi-desain-ui-website-e-commerce\/#primaryimage"},"thumbnailUrl":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/09\/desain-ui-website-e-commerce-1.jpg","keywords":["desain ui website e-commerce","ui ux"],"articleSection":["Tips","website"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/bikin.website\/blog\/inspirasi-desain-ui-website-e-commerce\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/bikin.website\/blog\/inspirasi-desain-ui-website-e-commerce\/","url":"https:\/\/bikin.website\/blog\/inspirasi-desain-ui-website-e-commerce\/","name":"4+ Inspirasi Desain UI untuk Website E-commerce Anda - Bikin.Website","isPartOf":{"@id":"https:\/\/bikin.website\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bikin.website\/blog\/inspirasi-desain-ui-website-e-commerce\/#primaryimage"},"image":{"@id":"https:\/\/bikin.website\/blog\/inspirasi-desain-ui-website-e-commerce\/#primaryimage"},"thumbnailUrl":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/09\/desain-ui-website-e-commerce-1.jpg","datePublished":"2023-09-26T09:50:41+00:00","dateModified":"2023-11-22T04:42:01+00:00","description":"Bingung desain website e-commerce yang menarik? Yuk, cari inspirasi desain UI untuk website e-commerce di artikel ini!","breadcrumb":{"@id":"https:\/\/bikin.website\/blog\/inspirasi-desain-ui-website-e-commerce\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bikin.website\/blog\/inspirasi-desain-ui-website-e-commerce\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bikin.website\/blog\/inspirasi-desain-ui-website-e-commerce\/#primaryimage","url":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/09\/desain-ui-website-e-commerce-1.jpg","contentUrl":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/09\/desain-ui-website-e-commerce-1.jpg","width":1333,"height":992,"caption":"desain ui website e-commerce"},{"@type":"BreadcrumbList","@id":"https:\/\/bikin.website\/blog\/inspirasi-desain-ui-website-e-commerce\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bikin.website\/blog\/"},{"@type":"ListItem","position":2,"name":"4+ Inspirasi Desain UI untuk Website E-commerce Anda"}]},{"@type":"WebSite","@id":"https:\/\/bikin.website\/blog\/#website","url":"https:\/\/bikin.website\/blog\/","name":"Bikin.Website","description":"Tips Bikin Website dan Bisnis Online","publisher":{"@id":"https:\/\/bikin.website\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bikin.website\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/bikin.website\/blog\/#organization","name":"Bikin.Website","url":"https:\/\/bikin.website\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bikin.website\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2019\/10\/logo-blue.png","contentUrl":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2019\/10\/logo-blue.png","width":3342,"height":409,"caption":"Bikin.Website"},"image":{"@id":"https:\/\/bikin.website\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/bikin.website\/blog\/#\/schema\/person\/aa838f6f33fc51efa6b5c41f140ef040","name":"Severina Ratih","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/9411c8b4eb3fe830f4c8f9a82aa3fad4efc9579f53fddb86a462773e9d63796b?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/9411c8b4eb3fe830f4c8f9a82aa3fad4efc9579f53fddb86a462773e9d63796b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9411c8b4eb3fe830f4c8f9a82aa3fad4efc9579f53fddb86a462773e9d63796b?s=96&d=mm&r=g","caption":"Severina Ratih"},"url":"https:\/\/bikin.website\/blog\/author\/severina\/"}]}},"_links":{"self":[{"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/posts\/3386","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/comments?post=3386"}],"version-history":[{"count":7,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/posts\/3386\/revisions"}],"predecessor-version":[{"id":3556,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/posts\/3386\/revisions\/3556"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/media\/3403"}],"wp:attachment":[{"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/media?parent=3386"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/categories?post=3386"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/tags?post=3386"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}