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 : 720 x 720 pixels Visualisasi Karya
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 Visualisasi Karya
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
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
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
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 - 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
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
85 9. Menu Kabar Widi Nugraha Halaman 1 Media : Menu Kabar Widi Nugraha Halaman 1
86 10. Menu Kabar Widi Nugraha Halaman 2 Media : Menu Kabar Widi Nugraha Halaman 2
87 11. Menu Batik Khas Ngawi Media : Menu Batik Khas Ngawi
88 12. Menu Batik Khas Ngawi Motif Kembang Jati Media : Menu Batik Khas Ngawi Motif Kembang Jati
89 13. Menu Batik Khas Ngawi Motif Fosil Media : Menu Batik Khas Ngawi Motif Fosil
90 14. Menu Batik Khas Ngawi Motif Kali Tempuk Media : Menu Batik Khas Ngawi Motif Kali Tempuk
91 15. Menu Batik Khas Ngawi Motif Bulus Media : Menu Batik Khas Ngawi Motif Bulus
92 16. Menu Batik Khas Ngawi Motif Bambu Media : Menu Batik Khas Ngawi Motif Bambu
93 17. Menu Fashion Pria #1 Media : Menu Fashion Pria #1
94 18. Menu Fashion Pria #2 Media : Menu Fashion Pria #2
95 19. Menu Fashion Pria #3 Media : Menu Fashion Pria #3
96 20. Menu Fashion Pria #4 Media : Menu Fashion Pria #4
97 21. Menu Fashion Pria #5 Media : Menu Fashion Pria #5
98 22. Menu Fashion Wanita #1 Media : Menu Fashion Wanita #1
99 23. Menu Fashion Wanita #2 Media : Menu Fashion Wanita #2
100 24. Menu Fashion Wanita #3 Media : Menu Fashion Wanita #3
101 25. Menu Fashion Wanita #4 Media : Menu Fashion Wanita #4
102 26. Menu Fashion Wanita #5 Media : Menu Fashion Wanita #5
103 27. Menu Fashion Anak #1 Media : Menu Fashion Anak #1
104 28. Menu Fashion Anak #2 Media : Menu Fashion Anak #2
105 29. Menu Fashion Anak #3 Media : Menu Fashion Anak #3
106 30. Menu Fashion Anak #4 Media : Menu Fashion Anak #4
107 31. Menu Fashion Anak Halaman #5 Media : Menu Fashion Anak #5
108 32. Menu Asesoris #1 Media : Menu Asesoris #1
109 33. Menu Asesoris #2 Media : Menu Asesoris #2
110 34. Menu Asesoris #3 Media : Menu Asesoris #3
111 35. Menu Asesoris #4 Media : Menu Asesoris #4
112 36. Menu Asesoris #5 Media : Menu Asesoris #5
113 B. Media Pendukung 1. Web Banner Media : Web Banner : 1.792 x 330 pixels : Landscape, Photoshop, Adobe Flash
2. X-Banner 114
115 Media : X-Banner : 160 x 60 cm, Photoshop
116 3. Poster Iklan pada Facebook Media : Poster Iklan pada Facebook : 4464 x 2054 pixel : Landscape, Photoshop