V. ULASAN KARYA PERANCANGAN A. Ulasan Karya Desain 1. Halaman Home Gambar 37. Tampilan Halaman Home website YeahMagz.com Pada Halaman home terdapat Fitur Animasi Slide untuk yang berisi Tampilan feature image dan judul artikel dari artikel terkini yang diupload oleh admin Yeah Magz, slide untuk enam artikel terkini akan otomatis tampil dihalaman home. Jadi informasi-informasi terbaru dari Yeah Magz dapat langsung diketahui oleh setiap pengakses YeahMagz.com. Selain itu, disediakan greeting text untuk pengakses baru yang belum mengenal majalah Yeah Magz. Konsistensi halaman website seperti fitur search engine, music streaming, social media icons, background, dan tipografi, hadir pada setiap halaman. Dimaksudkan agar user atau pengakses berfikir tetap berada pada satu halaman, dengan harapan memberikan kenyamanan dan tidak menutup website karena waktu loadingnya yang lama. 2. Halaman Guide Halaman guide diwakili dengan costum icon yang mengadopsi gambar fig sign, yang mana merepresentasikan inisial YM atau Yeah Magz, selain itu gestur Fig Sign menyimbolkan sebuah keberuntungan pada awal penggunaannya di Yunani Kuno. 48
Gambar 38. Tampilan Halaman Guide website YeahMagz.com Pada halaman ini ditampilkan informasi-informasi mengenai website Yeah Magz, yang berisi pertanyaan-pertanyaan umum beserta jawabannya untuk memperkenalkan istilah-istilah, icon menu, dan halhal yang mengenai website ini 3. Halaman Core Gambar 39. Tampilan Halaman Core website YeahMagz.com Halaman Core memuat artikel yang bersifat kreatifitas. Ada 4 sub kategori yang ditampilkan berdasarkan medianya, yaitu lokal vokal berisi kreatifitas berdasarkan audio seperti music, Lokal Visual mengenai visual art, Lokal Vigor menyangkut ekstrim sport seperti skateboarding, dan terakhir adalah Lokal Event yang berisikan informasi tentang event atau acara yang akan berlangsung. 49
4. Halaman Prime Gambar 40. Tampilan Halaman Prime pada website YeahMagz.com Halaman Prime memuat kategori artikel dari Yeah Magz yang bernama sama. Kategori ini berisi artikel yang bertemakan lifestyle, terdiri dari 3 sub kategori yaitu Prime Issue yang berisi ulasan topik utama dari Yeah Magz, lalu sub artikel Youngsta berisi wawancara dari tokoh-tokoh kreatifitas, dan sub kategori Article yang memuat artikel-artikel yang bersifat bebas. Layout pada halaman ini sama dengan halaman Core yaitu single column, dan mempunyai teaser untuk artikel berukuran 714 x 450 pixel, yang membedakannya hanya jumlah sub kategori dan feature image. Pengulangan seperti ini dimaksudkan untuk membiasakan user dengan layout tersebut sehingga user menjadi terbiasa. 5. Halaman Styler Halaman Styler berisikan artikel bersifat fashion, halaman ini diperuntukan bagi Fashion Brands lokal yang mendukung kegiatan Yeah Magz. Dalam proses operasionalnya, Yeah Magz membutuhkan sumber daya bersifat materil untuk menopang setiap kegiatan peliputannya, namun pada website ini tidak terdapat space untuk iklan untuk menguatkan karakter independen sebuah media massa dan juga 50
mempernyaman pengakses Yeah magz. Oleh karena itu halaman ini dibuat bagi brand yang bersedia saling mendukung dengan ketentuanketentuan yang disepakati bersama. Gambar 41. Tampilan Halaman Styler pada website 6. Halaman Loads Gambar 42. Tampilan Halaman Loads pada website Halaman ini memuat karya-karya free download dengan license yang ditentukan oleh pekaryanya sendiri. Kategori ini dibuat untuk pengakses dan pekarya agar dapat memperkenalkan karya-karya secara cuma-cuma sebagai bagian self-promotion. 51
7. Halaman Blog Gambar 43. Tampilan Halaman Blog pada website Pada halaman blog, penulis menyiapkan wadah untuk berinteraksi dengan audience dengan cara membagikan link postingan dari audience yang aktif ikut blogging. Dengan begitu hubungan antara Audience dan Yeah Magz diharapkan menjadi lebih erat. 8. Detail Setiap Halaman Article Gambar 44. Tampilan Detail pada Halaman website Pada detail setiap halaman penulis memasukkan beberapa elemen website untuk majalah pada umumnya seperti feature image, content text space, content image space, plugin untuk image, recent article, dan footer. 52
B. Dokumentasi Pameran Karya Gambar 45. Tampilan Display Karya pada Pameran. (Foto oleh: Adi Addk, 2013) Gambar 46. Tampilan Display Karya Website Halaman Home pada Pameran. (Foto oleh: Adi Addk, 2013) Gambar 47. Tampilan display media promotion Presscarad dan Sketchbook pada Pameran. (Foto oleh: Adi Addk, 2013) 53
Gambar 48. Tampilan Display Namecard, Stickers, dan Calendar/ Flyer pada Pameran (Foto oleh: Adi Addk, 2013) Gambar 49. Tampilan Display media promosi Skateboard Stecil pada Pameran. (Foto oleh: Adi Addk, 2013) Gambar 50. Tampilan Display media promosi kaos pada Pameran (Foto oleh: Adi Addk, 2013) 54
Gambar 51. Dokumentasi pengunjung pameran. (Foto oleh: Truly Pratomo, 2013) 55
C. Rangkaian Kegiatan Perancangan KEGIATAN PERANCANGAN TA 1. Tahap Perencanaan / Brief Identifikasi masalah Tujuan Kebutuhan web Tema BULAN I BULAN II BULAN III IV 1 2 3 4 1 2 3 4 1 2 3 4 1 2 Pengumpulan data/materi website 2. Tahap Perancangan Proses eksplorasi unsur rupa/elemen grafis Proses Desain Interface Pembuatan Layouting Penyusunan Menu (menu mapping) Pembuatan sidebar (sidebar design) Penyusunan content (content compilation) Pembuatan footer (footer design) Pembuatan fitur (feature design) 3. Tahap Developing Website Perancangan Diagram Alur Data Pemrograman/ Developing Web Proses Preview Localhost 5. Upload website ke Server (online) Membuat database Upload file Testing 6 Pameran Pra TA Ijin Tempat/Lokasi Pameran Pembuatan Media Publiksi Pameran Pendistribusian Media Publiksi Pameran Pengemasan Karya (print karya,dll) Pemasangan Karya 7 Penulisan Laporan TA Penulisan Laporan Tugas Akhir PAMERAN PRA-TA SIDANG TUGAS AKHIR 56
D. Anggaran Biaya KEBUTUHAN BIAYA TA Banyak Satuan Harga Satuan JUMLAH SUB JUMLAH TOTAL (IDR) A Pre-Production 1. Pengumpulan data perancangan 250.000 2. Biaya transportasi 250.000 Rp. 3.500.000 3. Asupan Desainer 1.000.000 4. Jasa Web Developer 2.000.000 B. Production 1. Biaya server hosting /Thn 200.000 2. Biaya domain /Thn 105.000 Rp. 305.000 C. Showcase 1. Penyewaan stand 500.000 2. Display pameran 150.000 3. Merchandise Pameran : o Sticker 100 40.000 o Cutting Sticker 50 3.000 150.000 o T-shirt 4 65.000 260.000 o Skateboard Deck 1 150.000 Rp 1.675.000 o ID Card 1 25.000 o Fyler & Calendar 10 5.000 50.000 o Sketchbook 15 10.000 150.000 o Namecard 50 1.000 50.000 D. Post-Production Laporan TA 3 50.000 150.000 Rp 150.000 JUMLAH TOTAL Rp. 5.630.000 TERBILANG: Lima Juta Enam Ratus Tiga Puluh Ribu Rupiah 57
E. Kesimpulan Ditarik dari Proses Perancangan Website Majalah Yeah Magz ini penulis berkesimpulan bahwa perancangan ini sangat membutuhkan proses yang tersistematis, untuk mempercepat dan menyempurnakan desain agar masih tetap segar atau uptodate. Namun pada prakteknya penulis mengalami beberapa kendala teknis, dan non-teknis yang tidak diantisipasi sebelumnya. Walaupun respon mayoritas dari beberapa pengunjung pameran positif dan bersifat apresiatif, namun penulis mernyadari bahwa masih banyak kekurangan yang terdapat pada hasil akhir. Oleh karena itu, pada tahap perencanaan proses perancangan, harus diperhatikan secara detil terhadap kemungkinan-kemungkinan yang akan terjadi pada masa perancangan, dan siap mengantisipasi setiap kendala. F. Saran Untuk mencapai kondisi ideal bagi perkembangan industri kreatif yang independen di Tangerang khususnya di bidang media massa online masih butuh banyak waktu dan pengalaman. Perkembangan Industri kreatif akan semakin pesat kedepannya, namun akan sangat disayangkan jika perkembangan tersebut berjalan sendiri-sendiri atau terpisah antar bidang kreatif yang satu dengan bidang kreatif yang lainnya. Untuk itulah dibutuhkan semangat lokal yang terjaga networkingnya antar berbagai bidang kreatifnya. Oleh karena itu, tetaplah berkarya dan selalu perbanyak teman-teman yang memiliki semangat kreatifitas dari berbagai bidang. 58