Sudirman Park - Karet Tengsin, Tanahabang, Central Jakarta City
support@web-lib.info

Category: UX Design

10 Skema Warna Situs Web E-commerce Yang Menawan

Warna merupakan salah satu tools paling kuat yang terdapat pada
web designer’s toolbox.

Tools ini dapat dipakai untuk menarik perhatian, mengekspresikan makna, membuat keinginan, mendorong konversi, dan bahkan menemukan loyalitas pelanggan. Ini sangat penting dalam desain website
e-commerce, di mana informasi butuh dikomunikasikan dengan cepat dan ekspresif untuk mengolah browser kasual menjadi pembeli yang berkomitmen.

Tetapi bagaimanakah warna dapat menuntaskan semua ini dan tetap menjaga identitas brand yang konsisten? Jawabannya ialah dengan mengembangkan skema warna yang efektif. Setiap projek desain website e-commerce harus dibuka dengan palet warna yang dipertimbangkan secara lengkap yang dipakai secara konsisten di semua situs web.

Dalam berbagai kasus, skema warna website e-commerce yang dikembangkan dengan baik akan menjangkau dua hal. Pertama ialah menciptakan identitas brand yang powerful dan mendorong konversi. Dalam urusan identitas merek, warna dapat dipakai untuk mengucapkan makna atau informasi mengenai merek, serta membuat rasa keseragaman dan kohesi antara sekian banyaknya produk di website web. Konversi, sebaliknya, paling gampang didorong oleh pemakaian warna kontras. Kontras warna dapat dipakai untuk menyoroti produk tertentu dan menyerahkan petunjuk arah yang kuat.

Untuk menemukan pemahaman yang lebih baik mengenai bagaimana website web e-commerce memakai skema warna untuk menjangkau kedua destinasi ini, ayo kita lihat beberapa contoh skema warna website e-commerce yang efektif.

Meskipun beberapa situs web berikut mungkin telah mengolah tampilan dan rasa mereka sekitar bertahun-tahun lamanya, latihan yang didapatkan dari iterasi desain mereka sebelumnya dapat menolong Anda menciptakan skema warna yang sempurna untuk klien desain web Anda.

Tanpa basa-basi lagi, inilah 10 skema warna website e-commerce untuk menginspirasi projek desain kita berikutnya.

Helbak

Warna pastel memberikan kontras sempurna dengan rincian warna terang pada bermacam-macam barang dengan lokasi urutan di Helbak. Meskipun latar belakang pastel memfokuskan perhatian pengunjung pada gambar produk, mereka pun membantu memisahkan pengelompokan produk dari satu dengan yang lain. Ini merupakan contoh yang bagus mengenai bagaimana skema warna dapat menciptakan variasi seraya dengan memberikan kontinuitas secara koonsisten.

Oi Polloi

Kegembiraan brand Oi Polloi hadir dalam skema warnanya, yang diciptakan dengan logo dan dicocokkan dengan semua bagian situs. Meskipun pada awalnya tampak terfragmentasi atau sifat pelbagai skema warna mampu menolong pelbagai merek yang ditawarkan oleh toko.

Bloom That

Skema warna untuk Bloom That melakukan pekerjaan yang paling baik untuk kesinambungan dengan kontras. Warna oranye yang powerful dari logo di unsur kiri atas terhubung dengan baik dengan tombol anjuran bertindak yang jelas di sebelah bilah pencarian. Abu-abu lembut dan latar belakang netral yang dimatikan pun sangat menekankan gambar produk berwarna terang di latar depan.

Hillary Clinton Shop

Biasanya warna merah sejumlah ini bakal sangat spektakuler pada desain lainnya, namun di toko Hillary Clinton, ini adalahpukulan emosional yang kuat. Digabungkan dengan gambar produk biru yang lebih dingin dan teks putih sederhana, halaman arahan sarat warna ini mengingatkan pada merah, putih, dan biru dari spang-spangled bintang – sempurna untuk penonton Amerika patriotik Hillary.

LayersWP

www.judisakti.org

Situs ini memang mengandalkan warna hitam dengan kontras emas, yang memberikan kesan mahal dan kemakmuran. Website yang bertema online gaming dan casino ini mengandalkan warna-warna yang membuat pengunjung ingin segera bergabung untuk mendapatkan kemenangan. Slider dengan warna-warna emas dan merah membuat pengunjung betah berlama-lama melihat permainan yang disediakan disini.

Ohlin-d

Karena produk Ohlin-d diilhami oleh karya seni, masuk akal jika desain website harus mengambil isyarat warna dari seni juga. Dalam urusan ini, blue dan ungu menolong menekankan merah, orange, dan merah muda yang lebih hangat dari lukisan dan gambar produk. Ini ialah contoh bagus lainnya mengenai bagaimana warna bisa bekerja bersamaan bahkan dalam oposisi.

William Abraham

Skema warna untuk William Abraham ini adalah tentang gaya. Gambar produk yang berwarna terang sangat kontras dengan latar belakang hitam pekat. Merah powerful dan biru percaya diri mengekspresikan otoritas dan keyakinan, sedangkan cokelat kaya meningkatkan sentuhan kehangatan.

Triangl

Meskipun kekuatan website web ini terdapat dalam citra lookbook yang luar biasa, skema warna setiap potret sangat urgen untuk mengucapkan merek Triangl yang powerful dan konversi berkendara. Dengan produk-produk yang paling berwarna, masuk akal untuk memfokuskan perhatian penonton pada warna-warna hangat di latar depan. Kontras kemudian disusun oleh warna biru dan putih yang lebih dingin dari latar belakang.

Patagonia Provisions 

Dalam skema warna untuk Patagonia Provisions, cokelat dan jeruk dipakai untuk merangsang respons psikologis tertentu. Karena cokelat dan jeruk lazimnya dikaitkan dengan sifat membumi, alam, kesehatan, dan vitalitas, warna-warna di website ini menjalin hubungan yang powerful antara produk Patagonia dan asosiasi kebiasaan yang lebih luas.

Sundry

Penggunaan warna-warna bahari yang konsisten di samping logo oranye yang terang menciptakan citra gaya hidup yang ringkas untuk toko web pakaian ini. Latar belakang yang pucat memfokuskan perhatian pada produk di unsur tengah halaman, sedangkan pelampung berwarna terang di sebelah kiri unik tautan visual antara produk dengan nama merek.

Inilah 5 Hal Yang Harus kita Pelajari Dalam Kursus Desain UX

Apa yang dibutuhkan untuk menjadi desainer UX di dunia ketika ini?

Haruskah kita tahu teknik membuat kode? Apakah kita dapat menciptakan prototipe interaktif? Dan saat tiba saatnya, apa yang menciptakan seseorang tidak saja desainer UX yang bagus, namun hebat?

Di sini, di CareerFoundry, kami menginvestigasi pertanyaan-pertanyaan ini tanpa lelah untuk mengetahui bagaimana menciptakan kursus desain UX yang relevan dan terbukti di masa mendatang yang menyerahkan semua yang diperlukan siswa kami untuk mengawali karir mereka sebagai desainer UX.

Tim kami telah menganalisis industri teknologi secara mendalam, tergolong meninjau ribuan iklan kegiatan untuk benar-benar mengetahui apa yang ditelusuri pengusaha dalam perancang UX. Ini ialah kunci dalam membalas pertanyaan-pertanyaan di atas sebab ia menawarkan wawasan yang tak ternilai ke dunia desain UX profesional dan memungkinkan kami untuk membina kursus desain UX yang sangat mutakhir, relevan dengan industri, dan tepat guna di pasar.

Jadi apa yang sudah kita pelajari sekitar proses ini? Saya senang kita bertanya! Di bawah ini kami bakal menggali kemampuan khusus yang mesti kita pelajari dalam kursus UX supaya siap guna karier Anda.

kita tidak mesti belajar kode

Mari selami terlebih dahulu ke di antara topik sangat kontroversial dalam urusan menjadi desainer UX yang menyeluruh. Apakah Anda butuh tahu teknik membuat kode guna menjadi desainer UX?

Banyak perancang UX pemula cemas bahwa mereka mesti tahu teknik membuat kode supaya efektif di bidangnya, yang adalahmasalah yang valid menilik betapa eratnya empiris dan pengembangan pemakai. Tetapi urgen untuk diingat, desain dan pengembangan ialah bidang yang berbeda! Apakah Anda menginginkan seorang programmer untuk mengerjakan riset pemakai dan menciptakan wireframes? Mungkin tidak, dan ini pun berlaku sebaliknya!

Tentu saja, terdapat peringatan. Meskipun tidak butuh tahu teknik membuat kode guna menjadi perancang UX yang hebat, tersebut tentu saja membantu! Misalnya, andai Anda seorang arsitek dan kita merancang suatu bangunan, Anda barangkali tidak bakal membangunnya sendiri. Tapi tersebut membantu untuk mengetahui pekerjaan semua insinyur dan konstruksi umum karena tersebut meyakinkan Anda bakal dapat berkata dengan semua pembangun dan dapat mengetahui potensi masalah implementasi dan menciptakan solusi baru.

Hal yang sama berlaku guna desainer UX. Pikirkan diri kita sebagai arsitek. Anda sebetulnya tidak membina perangkat lunak, namun semakin Anda memahami tentang proses pembangunan, semakin baik.

Saya individu merekomendasikan murid desain UX memungut paling tidak kursus pengkodean dasar guna lebih mengetahui bagaimana kode bekerja. Ini akan menolong Anda mengetahui pekerjaan insinyur dan bakal memungkinkan Anda guna mempunyai percakapan yang lebih kompeten sebab Anda dapat berkata paling tidak tidak banyak bahasa mereka.

Untungnya ada tidak sedikit kursus pengkodean cuma-cuma dan tutorial dasar online, tetapi andai Anda benar-benar hendak mempelajari seluk beluk kode, kita dapat meregistrasi untuk program terstruktur. Saat memungut kursus Desainer UX Bersertifikat, kita akan diserahkan opsi untuk memungut modul spesialisasi Frontend Basics andai Anda tertarik mempelajari sejumlah kode.

Anda mesti menguras waktu dengan desainer UX

Bagian beda yang sangat urgen dari kursus desain UX ialah mengajar siswa laksana apa kehidupan keseharian seorang desainer UX sebenarnya. Ini sebenarnya dapat menjadi tidak banyak misteri saat Anda seorang calon mahasiswa desain UX dan dapat menjadi titik stres. Lagipula, andai Anda tidak yakin pekerjaan apa yang akan dilaksanakan sehari-hari, itu dapat sangat menegangkan mengawali pekerjaan kesatu kita sebagai desainer UX!

Kami telah membina solusi hebat guna ini di sini di Web-Lib.Info. Ketika kita menjadi seorang siswa, Anda sesuai dengan seorang Mentor yang telah menguras bertahun-tahun di bidang desain UX. Mentor Anda terdapat di sana untuk beri panduan Anda melewati dunia desain UX. kita mendapat tidak sedikit waktu 1-ke-1 dengan mereka di mana Anda bisa memilih benak mereka mengenai semua pekerjaan sehari-hari dari desainer UX, belum lagi pertanyaan mengenai industri desain, perangkat desain terbaik dan apa juga yang Anda bakal bermanfaat!

Intinya ialah pada akhir kursus desain UX, Anda mesti mempunyai pegangan yang kuat mengenai apa pekerjaan sehari-hari Anda. Pada akhirnya, ini bakal memberi Anda tahapan besar saat mengawali karir desain UX Anda, sebab Anda bakal dapat mengawali dengan menjalankan lebih tidak banyak kejutan pada hari kesatu Anda.

Anda mesti belajar teknik membuat prototipe interaktif

Ini ialah area yang bisa dengan gampang membingungkan mayoritas desainer UX pemula. Jika kita tidak tahu teknik membuat kode, bagaimana Anda menciptakan prototipe interaktif? Percaya atau tidak, kita tidak perlu mencatat satu baris kode untuk menciptakan prototipe interaktif! Dengan perangkat empuk yang tepat, kita dapat menciptakan prototipe yang terasa nyaris tidak dapat dibedakan dari software berkode.

Tujuan dari prototipe terperinci ialah untuk bisa memamerkan empiris pemakai Anda untuk orang beda tanpa mesti benar-benar kode semua aplikasi. Alat prototipe tidak jarang kali seret-dan-lepas, dengan kata lain mudah untuk mengerjakan perubahan dengan cepat dan menciptakan semua orang siap sebelum masa-masa dan duit dimasukkan ke dalam pemrograman yang sebenarnya.

Di sini, di CareerFoundry, kami sangat konsentrasi pada fase prototipe desain UX sebab kami percaya itu ialah bagian yang sangat urgen dari kemahiran desainer UX. Ada tidak sedikit alat prototyping di luar sana dan setiap mempunyai kurva belajar sendiri, jadi kami konsentrasi pada satu khusus, namun pastikan guna memberi kita pro dan kontra dari yang lain sampai-sampai Anda bisa bereksperimen dengan mereka dan mengejar yang bermanfaat yang terbaik untukmu.

Anda mesti mengetahui alat desain UX yang sangat umum

Ada tidak sedikit alat desain UX di luar sana, sejumlah bagus, sejumlah bagus, dan sejumlah yang tidak sesuai dengan masa-masa Anda. Kursus desain UX yang baik bakal mengajarkan Anda teknik menggunakan yang terbaik dari alat-alat ini.

Perlu diingat, perangkat bukan segalanya! Lebih urgen daripada belajar bagaimana menggunakan setiap alat yang berbeda ialah mempelajari alat eksklusif untuk masing-masing pekerjaan. Banyak perancang UX mempunyai peranti empuk untuk wireframing, diagram alir, dan desain. Kursus desain UX yang bagus menunjukkan untuk Anda perangkat yang sangat penting dan merekomendasikan yang mesti kita gunakan, namun pada kesudahannya terserah kita untuk mengejar alat yang sangat sesuai dengan Anda!

Di bawah ini ialah daftar dari sejumlah alat desain UX sangat populer. Kursus desain UX mesti membicarakan alat-alat ini secara mendetail dan menyerahkan pro dan kontra sampai-sampai Anda dapat mengetahui mana yang terbaik untuk Anda:

InVision – Bagus untuk menciptakan prototipe interaktif yang dapat diberikan kepada orang lain.
Sketch App – Alat desain antarmuka standar industri.
Adobe Experience Design – Alat oleh Adobe yang khusus guna desainer UX. Ini masih dalam versi beta, namun yang ini bisa jadi akan menjadi paling populer sesudah diluncurkan secara resmi.
Omnigraffle – Alat standar industri untuk menciptakan diagram alur dan gambar rangka terperinci.
UserTesting – Situs ini memungkinkan Anda guna menguji prototipe kita pada pemakai nyata.
UXPin – Platform desain UX yang menyeluruh lengkap dengan perangkat wireframing dan prototyping serta di bina dalam kolaborasi.
Optimizely – Mudah mengerjakan tes A / B pada software berbasis web dan halaman arahan.
Balsamiq – Alat standar industri untuk menciptakan bingkai gambar interaktif yang cepat dan interaktif.

Anda mesti mengerjakan pengujian dan riset pemakai nyata

Salah satu unsur terpenting dari kegiatan desainer UX ialah pengujian pemakai dan riset pemakai. Ini pada dasarnya ialah seni menggali tahu bagaimana menuntaskan masalah pemakai. Desainer UX mengerjakan ini dengan menguji prototipe pada pemakai potensial atau yang terdapat dan menyaksikan bagaimana mereka beresonansi. Di mana mereka terjebak? Di mana mereka bingung? Seberapa cepat mereka menuntaskan tugas-tugas utama? Ini ialah jenis pertanyaan pengujian dan riset dapat menolong menjawab.

Setelah Anda mengejar batu sandungan di desain Anda, kita dapat mengejar solusi, mengujinya, dan terus – bilas dan ulangi – hingga Anda menemukan sesuatu yang jauh lebih dekat dengan sempurna daripada apa yang kita mulai dengan!

Jika Anda beranggapan untuk berpindah ke karier di desain UX, barangkali sulit menilai di antara sekian banyak opsi di luar sana.

Harapan saya ialah bahwa ini bisa menjadi sedikit petunjuk untuk apa yang mesti ditelusuri ketika mengejar kursus yang tepat guna Anda dan menolong memberi Anda gagasan tentang apa yang mesti diwaspadai!

Jika Anda hendak memulai hari ini, lihat Kursus Singkat UX Desain sekitar seminggu cuma-cuma kami.

Selamat merancang!