BAB IV MATERI KERJA PRAKTEK 4.1
Proyek 1: Desain Cover Facebook a. Brief Desain Pada hari pertama melakukan KP, praktikan diberikan proyek oleh
Mas Wahyu selaku Head Creative Designer untuk membuat desain Facebook banner (timeline cover) untuk klien, yaitu Floe Fashion, Sprei Saputra, Mono Tee, dan Mall Balekota. Praktikan diminta untuk membuat 2 buah alternatif desain untuk masing-masing banner. Proyek ini memakan waktu pembuatan selama 2 minggu. Pada minggu kedua, praktikan diminta untuk membuat banner bertema Halloween yang nantinya akan dipasang di halaman Facebook semua klien DMF termasuk Facebook DMF pada saat hari Halloween tiba, yaitu tanggal 30 Oktober. Pada minggu ketiga, setelah kedua proyek di atas selesai, praktikan diberikan proyek untuk membuat desain banner Facebook untuk Setujuh.com. b. Proses Pengerjaan 9 Perumusan masalah visual 9 Pencarian referensi dari karya sebelumnya 9 Pemilihan foto 9 Mengolah tata letak foto, huruf, dan logo 9 Revisi 9 Hasil akhir rancangan c. Teknologi yang digunakan Dalam mengerjakan proyek ini, praktikan menggunakan software Adobe® Illustrator® CS3 dan Adobe® Photoshop® CS3, dengan spesifikasi hardware proccessor Intel® Pentium® CPU B960 @ 2.20GHz, RAM 2 GB, dan VGA NVidia® Geforce® 1 GB.
16
d. Hasil Karya akhir & Spesifikasi Teknis - Floe Fashion Konsep dari desain banner Floe ini adalah menampilkan kesan yang simple, elegan, dan stylish. Praktikan menggunakan warna-warna netral untuk warna dasar, seperti warna putih dan abu-abu. Pada awalnya, klien meminta desain banner dengan menampilkan informasi promo bulan Oktober, yakni setiap pembelian produk Floe senilai Rp 500.000 akan mendapatkan baju Lilo Top gratis. Praktikan menampilkan beberapa koleksi baju Floe yang fotonya diambil dari album foto pada Facebook Page Floefashion Closet, serta tulisan informasi promo dan website Floe Fashion.
Gambar 4.1: Desain Alternatif Banner Floe (Sumber: Eissa Fauzia)
Setelah diasistensi, klien merasa kurang cocok dengan desainnya karena masih terlihat terlalu ramai sehingga klien meminta untuk dibuatkan desain banner yang lebih simple, tanpa menampilkan informasi promo bulanan. Akhirnya praktikan membuat dua buah alternatif desain lagi yang lebih simple dengan hanya menampilkan dua foto koleksi baju Floe serta logo Floe dengan ukuran besar. Ternyata klien lebih menyukai kedua desain banner yang terakhir ini.
17
Gambar 4.2: Desain Fix Banner Floe (Sumber: Eissa Fauzia)
Spesifikasi Teknis: -
Format file: JPEG
-
Ukuran: 960 x 355 pixels
-
Resolusi: 72 dpi
-
Mode warna: RGB
-
Jenis huruf: Helvetica Light 29 pt
-
Warna Harmoni: C: 18%
M: 15%
Y: 9%
K: 0%
C: 49%
M: 40%
Y: 40%
K: 4%
C: 37%
M: 50%
Y: 64%
K: 12%
C: 50%
M: 32%
Y: 5%
K: 0%
C: 3%
M: 93%
Y: 69%
K: 0%
C: 2%
M: 24%
Y: 24%
K: 0%
C: 78%
M: 74%
Y: 58%
K: 76%
C: 29%
M: 23%
Y: 22%
K: 0%
C: 0%
M: 0%
Y: 0%
K: 0% 18
- Sprei Saputra Sprei Saputra merupakan salah satu klien DMF yang bergerak di bidang home décor dengan memproduksi sprei dan bedcover. Tidak ada ketentuan khusus yang diminta oleh klien dalam proyek pembuatan banner Facebook ini. Pada awalnya, praktikan ingin menampilkan satu foto produk bedcover untuk satu edisi koleksi, misalnya satu foto bedcover Football Edition, satu foto Blooming Edition, dan satu foto Cartoon Edition.
Gambar 4.3: Album Koleksi Sprei Saputra (Sumber: Eissa Fauzia)
Saat praktikan sedang mengerjakan desain ini, Ibu Rini selaku Marketing Communication saat itu melihat desain yang praktikan buat dan menyarankan untuk menampilkan Football Edition saja, namun dengan memasukkan semua foto sprei Football Edition yang berjumlah 8 pilihan warna. Beliau juga yang memilihkan warna serta jenis huruf yang digunakan. Sempat terjadi perdebatan karena adanya perbedaan selera antara Mas Wahyu selaku Designer dengan Ibu Rini selaku Marketing dan beberapa kali desain yang praktikan kerjakan direvisi ulang sesuai dengan kemauan mereka, namun pada akhirnya didapatlah hasil desain yang fix, yang dapat diterima oleh semua pihak.
19
Gambar 4.4: Desain Fix Banner Sprei Saputra (Sumber: Eissa Fauzia)
Spesifikasi Teknis: -
Format file: JPEG
-
Ukuran: 960 x 355 pixels
-
Resolusi: 72 dpi
-
Mode warna: RGB
-
Jenis huruf: Rockwell 15 pt, Dungeon 46 pt
-
Warna Harmoni: C: 84%
M: 14%
Y: 100%
K: 2%
C: 88%
M: 55%
Y: 7%
K: 0%
C: 8%
M: 0%
Y: 96%
K: 0%
C: 5%
M: 99%
Y: 95%
K: 0%
C: 70%
M: 69%
Y: 65%
K: 84%
C: 0%
M: 0%
Y: 0%
K: 0%
- Mono Tee Konsep dari desain banner Mono Tee ini tidak jauh berbeda dari desain banner Floe, karena klien sama-sama bergerak di bidang fashion. Klien ingin desain banner yang simple dan terlihat stylish, dengan menampilkan informasi promo bulanan juga. Promo yang saat itu berlaku adalah promo Share & Like fanpage Mono Tee, akan mendapatkan baju Mono Tee gratis. Foto baju-baju yang harus ditampilkan dalam banner adalah koleksi baju bulan Oktober yang dapat diambil di album foto Facebook MONO TEE. Namun, foto-foto koleksi bulan Oktober ini
20
terlihat seperti difoto ‘seadanya’ dan jauh dari kesan stylish sehingga praktikan menemukan kesulitan dalam mendesain yang sesuai dengan konsepnya.
Gambar 4.5: Desain Alternatif Banner Mono Tee (Sumber: Eissa Fauzia)
Setelah proses asistensi, Mas Wahyu lebih memilih desain banner yang pertama karena layout-nya lebih menarik, namun pemilihan warna, jenis huruf, dan fotonya masih kurang sesuai dengan konsep yang diinginkan. Beliau akhirnya menyarankan untuk tidak menampilkan promo dan menggunakan foto-foto dari koleksi album lainnya saja, karena memang foto-foto pada bulan lainnya terlihat lebih profesional dan stylish. Proses revisi didampingi langsung oleh Mas Wahyu, pemilihan foto pun dilakukan oleh beliau, sampai akhirnya jadilah desain banner Mono Tee yang dapat diterima oleh klien.
Gambar 4.6: Desain Fix Banner Monotee (Sumber: Eissa Fauzia)
21
Spesifikasi Teknis: -
Format file: JPEG
-
Ukuran: 960 x 355 pixels
-
Resolusi: 72 dpi
-
Mode warna: RGB
-
Warna Harmoni: C: 13%
M: 0%
Y: 76%
K: 0%
C: 62%
M: 17%
Y: 74%
K: 2%
C: 53%
M: 57%
Y: 65%
K: 35%
C: 2%
M: 23%
Y: 4%
K: 0%
C: 19%
M: 12%
Y: 12%
K: 0%
C: 74%
M: 67%
Y: 63%
K: 74%
- Mall Balekota Mall Balekota adalah mall yang baru berdiri pada Oktober 2012 dan terletak di kota Tangerang. Tidak ada konsep spesifik yang diminta oleh klien dalam pembuatan banner ini. Sumber referensi yang praktikan ambil adalah desain banner yang terpasang di Facebook Balekota Mall pada saat itu yang menampilkan foto suasana di dalam Mall Balekota dan ditambahkan dengan tulisan tagline “Lifestyle Mall – Where excitement never ends”. Pada alternatif desain kedua, praktikan ingin menampilkan icon atau ciri khas dari Mall Balekota, yakni Bale Rasa, Bale Seni, Bale Asri, dan Trem/kereta yang terdapat di dalam mall.
Gambar 4.7: Facebook Page Mall Balekota (Sumber: Eissa Fauzia)
22
Gambar 4.8: Desain Alternatif Banner Mall Balekota (Sumber: Eissa Fauzia)
Setelah proses asistensi dengan Head Creative Designer, dipilihlah desain pertama, namun masih harus direvisi lagi karena terlihat terlalu ramai dan tulisan kurang terbaca. Praktikan kemudian menghilangkan pattern transparan yang membuatnya terlihat ramai, lalu menambahkan opacity bidang putih di bawah tulisan Mall Balekota dan mengganti warna tulisan “Always Unique Always Fun” agar komposisi warnanya terlihat seimbang. Hasil revisi ini kemudian diterima oleh klien.
Gambar 4.9: Desain Fix Banner Mall Balekota (Sumber: Eissa Fauzia)
Spesifikasi Teknis: -
Format file: JPEG
-
Ukuran: 960 x 355 pixels
-
Resolusi: 72 dpi
-
Mode warna: RGB
23
-
Jenis huruf: Rockwell 22 pt – 42 pt, Script MT Bold 20 pt
-
Warna Harmoni: C: 100%
M: 93%
Y: 33%
K: 23%
C: 57%
M: 59%
Y: 20%
K: 2%
C: 11%
M: 5%
Y: 77%
K: 0%
C: 44%
M: 70%
Y: 89%
K: 56%
C: 66%
M: 19%
Y: 100%
K: 4%
C: 0%
M: 0%
Y: 0%
K: 0%
- Banner Halloween Pada proyek kali ini, praktikan mendesain banner yang bertema Halloween, karena pada saat itu telah mendekati perayaan hari Halloween yang jatuh pada hari Rabu, 30 Oktober 2013. Pertama-tama, praktikan melakukan browsing internet untuk mencari gambar referensi yang berhubungan dengan perayaan Halloween, seperti gambar buah labu, rumah angker, penyihir, dan lain-lain. Setelah menemukan gambar yang sesuai, gambar tersebut kemudian di-tracing dengan menggunakan software pengolah gambar vektor. Konsep pembuatan desain banner ini adalah menghilangkan kesan seram yang biasanya identik dengan hari Halloween. Jika kita melihat gambar-gambar yang bertema Halloween pasti tidak jauh dari hantu dan buah labu yang menyeringai yang biasanya membuat takut anak-anak. Praktikan ingin membuat kesan yang misterius tapi tidak menakutkan. Proses pembuatan banner ini lebih singkat dibandingkan dengan pembuatan banner yang lainnya, yakni hanya setengah hari. Hal ini dikarenakan pada saat itu hari Senin dan waktunya sudah tinggal dua hari sebelum hari Halloween tiba, sedangkan hari Selasa praktikan tidak masuk kerja, jadi banner ini harus segera selesai sebelum hari Halloween tiba. Proses asistensi pun dilakukan dengan cepat dan lancar tanpa harus melakukan revisi desain. Ini adalah hal yang cukup membanggakan bagi praktikan, karena selain proses desainnya cukup singkat, beberapa rekan kerja dan atasan memberikan pujian dan respon yang positif terhadap hasil desain banner Halloween ini. 24
Gambar 4.10: Desain Facebook Cover untuk Halloween (Sumber: Eissa Fauzia)
Spesifikasi Teknis: -
Format file: JPEG
-
Ukuran: 960 x 355 pixels
-
Resolusi: 72 dpi
-
Mode warna: RGB
-
Jenis huruf: Hawaiian Punk 42 pt
-
Warna Harmoni: C: 91%
M: 58%
Y: 17%
K: 2%
C: 20%
M: 24%
Y: 40%
K: 0%
C: 0%
M:47%
Y: 98%
K: 0%
C: 70%
M: 69%
Y: 65%
K: 84%
C: 0%
M: 0%
Y: 0%
K: 0%
- Setujuh.com Setujuh.com merupakan sebuah situs crowdsourcing – kegiatan menyerahkan pekerjaan desain yang biasanya dikerjakan oleh desainer pada sebuah perusahaan ke sebuah komunitas desain terpercaya 1 – yang dikelola oleh DMF. Setujuh.com adalah situs sarana berkumpulnya desainer dengan perusahaan atau individual yang membutuhkan jasa desain. Saat ini DMF sedang memfokuskan diri untuk mengembangkan situs ini. Selama masa Kerja Praktek berlangsung, praktikan banyak mengerjakan proyek untuk Setujuh.com. Proyek pertama yang praktikan 1
http://blog.sribu.com/2013/02/18/apakah-yang-dimaksud-dengan-crowdsourcing-desain/
25
dapat yaitu mendesain banner untuk Facebook Setujuh.com. Proses mendesain banner kali ini memakan waktu yang cukup lama, karena beberapa kali desain yang praktikan buat harus direvisi ulang karena masih kurang sesuai atau kurang menarik sebelum akhirnya terpilihlah satu desain banner yang fix.
Gambar 4.11: Desain Alternatif Banner Facebook Setujuh.com (Sumber: Eissa Fauzia)
26
Gambar 4.12: Desain Fix Banner Facebook Setujuh.com (Sumber: Eissa Fauzia)
Spesifikasi Teknis: -
Format file: JPEG
-
Ukuran: 960 x 355 pixels
-
Resolusi: 72 dpi
-
Mode warna: RGB
-
Jenis huruf: Century Gothic Bold 30 pt, Rockwell 19 pt,
CK Higgins Handprint 33 pt. -
Warna Harmoni: C: 75%
M: 0%
Y: 99%
K: 0%
C: 75%
M:67%
Y: 66%
K: 87%
C: 36%
M: 36%
Y: 43%
K: 92%
C: 0%
M: 0%
Y: 0%
K: 0%
e. Pengalaman & Tantangan dalam Perancangan Proyek ini merupakan hal baru bagi praktikan karena sebelumnya praktikan belum pernah mendesain banner Facebook untuk suatu institusi/perusahaan. Dalam proses mendesain banner Facebook ini tentu banyak pengalaman dan pembelajaran baru yang praktikan dapatkan. Praktikan dapat mengetahui hal-hal teknis dalam mendesain banner Facebook seperti ukuran standar, resolusi, dan pengaturan lainnya. Praktikan juga jadi tahu bahwa dalam mendesain banner atau Facebook Cover harus memperhatikan layout dan penataan objek di dalamnya agar enak dilihat dan tidak tertutup oleh Profile Picture Facebook. 27
f. Idealis Desain Mendesain banner Facebook ternyata tidak bisa sembarangan. Penataan objek-objek dan pemilihan informasi yang ingin disampaikan di dalamnya harus disesuaikan dengan ukuran banner yang tidak terlalu besar. Jangan meletakkan info atau objek penting di bagian kiri bawah banner. Usahakan untuk mengosongkan bagian kiri bawah pada bidang banner sebagai ruang untuk Profile Picture Facebook. g. Usaha Kreatif / Inovasi Desain dalam Perancangan Dalam mendesain banner Facebook, praktikan lebih sering mengambil referensi dari desain banner Facebook yang telah ada sebelumnya untuk mengetahui style desain seperti apa yang klien suka. Praktikan selalu membuat alternatif desain lebih dari satu buah. Desain pertama menggunakan style yang tidak jauh berbeda dari desain banner sebelumnya, kemudian praktikan membuat desain lainnya yang berbeda. Praktikan juga mengambil referensi dari produk yang sejenis dengan klien. Misalnya, saat mendesain banner untuk bidang fashion seperti Floe dan Mono Tee, selain mengambil referensi dari desain banner mereka sebelumnya, praktikan juga mencari referensi dari desain-desain lain yang berhubungan dengan fashion. Ide yang telah ada kemudian dikembangkan untuk menciptakan desain yang berbeda dari yang telah ada sebelumnya. 4.2
Proyek 2: Desain Banner Ad Geosinindo a. Brief Desain PT Tetrasa Geosinindo adalah salah satu klien DMF yang
menyediakan produk dan jasa di bidang geosintetis. Perancangan desain banner ad (iklan web banner) adalah untuk memperkenalkan produkproduk yang ditawarkan oleh Geosinindo yang nantinya akan diiklankan di web-web sejenis.
28
b. Proses Pengerjaan 9 Perumusan masalah visual 9 Pemilihan foto 9 Mengolah tata letak foto, huruf, dan logo 9 Hasil akhir rancangan c. Teknologi yang digunakan Dalam mengerjakan proyek ini, praktikan menggunakan software Adobe® Photoshop® CS3 dengan spesifikasi hardware proccessor Intel® Pentium® CPU B960 @ 2.20GHz, RAM 2 GB, dan VGA NVidia® Geforce® 1 GB. d. Hasil Karya akhir & Spesifikasi Teknis
Gambar 4.13: Desain Banner Ad Geosinindo (Sumber: Eissa Fauzia)
Spesifikasi Teknis: -
Format file: JPEG
-
Ukuran: 300 x 250 pixels
-
Resolusi: 72 dpi
-
Mode warna: RGB
-
Jenis huruf: Arial Black 10 pt
29
-
Warna Harmoni: C: 99%
M: 78%
Y: 11%
K: 1%
C: 8%
M: 97%
Y: 100%
K: 1%
C: 71%
M:64%
Y: 64%
K: 66%
C: 10%
M: 7%
Y: 8%
K: 0%
C: 0%
M: 0%
Y: 0%
K: 0%
e. Pengalaman & Tantangan dalam Perancangan Proyek ini merupakan proyek selingan karena waktu pengerjaannya pun cukup singkat, tidak sampai sehari. Kesulitan yang praktikan temui saat mendesain ini yaitu sulitnya mendapatkan foto produknya, karena foto-foto yang terdapat dalam situs www.geosinindo.co.id tidak dapat diunduh maupun di-copy, sehingga praktikan mengakalinya dengan melakukan Print Screen pada halaman website Geosinindo kemudian meng-crop foto produk Geopipe, Geosyntethic Clay Liner, dan Geogrid. Hal yang sama juga dilakukan untuk mendapatkan logo Geosinindo karena alasan yang sama dan rekan kerja yang lainnya pun tidak ada yang memiliki file mentahan logo Geosinindo. f. Idealis Desain Dalam mendesain banner ad seperti ini, yang harus diperhatikan adalah ukuran file-nya. Idealnya ukuran file sebuah banner ad tidak lebih dari 100kb agar tidak memberatkan proses loading website. Karena bidangnya terbatas, informasi yang ditampilkan juga harus singkat namun tepat sasaran dan menarik perhatian. g. Usaha Kreatif / Inovasi Desain dalam Perancangan Karena waktu pengerjaan proyek ini relatif singkat, praktikan tidak mencari referensi desain terlebih dahulu. Konsep desain banner ad ini bersumber dari pemikiran sendiri karena sebelumnya sudah sering menemukan berbagai contoh desain banner ad dari berbagai website.
30
4.3
Proyek 3: Desain Slide Presentasi a. Brief Desain Setelah perancangan banner Facebook Setujuh.com selesai, proyek
selanjutnya adalah mendesain slide presentasi yang memuat tentang profil singkat Setujuh.com. Setelah perancangan slide Setujuh.com selesai, dilanjutkan dengan perancangan slide presentasi untuk Next Digital Indonesia. Next Digital Indonesia dibentuk oleh Yudi Tukiaty dan Andy Tan disamping PT Digital Media Frontiers, hanya saja Next Digital lebih berfokus dalam menangani online marketing. Proyek berikutnya adalah perancangan slide presentasi untuk JituHosting. JituHosting merupakan anak divisi dari DMF yang menyediakan jasa web hosting. Proyek terakhir adalah perancangan slide presentasi untuk klien DMF, yaitu PT Tetrasa Geosinindo. Proyek ini diberikan setelah praktikan selesai mengerjakan proyek pembuatan banner ad Geosinindo. Tujuan perancangan slide presentasi ini adalah untuk melakukan promosi melalui media presentasi yang nantinya akan diunggah di situs www.slideshare.net, sebuah portal umum untuk berbagi dokumen presentasi. b. Proses Pengerjaan 9 Perumusan masalah visual 9 Pencarian referensi dari karya sebelumnya 9 Pemilihan foto 9 Mengolah tata letak foto, huruf, dan logo 9 Revisi 9 Hasil akhir rancangan c. Teknologi yang digunakan Dalam mengerjakan proyek ini, praktikan menggunakan software Adobe® Illustrator® CS3 dan Adobe® Photoshop® CS3 untuk membuat desain dan layout slide, setelah itu disatukan menjadi satu slide dengan 31
menggunakan software Microsoft® Office PowerPoint® 2007. Spesifikasi hardware proccessor Intel® Pentium® CPU B960 @ 2.20GHz, RAM 2 GB, dan VGA NVidia® Geforce® 1 GB. d. Hasil Karya akhir & Spesifikasi Teknis - Setujuh.com
Gambar 4.14: Desain Slide Presentasi Setujuh.com (Sumber: Eissa Fauzia)
32
Spesifikasi Teknis: -
Format file: JPEG dan PPTX (PowerPoint Presentation)
-
Ukuran: 941 x 705 pixels
-
Resolusi: 72 dpi
-
Mode warna: RGB
-
Jenis huruf: Calibri Bold 17 pt – 51 pt
-
Warna Harmoni: C: 75%
M: 0%
Y: 99%
K: 0%
C: 75%
M:67%
Y: 66%
K: 87%
C: 36%
M: 36%
Y: 43%
K: 92%
C: 0%
M: 0%
Y: 0%
K: 0%
- Next Digital Indonesia
33
Gambar 4.15: Desain Slide Presentasi Next Digital Indonesia (Sumber: Eissa Fauzia)
Spesifikasi Teknis: -
Format file: JPEG dan PPTX (PowerPoint Presentation)
-
Ukuran: 941 x 705 pixels
-
Resolusi: 72 dpi
-
Mode warna: RGB
-
Jenis huruf: Calibri Bold 17 pt – 51 pt
-
Warna Harmoni: C: 88%
M: 56%
Y: 3%
K: 0%
C: 67%
M:19%
Y: 0%
K: 0%
C: 64%
M: 56%
Y: 53%
K: 27%
C: 2%
M: 2%
Y: 2%
K: 0%
34
- JituHosting
Gambar 4.16: Desain Slide Presentasi JituHosting (Sumber: Eissa Fauzia)
Spesifikasi Teknis: -
Format file: JPEG dan PPTX (PowerPoint Presentation)
-
Ukuran: 941 x 705 pixels
-
Resolusi: 72 dpi
35
-
Mode warna: RGB
-
Jenis huruf: Calibri 20 pt – 62 pt, Calibri Italic 18 pt, Alliance 60 pt
-
Warna Harmoni: C: 9%
M: 99%
Y: 98%
K: 2%
C: 75%
M:67%
Y: 66%
K: 87%
C: 64%
M: 56%
Y: 53%
K: 27%
C: 2%
M: 2%
Y: 2%
K: 0%
C: 0%
M: 0%
Y: 0%
K: 0%
- Geosinindo
36
37
Gambar 4.17: Desain Slide Presentasi Geosinindo (Sumber: Eissa Fauzia)
Spesifikasi Teknis: -
Format file: JPEG dan PPTX (PowerPoint Presentation)
-
Ukuran: 941 x 705 pixels
-
Resolusi: 72 dpi
-
Mode warna: RGB
-
Jenis huruf: Calibri 25 pt – 30 pt, Carbon Block 60 pt
-
Warna Harmoni: C: 99%
M: 76%
Y: 13%
K: 2%
C: 2%
M: 11%
Y: 93%
K: 0%
C: 75%
M:67%
Y: 66%
K: 87%
C: 16%
M: 13%
Y: 13%
K: 0%
C: 0%
M: 0%
Y: 0%
K: 0%
38