BAB V KARYA PERANCANGAN

Transkripsi

1 BAB V KARYA PERANCANGAN 5.1. Ulasan Karya Website The Dead Vocalist band dapat di akses secara online dengan alamat pada browser Performansi Berikut tampilan karya website The Dead Vocalist: a. HOME Gambar 25. Halaman HOME (Reproduksi digital: Penulis) HOME, halaman utama pada website The Dead Vocalist. b. PROFILE Gambar 26. Halaman PROFILE (Reproduksi digital: Penulis) PROFILE, halaman yang menyediakan informasi tentang personel The Dead Vocalist. 49

2 c. NEWS Gambar 27. Halaman NEWS (Reproduksi digital: Penulis) News, halaman yang menyediakan berbagai informasi berita acara kekinian dari The Dead Vocalist band. d. MERCH Gambar 28. Halaman MERCH (Reproduksi digital: Penulis) MERCH, halaman yang berisikan produk-produk yang ditawarkan oleh The Dead Vocalist band. e. PARTNERS Gambar 29. Halaman PARTNERS (Reproduksi digital: Penulis) 50

3 PARTNERS, halaman yang berisikan link komunitaskomunitas dukungan dan band-band terkait dengan The Dead Vocalist band. f. CONTACT US Gambar 30. Halaman Contact Us (Reproduksi digital: Penulis) CONTACT US, halaman yang menyediakan informasi kontak The Dead Vocalist band Fungsi Eye-tracking, kesadaran bahwa terdapat banyak hal yang dapat menjadi pendorong sehingga user melihat bagian-bagian tertentu pada halaman website untuk mulai membaca/melihat sebagian atau keseluruhan dari website The Dead Vocalist, dari perbagian ke bagian lainnya. Gambar 31. Eye-tracking website The Dead Vocalist band (Reproduksi digital: Penulis) Keterangan: 1. Background 2. Konten 51

4 3. Header 4. Footer 5. Pemutar musik Interface website The Dead Vocalist band: a.`header Gambar 32. Header (Reproduksi digital: Penulis) Header meliputi logotype The Dead Vocalist band dan menu navigasi. b. Footer Gambar 33. Footer (Reproduksi digital: Penulis) 52

5 Footer meliputi copyright The Dead Vocalist band, contact us dan ikon menuju halaman jejaring sosial media seperti facebook, twitter, soundcloud dan youtube The Dead Vocalist band. c. Menu navigasi Gambar 34. Menu navigasi (Reproduksi digital: Penulis) Menu navigasi menggunakan typeface berjenis fantasy dengan karakter Grunge, yaitu font VTKS Distress. Menu navigasi terdapat link home, profile, news, merch dan partners. d. Pemutar musik Gambar 35. Pemutar musik (Reproduksi digital: Penulis) 53

6 Fitur pemutar musik ini berisi sebuah lagu yang berjudul Polusi, salah satu buah karya dari The Dead Vocalist band. e. Background Gambar 36. Background (Reproduksi digital: Penulis) Foto yang digunakan dalam website sebagai background, dengan format warna hitam putih. Secara teknis perancangan grafis website ini adalah aplikasi berbasis web (web based applications) yang harus disajikan secara online, dengan menggunakan bahasa browser dan server (database). Dengan spesikasi perangkat keras komputer yang terhubung dengan internet dan dijalankan melalui perangkat lunak browser dengan dukungan bahasa pemrograman HTML, CSS dan PHP Pemasaran Metode pemasaran yang paling penting dalam dunia teknologi website adalah SEO (Search Engine Optimization), terutama bagi pelaku bisnis online. SEO adalah serangkaian proses yang dilakukan secara sistematis yang bertujuan meningkatkan volume/jumlah/ kepadatan dan kualitas trafik kunjungan melalui mesin 54

7 pencari menuju situs web tertentu dengan memanfaatkan mekanisme kerja atau logaritma mesin pencari tersebut. Tujuan SEO adalah menempatkan sebuah sebuah situs web pada posisi teratas, atau setidaknya halaman pertama pada hasil pencarian berdasarkan kata kunci tertentu yang ditargetkan. Secara logis, situs web yang menempati posisi teratas memiliki peluang lebih besar untuk mendapatkan pengunjung. Karena kebanyakan user mencari informasi menggunakan search engine dengan memanfaatkan kata kunci dengan harapan mendapatkan informasi yang relevan. Dalam hal ini website The Dead Vocalist band ini perlu mengoptimalkan tehnik tersebut, secara tehnik ini adalah tugas seorang webmaster. Selain itu media yang dapat digunakan untuk mengenalkan website ini bisa dalam bentuk broadcast pada aplikasi smartphone bbm (blackberry messenger) serta media-media jejaring sosial seperti facebook, twitter dan sosial media sejenisnya Kepentingan Produsen Menjadikan salah satu media untuk menopang kelancaran bisnis yang dijalankan seperti penjualan karya musik dan merchandise The Dead Vocalist band Kualitas Bentuk Visual Grunge, aliran ini sejak beberapa tahun lalu begitu dominan dalam dunia grafis sehingga pada puncaknya semua pegrafis ingin menerapkan motif grunge pada karya-karyanya dalam dimensi yang luas di bidang apa saja. Penentuan gaya visual grunge pada website disesuaikan dengan genre The Dead Vocalist band itu sendiri. 55

8 Gambar 37. Karakter Grunge (Reproduksi digital: Penulis) Karakter Grunge ini dapat dilihat dari elemen font, ikon sosial media pada footer dan background yang digunakan, font diaplikasikan pada menu navigasi dan judul (bodytext). Perancangan grafis website The Dead Vocalist band ini membutuhkan kerjasama tim, antara desainer web dengan programer web. Penulis dalam hal ini adalah sebagai perancang grafis web yang sebelumnya bertugas membuat keseluruhan grafis layout dengan menggunakan perangkat lunak pengolah foto digital. Sedangkan finishing dilakukan oleh pihak programer web untuk dapat diterjemahkan menjadi layout yang bisa diterima oleh browser, bahasa yang diterima browser meliputi kode HTML, Jquery dan CSS. 56