MAKALAH PEMROGRAMAN WEB

UI DESIGN

SEPTI MUTIARA
XI RPL 1
DESKRIPSI SINGKAT
Qur’ani adalah sebuah website yang termasuk dalam kategori E-Commerce, website ini menjual
berbagai kebutuhan ibadah orang muslim, contoh nya seperti kitab suci Al-Qur’an, Sajadah, Tasbih dan
masih banyak lagi yang lain. Lalu yang dapat membuat website ini terlihat menarik adalah pilihan
produk yang cukup banyak dalam satu kategori. Saya mengambil inspirasi untuk desain website dari
hijabchic.co.id. Alasan saya memberikan nama website ini ‘Qur’ani’ adalah karena menurut saya kata
ini cukup familiar di dengar bahkan oleh orang yang beragama non muslim sekalipun. Qur’ani ini adalah
kata yang saya ambil dari Al-Qur’an, dimana Al-Quran sendiri juga merupakan sesuatu yang iconic dari
agama islam. Untuk kesan yang ingin saya ekspresikan melalui warna yang saya pilih adalah aura
elegant dan mahal. Tanpa berlama saya akan menjabarkan dan menjelaska fitur fitur yang ada pada
website saya.
Berikut penjelasannya :

1. Hamburger menu icon

Hamburger menu ini saya gunakan untuk mempersingkat navigasi
2. Home
Home page saya di sini langsung menampilkan ‘shop now’ button yang dapat mendorong user
untuk research website saya lebih dalam lagi, jika di scroll ke bawah itu ada popular category
yang maksudnya adalah wadah untuk meletakkan kategori yang paling popular di cari oleh user
Saya juga memiliki comment page, yang tentunya berfungsi untuk melihat review produk yang
saya jual, dan terakhir itu footer.
3. Login/Register
Untuk di awal ini, kamu sebetulnya tidak perlu login/register jika hanya ingin melihat produk
yang di jual oleh website ini, kecuali ketika kamu akan mencheck out suatu barang pada website
ini, maka kamu harus register/login dulu.
4. Search Icon
Search icon ini tentunya akan sangat bermanfaat ketika kita malas untuk mencari satu persatu
produk apa yang sebenarnya kita cari, hanya tinggal masukkan kata kuncinya, dan akan keluar
daftar produk yang sesuai dengan apa yang kamu search sebelumnya
5. Cart icon
Cart icon dalam website saya ini sama fungsinya dengan biasanya, yaitu mengarahkan user ke
daftar produk yang ingin di check out.
6. Profile Page
Page ini tentunya berfungsi untuk memuat informasi diri kamu ketika kamu sudah memiliki
akun.

Baiklah, segitu saja penjelasan fitur fitur yang ada pada website saya.
Terima Kasih