BAB III PELAKSANAAN KERJA MAGANG

(1)

6

BAB III

PELAKSANAAN KERJA MAGANG

3.1. Kedudukan dan Koordinasi

Pada bagian ini terdapat penjelasan mengenai posisi penulis dan koordinasi pada saat pengerjaan suatu proyek.

1. Kedudukan

Penulis memiliki kedudukan sebagai Graphic Designer Intern pada divisi Marketing di Halodoc. Penulis dibimbing oleh Nindita Taufani selaku Senior Art Director di Halodoc. Penulis berada pada bagian Organic Growth dan juga membantu bagian Paid Growth. Jenis pekerjaan yang diberikan kepada penulis dalam Organic Growth terdiri dari mencari asset foto untuk artikel, membuat ilustrasi artikel, infografis, dan dalam Paid Growth penulis melakukan layouting serta resizing untuk banner digital ads.

Organic Growth untuk lingkup konten sosial media dan Paid Growth untuk lingkup periklanan. Berikut merupakan struktur kedudukan pada divisi Marketing:

Gambar 3.1. Struktur Divisi

(2)

7 2. Koordinasi

Selama praktik kerja magang, penulis berkoordinasi pekerjaan dengan alur sebagai berikut:

Gambar 3.2. Alur Koordinasi Organic Growth

Gambar 3.3. Alur Koordinasi Paid Growth

Penulis mendapatkan informasi maupun brief pekerjaan yang diberikan oleh Project Manager menggunakan Trello. Setiap pekerjaan yang telah penulis kerjakan kemudian di unggah juga ke dalam Trello maupun Google Drive untuk diasistensi dan digunakan. Revisi atau perubahan disampaikan sesuai dengan bagiannya yaitu antara dari pembimbing lapangan selaku Senior Art Director maupun Project Manager.

(3)

8 3.2. Tugas yang Dilakukan

Tabel 3.1. Detail Pekerjaan Yang Dilakukan Selama Magang

No. Minggu Proyek Keterangan

1 17-23 Februari 2021

• Artikel

• Banner Digital Ads

• Mencari image di

shutterstock dan resizing untuk artikel

• Digital Ads A/B Testing UAC

• Membuat ilustrasi artikel:

1. Begini Cara Merawat Kandang Landak Mini agar Tetap Higienis 2. Gangguan pada

Jantung yang Perlu Diketahui

3. Inilah Ciri-Ciri Gerakan Janin yang Normal

2 24 Februari - 2

Maret 2021

• Artikel

• Banner Digital Ads

• Mencari image di

1. Gangguan Lambung yang Umum Terjadi pada Anak

2. Ini X Cara Mendisiplinkan Anak Tanpa Kekerasan

(4)

9 3. Manfaat

Membacakan Dongeng sebelum Tidur pada Anak 4. Kenali Tubuh,

Ketahui tentang Sistem Peredaran Darah Manusia 5. Begini X Cara

Menjaga Kebersihan Makanan Kucing

• Layouting dan resizing banner Turunan Digital Ads:

1. Baby’s Health 2. Diabetic 3. Nutrition 4. Ramadan

3 3-9 Maret 2021

- Artikel

- Banner Digital Ads

• Mencari image di

1. Inilah Nutrisi Penting untuk Pertumbuhan Balita 2. Berapa Batas

Asupan Gula untuk Mencegah Diabetes pada Anak?

(5)

10 3. Inilah Cara

Mengenali Tanda Obesitas pada Anak 4. Batasan Asupan

Garam untuk

Pengidap Hipertensi 5. Alasan Minyak Ikan

Baik Dikonsumsi Anak dengan ADHD

6. Makanan Tinggi Zat Besi untuk

Mencegah Anemia pada Wanita 7. Menstruasi 8. Reproduksi 9. Kesuburan

1. Test Covid 2. High Cholesterol

4 10-17 Maret 2021

- Artikel

- Infografis

1. Kesuburan

Berpengaruh pada Faktor Genetik, Mitos atau Fakta?

(6)

11 2. Cara Tepat Merawat

Hamster Berdasarkan Jenisnya 3. Pentingnya

Makanan Berserat Tinggi saat Program Hamil

4. Apa Saja Ciri-Ciri Ibu Hamil Anak Kembar?

5. Jenis Burung Nuri yang Memiliki Bentuk yang Indah 6. Adakah Buah-

buahan yang

Tingkatkan Peluang Hamil Anak Laki- Laki?

7. Benarkah Teh Hijau Bisa Membantu Mengendalikan Asam Urat?

8. Mitos tentang Keguguran yang Perlu Diluruskan 9. Inilah Mitos dan

Fakta seputar Masa Subur Wanita

(7)

12 10. Ketahui X Jenis

Kura-Kura Paling Unik di Dunia 11. Makanan Kaya Zat

Besi yang Baik untuk Balita 12. Pilihan Makanan

Sehat yang Rendah Kalori

1. Diabetes

• Asset infografis video ‘Tips Sehat Hamil Muda’

• Infografis Artikel ‘Orgasme Wanita VS Pria’

5 18-24 Maret 2021

- Artikel

1. Mitos tentang Perencanaan Kehamilan yang Sering Salah Kaprah 2. Jenis Olahraga

untuk Membantu Melancarkan Persalinan

(8)

13 3. Jenis Terapi untuk

Membantu

Kesuburan pada Pria 4. Bagaimana Cara

Mengatasi Trypophobia?

5. Dampak Puasa Bagi Laki-Laki Pengidap Paru Obstruktif Kronis

1. alergi, 2. batuk 3. tenggorokan 4. sports

5. baby’s health.

6 25-31 Maret 2021

- Artikel

1. Bagaimana Cara Mengatasi Trypophobia?

2. Dampak Puasa Bagi Laki-Laki Pengidap Paru Obstruktif Kronis

(9)

14 3. Hal yang Perlu

Diperhatikan saat Konsultasi Program Hamil

4. Demam pada Anak, Kapan Sebaiknya ke UGD?

5. Mengenal Fungsi Sistem Saraf pada Manusia

6. Ini yang Perlu Diketahui Mengenai Struktur Ginjal 7. Apa yang Terjadi

pada Tubuh saat Pembekuan Darah Terjadi?

1. dermatologist 2. physician 3. therapist

7 1-8 April 2021

(10)

15 1. Doctor Consultation 2. Branding

3. Baby Product 4. Baby’s Health 5. Baby’s Diaper 6. Mother.

8 9-19 April 2021

- Artikel

1. Cara Mengatasi Kutil yang Muncul di Leher

2. Hepatitis C Bisa Sebabkan Kerusakan pada Ginjal

3. Cara

Menghilangkan Tato Permanen di Badan 4. Ini yang Terjadi Jika

Usus Buntu Tidak Segera Diobati 5. Alasan Konsumsi

Aspirin Harus Setelah Makan 6. Berbagai Macam

Obat Alami untuk Atasi Bisul

(11)

16 7. Efektifkah Kunyit

untuk Atasi Asam Lambung?

8. Kapan Operasi Dibutuhkan untuk Pengidap Skoliosis?

9. Mengidap Kanker Bronkus dan Paru- Paru, Perhatikan Hal Ini

10. Hal yang Harus Dihindari oleh Pengidap Penyakit Ginjal Kronis 11. Anjing Bisa Alami

Detak Jantung yang Tidak Norma 12. Bolehkah Anjing

DIberi Alpukat?

• Turunan banner Digital Ads:

1. Women’s Health 2. Dermatology 3. Fever

3.3. Uraian Pelaksanaan Kerja Magang

Selama penulis melaksanakan praktik kerja magang di Halodoc, penulis mengerjakan beberapa projek yaitu artikel, infografis, dan banner digital ads.

(12)

17 3.3.1. Proses Pelaksanaan

3.3.1.1. Artikel

Artikel merupakan salah satu layanan seputar kesehatan yang dapat di akses oleh user dalam aplikasi Halodoc maupun website Halodoc. Dalam artikel membutuhkan cover untuk setiap blognya. Maka itu tugas yang penulis dapatkan pada bagian artikel ini yaitu mencari foto pada website shutterstock dan membuat ilustrasi atau vektor. Penulis akan diberikan brief melalui Trello yang isinya adalah judul artikel dan penjelasan gambar cover. Description dalam Trello akan penulis masukan ke dalam Microsoft Word.

Gambar 3.4. Contoh Brief Artikel di Trello

Setelah penulis mendapatkan brief, maka langkah selanjutnya yaitu mencari 3 alternatif foto di Shutterstock untuk masing-masing judul. Jika telah menemukan foto yang sesuai dengan brief, maka penulis menyalin link ke dalam Microsoft Words dan mengunggahnya ke dalam Trello. Setelah diunggah, maka pembimbing lapangan penulis akan memilih 1 dari 3 foto yang telah penulis siapkan dan mengirimnya kembali ke penulis untuk tahap mengukur foto. Foto yang telah diberikan akan penulis ubah ukurannya menjadi 702x465 px yaitu ukuran standar untuk cover artikel di Halodoc. Penulis menggunakan Adobe Photoshop untuk merubah ukuran foto.

(13)

18 Gambar 3.5. Link untuk Cover

Gambar 3.6. Resize Foto

Setelah itu, penulis mengerjakan ilustrasi atau vektor. Pada awalnya, penulis menanyakan kepada pembimbing lapangan apakah perlu memberikan 3 alternatif juga yang sama seperti alternatif foto, lalu pembimbing lapangan mengatakan hanya 1 desain saja. Kemudian, pembimbing lapangan memberikan kepada penulis contoh style ilustrasi yang digunakan Halodoc. Maka penulis menggunakan style ilustrasi tersebut untuk penulis buat. Style ilustrasasi yang diberi contoh yaitu flat design dengan fluid shape sebagai bagian dari background.

(14)

19 Gambar 3.7. Percakapan dengan Pembimbing Lapangan

Dalam proses pembuatan ilustrasi, langkah pertama yang penulis lakukan yaitu membaca brief visual yang diminta dan melihat referensi gambar di Google.

Selanjutnya penulis akan membuat sketsa terlebih dahulu sebelum membuat ilustrasi jika hasil pencarian referensi masih kurang jelas atau memerlukan panduan gambar. Lalu, penulis melakukan digitalisasi ilustrasi pada Adobe Ilustrator..

Berikut merupakan contoh brief untuk artikel dalam 1 hari:

Gambar 3.8. Brief untuk Ilustrasi

(15)

20 Dalam perancangan ilustrasi artikel “Manfaat Membacakan Dongeng Sebelum Tidur Pada Anak”, penulis diberi brief untuk membuatkan ilustrasi ayah dan anak membaca buku diatas Kasur. Tahap pertama yaitu mencari referensi di Google. Lalu penulis membuat sketsa manual di kertas sebagai acuan garis bantu saat proses digitalisasi. ilustrasi menyesuaikan style arahan pemimbing lapangan yaitu flat design. Penulis menggambar seorang ayah berada di samping anak yang sedang memegang buku untuk membacakan cerita sebelum anaknya tidur. Gestur kepala sang ayah dan anak seakan saling berhadapan memberikan kesan sedang berinteraksi. Interaksinya yaitu ayahnya membacakan cerita dan anaknya mendengarkan sang ayah. Keduanya berada di tempat tidur dan menggunakan selimut seakan telah bersiap-siap untuk posisi tidur.

Gambar 3.9. Referensi dan Sketsa

Penulis mengambil foto kertas tersebut dan memasukannya kedalam Adobe Ilustrator. Artboard menggunakan ukuran 702x465 px yaitu sesuai dengan ukuran standar untuk cover artikel. Penulis menggunakan pen tool untuk mengikuti garis acuan yang berdasarkan sketsa. Garis menggunakan warna yang berbeda dengan kertas sketsa agar terlihat kontras dan memudahkan saat memilih layer.

(16)

21 Gambar 3.10. Proses Digitalisasi 1

Setelah selesai tracing bentuk dari sketsa, maka penulis menghilangkan foto sketsa untuk melihat bentuk hasil tracing. Dari hasil tracing yang penulis buat masih terlihat berantakan dan belum menggunakan proporsi yang benar. Maka penulis merapikan dan menyesuaikan ukuran untuk setiap layernya agar terlihat lebih rapi dan proporsional.

Gambar 3.11. Proses Digitalisasi 2

(17)

22 Sebelum mengubah warna untuk setiap layarnya, penulis menyiapkan color palettenya terlebih dulu. Tidak ada acuan atau template warna dalam penggunaan warna untuk ilustrasi artikel Halodoc sehingga penulis dibebaskan untuk memilih kombinasi warna ilustrasinya. Untuk artikel “Manfaat Membacakan Dongeng Sebelum Tidur Pada Anak” ini, penulis menggunakan kombinasi warna hijau, biru dan coklat.

Gambar 3.12. Color Palette

Selanjutnya yaitu tahap pewarnaan pada ilustrasi. Penulis memberikan warna-warna yang telah disiapkan dan diberi kedalam setiap layernya secara satu persatu.

(18)

23 Jika ilustrasi sudah selesai diberi warna, maka langkah selanjutnya yang penulis lakukan yaitu membuat bentuk fluid shape untuk di clipping mask.

Pada langkah terakhir yaitu memberikan warna solid sebagai background. Lalu, artboard yang berukuran 702x465 px tesebut di export dalam bentuk jpeg.

(19)

24 Gambar 3.16. Hasil Akhir

Setelah menyelesaikannya, penulis mengumpulkan hasil desain ke dalam Trello untuk asistensi oleh pembimbing lapangan. Hasil desain penulis telah disetujui dan dipakai sebagai cover artikel tersebut. Berikut adalah hasil implementasinya.

Gambar 3.17. Implementasi ilustrasi dalam Artikel

(20)

25 3.3.1.2. Infografis

Penulis mendapatkan desain brief untuk inforgafis melalui Trello. Berikut adalah brief yang penulis dapat:

Gambar 3.18. Brief Infografis di Trello

Penulis ditugaskan membuat infografis untuk di artikel. Penulis membuat desain infografis dengan konten ‘Orgasme Wanita VS Orgasme Pria’. Sketsa untuk infografis artikel telah disediakan sehingga penulis mengikuti brief yang diminta.

Visual yang diminta yaitu menggunakan symbol pria dan wanita di bagian tengah, dan perbandingan isi konten di bagian kiri dan kanan. Dalam infografis ini, penulis menggunakan warna merah Halodoc untuk bagian wanita dan menggunakan warna biru untuk bagian pria. Sedangkan, penulis menggunakan warna netral yaitu warna cream sebagai warna dasar. Font yang digunakan juga menggunakan Nunito.

(21)

26 Gambar 3.19. Brief dan Sketsa Infografis

Gambar 3.20. Warna Dasar untuk Infografis

Gambar 3.21. Font Halodoc

(22)

27 Perancangan infografis menggunakan software Adobe Illustrator. Dalam infografis menggunakan logo Halodoc yang diletakan pada bagian kiri atas. Penulis memberikan kesan tulisan lebih tebal pada judul infografis dibandingkan deskripsi infografisnya. Layout infografis menggunakan rata tengah. Penulis merancang infografis agar terlihat simetris dan seimbang. Saat perancangan infografis, penulis melakukan beberapa alternatif percobaan saat melakukan layout bagan. Lalu, penulis memilih desain yang paling terakhir untuk asistensi desain ke pembimbing lapangan. Menurut penulis, desain yang terakhir terlihat lebih rapi dan mudah di baca.

Gambar 3.22. Alternatif Infografis

Dari hasil desain yang penulis buat, pembimbing lapangan memberikan saran warna pada symbol untuk ditukar. Selain itu ada juga perubahan pada copywriting sehingga penulis mengubah dan memperbaikinya. Kemudian penulis mengirim ulang hasil desain revisi dan desain diterima oleh pembimbing lapangan.

(23)

28 Gambar 3.23. Hasil Desain Infografis

Gambar 3.24. Hasil Revisi Desain Infografis

(24)

29 Berikut adalah hasil desain infografis yang penulis buat dan telah diimplementasikan dalam artikel Halodoc.

Gambar 3.25. Implementasi Infografis dalam Artikel Halodoc

3.3.1.3. Banner Digital Ads

Penulis ditugaskan untuk membuat membuat layouting dan resizing turunan dalam bentuk banner untuk digital ads. Penulis akan diberikan desain asset yang telah disediakan dan mengubahnya kedalam beberapa ukuran. Contoh brief yang diberikan kepada penulis yaitu seperti berikut:

Gambar 3.26. Contoh Brief untuk Turunan Digital Ads

(25)

30 Dari brief di Trello terdapat link Google Drive yang isinya adalah KV atau Key Visual untuk turunan yang akan penulis buat. Ukuran awal yang diberikan kepada penulis yaitu berukuran kotak atau 1080x1080 px yang sudah berisikan asset visual terdiri dari foto, copywriting, asset grafis dan logo. Semua asset yang diperlukan telah disediakan dalam Google Drive. Untuk layout, penulis mengikuti template atau guideline milik Halodoc. Selanjutnya, penulis akan membuat turunan dengan beberapa jenis ukuran yang diminta dalam beberapa brief seperti contohnya:

Gambar 3.27. Contoh Ukuran Size Turunan Desain

Gambar 3.28. Template Banner

(26)

31 Setelah membuka template banner di Adobe Illustrator, penulis membuat artboard dengan ukuran sesuai yang diminta. Penempatan logo berada di bagian kiri atas. Untuk asset foto penulis crop menggunakan clipping mask dengan bentuk stengah lingkaran. Setelah itu, penulis meletakkan asset grafis lainnya dan juga teks serta CTA atau Call To Action yang berisikan ‘Chat Dokter Sekarang’.

Gambar 3.29. Proses Pembuatan Turunan Digital Ads

Gambar 3. 30. Proses Pembuatan Turunan Digital Ads

Gambar 3. 31. Proses Pembuatan Turunan Digital Ads

(27)

32 Gambar 3. 32. Beberapa Contoh Hasil Turunan Banner Digital Ads

Setelah penulis membuat turunan kedalam beberapa ukuran, maka penulis mengunggahnya ke dalam Google Drive dan meminta asistensi kepada project manager. Dari hasil yang penulis buat, telah disetujui oleh project manager.

3.3.2. Kendala yang ditemukan

Kendala yang ditemukan selama praktek kerja magang adalah:

1. Adanya beberapa ilustrasi dari brief atau judul artikel yang menggunakan bahasa kedokteran atau kesehatan lainnya yang penulis kurang pahami.

2. Karena proses magang dilakukan secara work frome home, terkadang penulis mengalami gangguan koneksi jaringan wifi untuk melakukan pekerjaannya.

3.3.3. Solusi atas kendala yang ditemukan Solusi dari kendala yang penulis hadapi yaitu:

1. Melakukan research dan menanyakan kepada pembimbing lapangan 2. Menggunakan jaringan internet hotspot dari handphone penulis.