PEMBAHASAN
2.1 Tahap – Tahap Perancangan Desain
Tahapan yang dilakukan untuk merancang suatu desain diperoleh dari
survei di beberapa website untuk mencarri referensi desain yang mungkin
bisa dijadikan sebuah patokan dalam pembuatan desain. Tahap – tahap
perancangan dibuat secara terstruktur.
2.1.1 Desain Logo
Gambar Logo
Gambar diatas merupakan desain logo yang dibuat di aplikasi corel draw
dikarenakan terdapat tools yang dapat membantu dalam pembuatan logo.
Gambar tersebut dibuat dengan ukuran 500mm x 500mm. teori warna
yang digunakan complementary color dimana warna yang di tampilkan
merupakan bertolak be;akang dengan backgrounya. Pallet warna yang
digunakan adalah sebagai berikut
3
4
1. #222831
2. #393e46
3. #00adb5
4. #eeeeee
Mengapa menggunakan pallet tersebut karena warna yang di tampilkan
bisa membuat dua buah konsep yaitu complementary dan monocrom.
Untuk huruf sendiri dibuat dengan tool brush.
2.1.2 Desain Dan Tampilan UI
a. Menu Home Page
Menu Home page merupakan halaman awal yang dapat kita lihat.
di halaman ini terdapat 3 bar menu Header, menu kategori dan menu
footer. Pada header terdapant logo website, bar pencarian serta fitur login
dan daftar yang dapat di gunakan oleh user. Kemudian terdapat menu
kategori yang terletak di center. Di center terdapat dua tampilan banner
5
logo. Untuk baner logo disini menggunakan template yang sudah ada dan
dimodifikasi agar bisa sesuai dengan tema yang diminta oleh user. Untuk
tampilan menu kategori menggunakan tipe menu tunggal dengan banyak
pilihan. Apabila kita klik maka akan menuju menu yang di tuju. Dan pada
menu Header terdapat sebuah desain dan informasi mengenai alamat dan
kontak yang bisa di hubungi.
b. Menu Belanja
Pada menu belanja ini mesih memiliki 2 kesamaan pada header
dan footer dari menu sebelumnya yaitu menu homepage.
Perbedaannya di menu ini menampilkan sebuah menu produk yang di
dari salah satu kategori yang di pilih oleh user. Kategori yang dipilih
maka font atau huruf akan berubah warna seperti yang di tampilkan
pada gambar.
Pada center menu terdapat tampilan produk yang dijual, tempilan
tersebut merupakan menu dengan konsep banyak kombinasi karena
yang di tampilkan merupakan etalase sehingga user bisa meliha t
barang secara sekilas.
c. Menu Checkout
6
Pada tampilan tersebut merupakan tampilan menu checkout
dimana user bisa melihat barang yang akan di beli lebih detail lagi dan
terdapat disni tidak menggunakan menu khusus hanya flat saja.
d. Menu Keranjang
Pada tampilan tersebut merupakan tampilan menu keranjang tidak
data perbedaan pada header dan footer. Di menu ini user bisa
memasukan deskripsi produk mulai harga, warna , ukuran , alamat
pengiriman serta nomer telepon dan lain sebagainya yang berhubungan
7
terkait produk yang akan di beli. Kemudian terdapat sebuah ringkasan
belanja merupakan detail harga yang akan dibayar dari sejumlah
barang akan dibeli oleh user.
e. Menu Login
Pada tampilan tersebut merupakan tampilan menu form login
dengan konsep pop up disini user bisa melakukan login dengan
memasukan email dan password untuk melakukan login.
f. Menu sign up
8
Tampilan tersebut merupakan tampilan menu form sign up dengan
konsep pop up. Di menu ini user bisa melakukan daftar akun untuk
login dengan memasukan email username dan juga password.
2.1.3 Desain Poster iklan
9
Gambar tersebut merupakan sebuah poster iklan yang akan
disebarkan di sosial media agar bisa menambah publikasi website telah
kita buat. Dan memberikan sebuah informasi bahwa dengan keadaan
situasi pandemi seperti ini kita cukup bisa belanja secara online dan tetap
di rumah.