BAB V VISUALISASI KARYA - abstrak.ta.uns.ac.id · Ukuran Desain : 720 x 720 pixels Mode : Warna ......

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


Mode : Warna


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


Mode : Warna


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


Mode : Warna



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


Mode : Warna



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


Mode : Warna



- 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”


Mode : Warna



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”


Mode : Warna



85

9. Menu “Kabar Widi Nugraha” Halaman 1

Media : Menu “Kabar Widi Nugraha” Halaman 1


Mode : Warna



86

10. Menu “Kabar Widi Nugraha” Halaman 2

Media : Menu “Kabar Widi Nugraha” Halaman 2


Mode : Warna



87

11. Menu “Batik Khas Ngawi”

Media : Menu “Batik Khas Ngawi”


Mode : Warna



88

12. Menu “Batik Khas Ngawi” Motif Kembang Jati

Media : Menu “Batik Khas Ngawi” Motif Kembang Jati


Mode : Warna



89

13. Menu “Batik Khas Ngawi” Motif Fosil

Media : Menu “Batik Khas Ngawi” Motif Fosil


Mode : Warna



90

14. Menu “Batik Khas Ngawi” Motif Kali Tempuk

Media : Menu “Batik Khas Ngawi” Motif Kali Tempuk


Mode : Warna



91

15. Menu “Batik Khas Ngawi” Motif Bulus

Media : Menu “Batik Khas Ngawi” Motif Bulus


Mode : Warna



92

16. Menu “Batik Khas Ngawi” Motif Bambu

Media : Menu “Batik Khas Ngawi” Motif Bambu


Mode : Warna



93

17. Menu Fashion Pria #1

Media : Menu Fashion Pria #1


Mode : Warna



94




Mode : Warna



95




Mode : Warna



96




Mode : Warna



97




Mode : Warna



98

22. Menu Fashion Wanita #1

Media : Menu Fashion Wanita #1


Mode : Warna



99




Mode : Warna



100




Mode : Warna



101




Mode : Warna



102




Mode : Warna



103

27. Menu Fashion Anak #1

Media : Menu Fashion Anak #1


Mode : Warna



104




Mode : Warna



105




Mode : Warna



106




Mode : Warna



107

31. Menu Fashion Anak Halaman #5



Mode : Warna



108

32. Menu Asesoris #1

Media : Menu Asesoris #1


Mode : Warna



109




Mode : Warna



110




Mode : Warna



111




Mode : Warna



112




Mode : Warna



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


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

BAB V VISUALISASI KARYA - abstrak.ta.uns.ac.id · Ukuran Desain : 720 x 720 pixels Mode : Warna ......

Documents

Transcript of BAB V VISUALISASI KARYA - abstrak.ta.uns.ac.id · Ukuran Desain : 720 x 720 pixels Mode : Warna ......