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.
69
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