Jumat, 14 April 2017

Desain User Interface untuk Web E-commerce

Pada tugas mata kuliah Interaksi Manusia & Komputer ini, saya mencoba membuat sebuah desain User Interface aplikasi e-commerce dalam bentuk Web Platform. Desain ini saya buat dengan menggunakan aplikasi Adobe Illustrator. Berikut ini merupakan penjelasan tentang desain yang saya buat.


·    Saya membuat sebuah desain tampilan home pada web ini dengan bertemakan “girly”. Karena disini saya membuat web yang menjual berbagai produk dan jenis kosmetik, dimana web ini ditujukan untuk kebutuhan para wanita. Web ini saya beri nama “Beauty Spot”, dan saya beri slogan “get more beauty from this spot”, yang artinya dengan dengan melakukan interaksi pada web ini maka para wanita dapat menambah kebutuhan akan kecantikannya melalui barang-barang yang disediakan oleh web ini.

·      Pada web ini saya desain menggunakan 3 warna utama, yaitu pink, putih, dan hitam. Disini terlihat warna pink paling mendominasi pada web ini. Alasan saya menggunakan warna pink karena pink sering diartikan dengan warna yang identik dengan wanita atau yang disebut warna feminim, karena sesuai dengan barang yang dijual pada web ini yaitu produk-produk kosmetik. Warna putih saya pilih agar dapat menyeimbangkan warna pink ini sehingga web ini tidak terlihat mencolok dan terlihat lebih simple. Dan warna hitam saya gunakan untuk mempertegas warna-warna lainnya, sehingga web ini lebih terlihat solid.

·      Disini saya menggunakan font dan size yang berbeda-beda untuk tulisan-tulisan yang ada pada web ini. Saya menggunakan font “Remachine Script” untuk tulisan yang bergaya sambung karena cocok digunakan untuk nama dan slogan pada web ini agar terlihat lebih menarik dan dekoratif. Lalu untuk bagian kategori saya menggunakan font “dk lomonade” yaitu tulisan yang bergaya tegak karena cocok digunakan sebagai isi pada bagian head di web ini. Kemudian pada tulisan info, dll dibagian kanan bawah web ini menggunakan font “Freestyle script” agar lebih menarik pengunjung dan memberikan kesan jika pada bagian akhir web ini juga masih terdapat layanan dan bantuan yang diberikan oleh web ini.

·     Layout yang saya desain sedemikian rupa ini agar web terlihat lebih interaktif namun tetap user friendly. Disini saya menekankan penawaran utama yang diberikan oleh web ini. Dan menampilkan 3 menu “What’s Tending” agar pengunjung lebih tertarik untuk melihat dan mengakses secara luas pada web ini. Layout utama pada web ini yaitu gambar beberapa produk kosmetik yang dijual untuk meyakinkan pengunjung jika web ini merupakan trusted online shop. Social media links dan informasi lainnya saya letakkan dibagian bawah sebagai layanan tambahan yang diberikan oleh web ini.

1 komentar:

  1. Desain yang bagus, cukup representatif dari produk yang dijual

    Trims,

    Reza Chandra

    BalasHapus