BAB V VISUALISASI KARYA · Menu “Troli” atau “Cara Pesan Barang” Pada menu “Troli” atau...
Transcript of BAB V VISUALISASI KARYA · Menu “Troli” atau “Cara Pesan Barang” Pada menu “Troli” atau...
69
BAB V
VISUALISASI KARYA
A. Media Utama
1. Icon Logo
Icon Logo, berikut merupakan tampilan icon untuk aplikasi Widi Nugraha yang
didalamnya mencantumkan logo WN.
70
Media : Icon Logo
Ukuran Desain : 720 x 720 pixels
Mode : Warna
Format desain : Portrait
Visualisasi Karya : CorelDraw X7
71
2. Interface Logo
Interface Logo, berikut merupakan tampilan awal yang akan muncul ketika user
membuka aplikasi Katalog Digital Widi Nugraha. Penempatan posisi logo berada
di tengah, kemudian terdapat ornamen dekorasi pohon bambu yang terdapat di
sekitar logo dengan transparansi 50% sehingga logo tetap tampak lebih menonjol.
72
Media : Interface Logo
Ukuran Desain : 1280 x 720 pixels
Mode : Warna
Format desain : Portrait
Visualisasi Karya : CorelDraw X7
73
3. Menu Registration
Menu Registration merupakan tampilan kedua yang akan muncul setelah logo
aplikasi Katalog Digital Widi Nugraha. Pada tampilan ini tetap menampilkan logo
dengan tambahan nama “WIDI NUGRAHA”, kemudian terdapat 3 menu
didalamnya yaitu Login, Register, dan Guest Check out yang di gunakan bagi
pengguna yang tidak ingin melakukan Login atau Register , artinya bila di klik akan
langsung masuk pada menu utama.
74
Media : Menu Registration
Ukuran Desain : 1280 x 720 pixels
Mode : Warna
Format desain : Portrait
Eksekusi Karya : CorelDraw X7
75
4. Menu Login
Menu Login ini diperuntukan bagi pengguna yang telah mendaftar sebelumnya dan
memiliki akun untuk aplikasi Widi Nugraha. Pada menu ini pengguna diminta
untuk memasukkan email dan password untuk melalukan Login. Keuntungan bagi
pengguna yang telah memiliki akun adalah pada setiap melakukan belanja dengan
menggunakan aplikasi katalog Widi Nugraha ini pengguna memiliki history daftar
belanja yang sudah pernah di beli.
76
Media : Menu Login
Ukuran Desain : 1280 x 720 pixels
Mode : Warna
Format desain : Portrait
Eksekusi Karya : CorelDraw X7
77
5. Menu Register
Menu Register ini diperuntukan bagi pengguna yang belum memiliki akun untuk
aplikasi Widi Nugraha. Pada menu ini pengguna diminta untuk memasukkan
beberapa data pengguna seperti nama atau ID yang akan digunakan, email dan
password untuk melalukan Register.
78
Media : Menu Register
Ukuran Desain : 1280 x 720 pixels
Mode : Warna
Format desain : Portrait
Eksekusi Karya : CorelDraw X7
79
6. Home Page
Home Page adalah menu utama pada aplikasi Katalog Digital Widi Nugraha yang
didalamnya terdapat beberapa menu yang disajikan kepada pengguna, seperti
Pencarian, Troli, dan Menu. Pada Home Page ini logo berada pada bagian atas,
kemudian terdapat tiga BAR yang memiliki memiliki fungsi berbeda-beda. Gambar
serta penjelasan seperti berikut:
80
Media : Home Page
Ukuran Desain : 1280 x 720 pixels
Mode : Warna
Format desain : Portrait
Eksekusi Karya : CorelDraw X7
- Pada icon “Menu” ditampilkan secara pop-up yang muncul dari ujung icon
“Menu” tanpa berganti halaman, dengan warna dasar yang transparan
sehingga halaman Home Page dapat terlihat.
- Kemudian icon “Pencarian” atau “Search” digunakan untuk mempermudah
pengguna dalam mencari produk yang diinginkan tanpa perlu mencari
perhalaman produk.
- Icon “Troli” atau “Cara Pesan Barang” memiliki fungsi untuk memberikan
informasi bagi pengguna yang ingin membeli atau memesan produk batik
Widi Nugraha. Dalam halaman ini juga terdapat penjelasan lengkap mengenai
prosedur pemesanan dan pembayaran yang ditampilkan simple agar mudah
dipahami oleh pengguna.
81
7. Tampilan “Menu”
“Menu”, ditampilkan secara pop-up tanpa berpindah halaman dari “Home Page”
sehingga hanya menutupi sebagian tampilan Home Page . Pada menu ini terdapat
beberapa pilihan menu lagi didalamnya seperti Kabar Widi Nugraha, Batik Khas
Ngawi, Fashion Pria, Fashion Wanita, Fashion Anak, dan Asesoris. Background
pada tampilan ini berwarna hijau tua R:13 G:54 B:50, dengan transparansi 50%
sehingga halaman belakangnya masih sedikit terlihat. Kemudian tipografi
menggunakan font Robotic dengan warna font putih.
82
Media : “Menu”
Ukuran Desain : 1280 x 720 pixels
Mode : Warna
Format desain : Portrait
Eksekusi Karya : CorelDraw X7
83
8. Menu “Troli” atau “Cara Pesan Barang”
Pada menu “Troli” atau “Cara Pesan Barang” ini ditampilkan secara sederhana dan
simpel yang difungsikan agar mempermudah pengguna dalam memahami
informasi yang dicantumkan di dalamnya. Warna dasar yang digunakan adalah
hitam, kemudian tipografi menggunakan tipografi tipe San-Serif dengan warna font
putih dan kuning untuk poin-poin kalimat penjelasan yang penting.
84
Media : Menu “Troli”
Ukuran Desain : 1280 x 720 pixels
Mode : Warna
Format desain : Portrait
Eksekusi Karya : CorelDraw X7
85
9. Menu “Kabar Widi Nugraha” Halaman 1
Media : Menu “Kabar Widi Nugraha” Halaman 1
Ukuran Desain : 1280 x 720 pixels
Mode : Warna
Format desain : Portrait
Eksekusi Karya : CorelDraw X7
86
10. Menu “Kabar Widi Nugraha” Halaman 2
Media : Menu “Kabar Widi Nugraha” Halaman 2
Ukuran Desain : 1280 x 720 pixels
Mode : Warna
Format desain : Portrait
Eksekusi Karya : CorelDraw X7
87
11. Menu “Batik Khas Ngawi”
Media : Menu “Batik Khas Ngawi”
Ukuran Desain : 1280 x 720 pixels
Mode : Warna
Format desain : Portrait
Eksekusi Karya : CorelDraw X7
88
12. Menu “Batik Khas Ngawi” Motif Kembang Jati
Media : Menu “Batik Khas Ngawi” Motif Kembang Jati
Ukuran Desain : 1280 x 720 pixels
Mode : Warna
Format desain : Portrait
Eksekusi Karya : CorelDraw X7
89
13. Menu “Batik Khas Ngawi” Motif Fosil
Media : Menu “Batik Khas Ngawi” Motif Fosil
Ukuran Desain : 1280 x 720 pixels
Mode : Warna
Format desain : Portrait
Eksekusi Karya : CorelDraw X7
90
14. Menu “Batik Khas Ngawi” Motif Kali Tempuk
Media : Menu “Batik Khas Ngawi” Motif Kali Tempuk
Ukuran Desain : 1280 x 720 pixels
Mode : Warna
Format desain : Portrait
Eksekusi Karya : CorelDraw X7
91
15. Menu “Batik Khas Ngawi” Motif Bulus
Media : Menu “Batik Khas Ngawi” Motif Bulus
Ukuran Desain : 1280 x 720 pixels
Mode : Warna
Format desain : Portrait
Eksekusi Karya : CorelDraw X7
92
16. Menu “Batik Khas Ngawi” Motif Bambu
Media : Menu “Batik Khas Ngawi” Motif Bambu
Ukuran Desain : 1280 x 720 pixels
Mode : Warna
Format desain : Portrait
Eksekusi Karya : CorelDraw X7
93
17. Menu Fashion Pria #1
Media : Menu Fashion Pria #1
Ukuran Desain : 1280 x 720 pixels
Mode : Warna
Format desain : Portrait
Eksekusi Karya : CorelDraw X7
94
18. Menu Fashion Pria #2
Media : Menu Fashion Pria #2
Ukuran Desain : 1280 x 720 pixels
Mode : Warna
Format desain : Portrait
Eksekusi Karya : CorelDraw X7
95
19. Menu Fashion Pria #3
Media : Menu Fashion Pria #3
Ukuran Desain : 1280 x 720 pixels
Mode : Warna
Format desain : Portrait
Eksekusi Karya : CorelDraw X7
96
20. Menu Fashion Pria #4
Media : Menu Fashion Pria #4
Ukuran Desain : 1280 x 720 pixels
Mode : Warna
Format desain : Portrait
Eksekusi Karya : CorelDraw X7
97
21. Menu Fashion Pria #5
Media : Menu Fashion Pria #5
Ukuran Desain : 1280 x 720 pixels
Mode : Warna
Format desain : Portrait
Eksekusi Karya : CorelDraw X7
98
22. Menu Fashion Wanita #1
Media : Menu Fashion Wanita #1
Ukuran Desain : 1280 x 720 pixels
Mode : Warna
Format desain : Portrait
Eksekusi Karya : CorelDraw X7
99
23. Menu Fashion Wanita #2
Media : Menu Fashion Wanita #2
Ukuran Desain : 1280 x 720 pixels
Mode : Warna
Format desain : Portrait
Eksekusi Karya : CorelDraw X7
100
24. Menu Fashion Wanita #3
Media : Menu Fashion Wanita #3
Ukuran Desain : 1280 x 720 pixels
Mode : Warna
Format desain : Portrait
Eksekusi Karya : CorelDraw X7
101
25. Menu Fashion Wanita #4
Media : Menu Fashion Wanita #4
Ukuran Desain : 1280 x 720 pixels
Mode : Warna
Format desain : Portrait
Eksekusi Karya : CorelDraw X7
102
26. Menu Fashion Wanita #5
Media : Menu Fashion Wanita #5
Ukuran Desain : 1280 x 720 pixels
Mode : Warna
Format desain : Portrait
Eksekusi Karya : CorelDraw X7
103
27. Menu Fashion Anak #1
Media : Menu Fashion Anak #1
Ukuran Desain : 1280 x 720 pixels
Mode : Warna
Format desain : Portrait
Eksekusi Karya : CorelDraw X7
104
28. Menu Fashion Anak #2
Media : Menu Fashion Anak #2
Ukuran Desain : 1280 x 720 pixels
Mode : Warna
Format desain : Portrait
Eksekusi Karya : CorelDraw X7
105
29. Menu Fashion Anak #3
Media : Menu Fashion Anak #3
Ukuran Desain : 1280 x 720 pixels
Mode : Warna
Format desain : Portrait
Eksekusi Karya : CorelDraw X7
106
30. Menu Fashion Anak #4
Media : Menu Fashion Anak #4
Ukuran Desain : 1280 x 720 pixels
Mode : Warna
Format desain : Portrait
Eksekusi Karya : CorelDraw X7
107
31. Menu Fashion Anak Halaman #5
Media : Menu Fashion Anak #5
Ukuran Desain : 1280 x 720 pixels
Mode : Warna
Format desain : Portrait
Eksekusi Karya : CorelDraw X7
108
32. Menu Asesoris #1
Media : Menu Asesoris #1
Ukuran Desain : 1280 x 720 pixels
Mode : Warna
Format desain : Portrait
Eksekusi Karya : CorelDraw X7
109
33. Menu Asesoris #2
Media : Menu Asesoris #2
Ukuran Desain : 1280 x 720 pixels
Mode : Warna
Format desain : Portrait
Eksekusi Karya : CorelDraw X7
110
34. Menu Asesoris #3
Media : Menu Asesoris #3
Ukuran Desain : 1280 x 720 pixels
Mode : Warna
Format desain : Portrait
Eksekusi Karya : CorelDraw X7
111
35. Menu Asesoris #4
Media : Menu Asesoris #4
Ukuran Desain : 1280 x 720 pixels
Mode : Warna
Format desain : Portrait
Eksekusi Karya : CorelDraw X7
112
36. Menu Asesoris #5
Media : Menu Asesoris #5
Ukuran Desain : 1280 x 720 pixels
Mode : Warna
Format desain : Portrait
Eksekusi Karya : CorelDraw X7
113
B. Media Pendukung
1. Web Banner
Media : Web Banner
Ukuran Desain : 1.792 x 330 pixels
Mode : Warna
Format desain : Landscape
Eksekusi Karya : CorelDraw X7, Photoshop, Adobe Flash
114
2. X-Banner
115
Media : X-Banner
Ukuran Desain : 160 x 60 cm
Mode : Warna
Format desain : Portrait
Eksekusi Karya : CorelDraw X7, Photoshop
116
3. Poster Iklan pada Facebook
Media : Poster Iklan pada Facebook
Ukuran Desain : 4464 x 2054 pixel
Mode : Warna
Format desain : Landscape
Eksekusi Karya : CorelDraw X7, Photoshop