PERANCANGAN PROMOSI INTERAKTIF BENTENG PENDEM CILACAP

(1)

PERANCANGAN PROMOSI INTERAKTIF BENTENG PENDEM CILACAP

LAPORAN TUGAS AKHIR

Linda Febriana Purwanto 00000027771

PROGRAM STUDI DESAIN KOMUNIKASI VISUAL FAKULTAS SENI DAN DESAIN

UNIVERSITAS MULTIMEDIA NUSANTARA TANGERANG

2022

(2)

i

Perancangan Promosi Interaktif…, Linda Febriana Purwanto, Universitas Multimedia Nusantara

PERANCANGAN PROMOSI INTERAKTIF BENTENG PENDEM CILACAP

LAPORAN TUGAS AKHIR

Diajukan sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana Desain (S.Ds.)

Linda Febriana Purwanto 00000027771

PROGRAM STUDI DESAIN KOMUNIKASI VISUAL FAKULTAS SENI DAN DESAIN

UNIVERSITAS MULTIMEDIA NUSANTARA TANGERANG

2022

(3)

ii

HALAMAN PERNYATAAN TIDAK PLAGIAT

Dengan ini saya,

Nama : Linda Febriana Purwanto

Nomor Induk Mahasiswa : 00000027771

Program studi : Desain Komunikasi Visual

Tugas Akhir dengan judul:

PERANCANGAN PROMOSI INTERAKTIF BENTENG PENDEM CILACAP

merupakan hasil karya saya sendiri bukan plagiat dari karya ilmiah yang ditulis oleh orang lain, dan semua sumber, baik yang dikutip maupun dirujuk, telah saya nyatakan dengan benar serta dicantumkan di Daftar Pustaka.

Jika di kemudian hari terbukti ditemukan kecurangan/penyimpangan, baik dalam pelaksanaan skripsi maupun dalam penulisan laporan skripsi, saya bersedia menerima konsekuensi dinyatakan TIDAK LULUS untuk Tugas Akhir yang telah saya tempuh.

Tangerang, 13 Desember 2021

*materai Rp 10.000,00

Linda Febriana Purwanto

(4)

iii

Pembimbing

Gideon K.F.H. Hutapea, S.T., M.Ds.

0414078202/E025361 Ketua Program Studi Desain Komunikasi Visual

Mohammad Rizaldi, S.T., M.Ds.

0313068301/E023907

HALAMAN PENGESAHAN

Tugas Akhir dengan judul

PERANCANGAN PROMOSI INTERAKTIF BENTENG PENDEM CILACAP Oleh

NIM : 00000027771

Program Studi : Desain Komunikasi Visual

Fakultas : Seni dan Desain

Telah diujikan pada hari Selasa, 4 Januari 2022 Pukul 09.45 s.d 10.30 dan dinyatakan

LULUS

Dengan susunan penguji sebagai berikut.

Ketua Sidang

Erwin Alfian, S.Sn., M.Ds.

0424057501/E023995

Penguji

Dr.Sn. Yusup Sigit Martyastiadi, S.T., M.Inf.Tech.

0319037807/E023902 PERANCANGAN PROMOSI INTERAKTIF BENTENG PENDEM CILACAP

Penguji

0319037807/E023902

Dr.Sn. Yusup S. Martyastiadi, S.T., M.Inf.Tech.

(5)

iv

HALAMAN PERSETUJUAN PUBLIKASI KARYA ILMIAH UNTUK KEPENTINGAN AKADEMIS

Sebagai civitas academica Universitas Multimedia Nusantara, saya yang bertanda tangan di bawah ini:

NIM : 00000027771

Program Studi : Desain Komunikasi Visual Fakultas : Seni dan Desain

JenisKarya : *Tesis/Skripsi/Tugas Akhir

Demi pengembangan ilmu pengetahuan, menyetujui untuk memberikan kepada Universitas Multimedia Nusantara Hak Bebas Royalti Nonekslusif (Non-exclusive Royalty-Free Right) atas karya ilmiah saya yang berjudul.

PERANCANGAN PROMOSI INTERAKTIF BENTENG PENDEM CILACAP

Beserta perangkat yang ada (jika diperlukan). Dengan Hak Bebas Royalti Noneksklusif ini, Universitas Multimedia Nusantara berhak menyimpan, mengalihmediakan/mengalihformatkan, mengelola dalam bentuk pangkalan data (database), merawat, dan memublikasikan tugas akhir saya selama tetap mencantumkan nama saya sebagai penulis/pencipta dan sebagai pemilik Hak Cipta. Demikian pernyataan ini saya buat dengan sebenarnya.

Cilacap, 17 Januari 2022 Yang menyatakan,

(6)

v

KATA PENGANTAR

Puji Syukur atas selesainya penulisan Tugas Akhir ini dengan judul:

“Perancangan Promosi Interaktif Benteng Pendem Cilacap” dilakukan untuk memenuhi salah satu syarat untuk mencapai gelar Sarjana Desain (S.Ds.) Jurusan Desain Komunikasi Visual Pada Seni dan Desain Universitas Multimedia Nusantara. Saya menyadari bahwa, tanpa bantuan dan bimbingan dari berbagai pihak, dari masa perkuliahan sampai pada penyusunan tugas akhir ini, sangatlah sulit bagi saya untuk menyelesaikan tugas akhir ini. Oleh karena itu, saya mengucapkan terima kasih kepada:

1. Dr. Ninok Leksono, selaku Rektor Universitas Multimedia Nusantara.

2. Muhammad Cahya Mulya Daulay, S.Sn., M.Ds., selaku Dekan Fakultas Seni dan Desain Universitas Multimedia Nusantara.

3. Mohammad Rizaldi, S.T, M.Ds., selaku Ketua Program Studi Desain Komunikasi Visual Universitas Multimedia Nusantara.

4. Gideon K.F.H. Hutapea, S.T., M.Ds., sebagai dosen pembimbing yang telah memberikan bimbingan, arahan, dan motivasi.

5. Dewi Sulistiowati seksi pemasaran pariwisata Dinas Pemuda, Olahraga dan Pariwisata (Disporapar), responden kuesioner, dan peserta FGD yang memberikan waktu untuk memberikan data laporan tugas akhir ini.

6. Keluarga dan teman yang telah memberikan bantuan dukungan material dan moral, sehingga penulis dapat menyelesaikan laporan tugas akhir ini.

Dalam penyusunan laporan ini, penulis mendapatkan ilmu dan wawasan tentang mengatasi sebuah permasalahan. Semoga laporan tugas akhir ini bermanfaat, baik sebagai sumber informasi maupun sumber inspirasi, bagi para pembaca.

Cilacap, 17 Januari 2022

(7)

vi

PERANCANGAN PROMOSI INTERAKTIF BENTENG PENDEM CILACAP

(Linda Febriana Purwanto) ABSTRAK

Benteng Pendem terletak di pesisir Pantai Teluk Penyu Kabupaten Cilacap, Jawa Tengah. Wisata warisan budaya ini yang dibangun pada tahun 1861 dan merupakan peninggalan Belanda. Keunikan Benteng Pendem terletak pada perpaduan sejarah perjuangan Indonesia, warisan budaya, dan keindahan alam. Di dalam Benteng Pendem terdapat objek wisata benteng bergaya Belanda dan penangkaran satwa dilindungi atau Menjangan Park. Berkurangnya jumlah pengunjung menyebabkan penurunan omzet yang dialami Pemerintah Daerah Cilacap. Hal ini semakin diperparah dengan imbas pandemi COVID-19. Padahal terdapat peluang besar bagi Benteng Pendem Cilacap sebagai objek ekowisata yang mengutamakan konservasi alam, budaya lokal, dan sejarah perjuangan Bangsa Indonesi. Peluang ini dapat menambah devisa Kabupaten Cilacap dengan banyaknya jumlah wisatawan yang berkunjung. Dalam proses merancang promosi interaktif, penulis menggunakan metode perancangan Human Centered Design milik IDEO. Pengumpulan data dilakukan melalui wawancara, kuesioner, diskusi, observasi referensi, dan studi pustaka. Landasan teori yang digunakan adalah teori desain dan teori promosi. Hasil penelitan ditemukan penyebab kurangnya pengunjung disebabkan kurang gencar dalam berpromosi, sehingga dirancanglah media interaktif yang bertujuan viral marketing.

Kata kunci: interaktif, pariwisata, promosi

(8)

vii

BENTENG PENDEM CILACAP INTERACTIVE PROMOTION DESIGN

(Linda Febriana Purwanto)

ABSTRACT (English)

Benteng Pendem Cilacap is located on the coast of Teluk Penyu Beach, Cilacap Regency, Central Java. This cultural heritage tour was built in 1861 and is a relic of the Netherlands. The uniqueness of Benteng Pendem lies in the combination of Indonesian struggle history, cultural heritage, and natural beauty.

Inside the Benteng Pendem, there is a Dutch-style fort attraction and a protected animal sanctuary or Menjangan Park. The reduced number of visitors caused a decrease in turnover experienced by the Cilacap Regional Government. This is further exacerbated by the impact of the COVID-19 pandemic. Whereas there is a great opportunity for Benteng Pendem Cilacap as an ecotourism object that prioritizes nature conservation, local culture, and the history of the struggle of the Indonesian Nation. This opportunity can increase Cilacap Regency's foreign exchange with the large number of tourists visiting. In the process of designing interactive promotions, the author uses IDEO's Human Centered Design method.

Data was collected through interviews, questionnaires, discussions, reference observations, and literature studies. The theoretical basis used is design theory and promotion theory. The results of the research found that the cause of the lack of visitors was due to a lack of promotion, so an interactive media was designed with the aim of viral marketing.

Keywords: interactive, tourism, promotion

(9)

viii

DAFTAR ISI

HALAMAN PERNYATAAN TIDAK PLAGIAT ... ii

HALAMAN PENGESAHAN ... iii

HALAMAN PERSETUJUAN PUBLIKASI KARYA ILMIAH UNTUK KEPENTINGAN AKADEMIS ... iv

KATA PENGANTAR ... v

ABSTRAK……….vi

ABSTRACT (English) ... vii

DAFTAR ISI….………...viii

DAFTAR GAMBAR ... xii

DAFTAR LAMPIRAN ... xv

BAB I PENDAHULUAN ... 1

1.1 Latar Belakang ... 1

1.2 Rumusan Masalah ... 2

1.3 Batasan Masalah ... 2

1.4 Tujuan Tugas Akhir ... 3

1.5 Manfaat Tugas Akhir ... 3

BAB II TINJAUAN PUSTAKA ... 5

Desain ... 5

2.1 2.1.1 Prinsip Desain ... 5

2.1.2 Elemen Desain ... 8

2.1.3 Tipografi ... 11

2.1.4 Grid dan Proportional Systems ... 13

2.1.5 Fotografi ... 18

2.1.5 Ilustrasi ... 21

2.1.6 UI/UX ... 24

2.1.7 Narrative as Virtual Reality ... 30

Promosi ... 34

2.2 2.2.1 Jenis Promosi ... 34

2.2.2 Strategi Promosi ... 35

2.2.3 Media Promosi ... 35

(10)

ix

2.2.4 Tahapan Promosi ... 46

2.2.5 Promosi Pariwisata ... 47

2.2.6 Copywriting ... 49

2.3 Benteng Pendem ... 52

2.3.1 Benteng Pendem Cilacap... 53

BAB III METODOLOGI PENELITIAN ... 59

3.1 Metode Pengumpulan Data ... 59

3.1.1 Wawancara dengan Seksi Pemasaran Dinas Pariwisata ... 59

3.1.2 Kuesioner ... 62

3.1.3 Focus Group Discussion ... 70

3.1.4 Observasi Referensi ... 74

3.2 Metodologi Perancangan ... 79

3.2.1. Inspiration ... 79

3.2.2. Ideation ... 79

3.2.3. Implementation ... 79

BAB IV STRATEGI & ANALISIS PERANCANGAN ... 80

4.1 Human Centered Design ... 80

4.1.1 Inspiration ... 80

4.1.2 Ideation ... 86

4.1.3 Implementation ... 98

4.2 Analisis Alpha ... 103

4.2.1 Analisis Video Interaktif... 104

4.2.2 Analisis Interaktivitas Microsite ... 106

4.2.3 Analisis Visual Microsite ... 107

4.2.4 Analisis Tahapan Promosi AISAS ... 108

4.2.5 Hasil Perbaikan ... 109

4.3 Analisis Beta ... 111

4.3.1 Analisis Desain ... 112

4.3.2 Analisis Video Interaktif... 129

4.3.3 Analisis Interaktivitas Microsite ... 130

4.3.4 Analisis Visual Microsite ... 132

4.4 Budgeting ... 132

(11)

x

BAB V PENUTUP 134

5.1 Simpulan ... 134

5.2 Saran ... 136

DAFTAR PUSTAKA ... xvi

LAMPIRAN……….…………xix

(12)

xi

DAFTAR TABEL

Tabel 3.1 Tabel Data Skala Likert Pernah Mengunjungi ... 67

Tabel 3.1 Tabel Data Skala Likert Belum Pernah Mengunjungi ... 68

Tabel 4.1 Media Planning ... 99

Tabel 4.2 Konten Struktur Microsite ... 100

Tabel 4.3 Revisi Konten Struktur Microsite ... 102

Tabel 4.4 Komentar Video Interaktif ... 105

Tabel 4.5 Skala Likert Video Interaktif ... 105

Tabel 4.6 Komentar Microsite ... 106

Tabel 4.7 Skala Likert Microsite ... 107

Tabel 4.8 Skala Likert Beta Test Video Interaktif ... 129

Tabel 4.9 Skala Likert Beta Test Microsite ... 132

Tabel 4.10 Tabel Budgeting ... 133

(13)

xii

DAFTAR GAMBAR

Gambar 2.1. Billboard Dior ... 5

Gambar 2.2. Poster Keseimbangan ... 6

Gambar 2.3. Hierarki Visual ... 6

Gambar 2.4. Poster Repetisi Visual ... 7

Gambar 2.5. Ilustrasi Kesatuan Warna ... 7

Gambar 2.6. Hukum Organisasi Persepsi dalam UI Apps ... 8

Gambar 2.7. Garis dalam Ilustrasi... 9

Gambar 2.8. Bentuk dalam Poster Promosi ... 9

Gambar 2.9. Warna ... 10

Gambar 2.10. Warna Dasar ... 10

Gambar 2.11. Tekstur ... 11

Gambar 2.11. Anatomi Karakteristik Huruf ... 11

Gambar 2.13. Klasifikasi Huruf ... 12

Gambar 2.14. Fibonacci ... 14

Gambar 2.15. Golden Ratio pada Halaman ... 14

Gambar 2.16. Rule of Thirds ... 15

Gambar 2.17. Modular ... 15

Gambar 2.18. Single-Column Grid ... 16

Gambar 2.19. Multicolumn Grid ... 17

Gambar 2.20. Modular Grid ... 18

Gambar 2.21. Relasi Cahaya dan Lensa... 18

Gambar 2.22. Direction... 19

Gambar 2.23. Contrast ... 20

Gambar 2.24. Unevennes Lighting ... 20

Gambar 2.25. Colour ... 21

Gambar 2.26. Referensi... 22

Gambar 2.27. User Interface ... 24

Gambar 2.28. Web User Interface... 26

Gambar 2.29. Infographic ... 27

Gambar 2.30. Mobile Phone App ... 28

Gambar 2.31. UI Games... 29

Gambar 2.32. Proses AISAS ... 46

Gambar 2.33. Papan Persuasi ... 50

Gambar 2.34. Benteng Pertahanan ... 54

Gambar 2.35. Parit Benteng Pendem ... 54

Gambar 2.36. Ruang Barak ... 55

Gambar 2.37. Ruang Klinik ... 55

Gambar 2.38. Gazebo di Benteng Pendem Cilacap ... 56

Gambar 2.39. Papan Denah Lokasi Benteng Pendem... 56

Gambar 2.40. Rusa di Benteng Pendem Cilacap ... 57

Gambar 2.41. Menjangan Park... 58

(14)

xiii

Gambar 2.42. Rusa Jantan ... 58

Gambar 3.1. Foto Wawancara Penulis dengan Dewi Sulistiowati... 59

Gambar 3.2. Logo Kebutuhan Promosi ... 61

Gambar 3.3. Hasil Kuesioner Wisata yang Digemari ... 63

Gambar 3.4. Hasil Kuesioner Iklan Berpengaruh ... 63

Gambar 3.5. Hasil Kuesioner Media yang Digunakan ... 64

Gambar 3.6. Hasil Kuesioner Media Interaktif ... 64

Gambar 3.7. Hasil Kuesioner Kecenderungan Wisatawan ... 65

Gambar 3.8. Hasil Kuesioner Menjangan Park ... 66

Gambar 3.9. Dokumentasi FGD ... 74

Gambar 3.10. Poster Fingerprint Art Lilit Ghazaryan ... 75

Gambar 3.11. Fingerprint Art Lilit Ghazaryan ... 75

Gambar 3.12. Website Portfolio Hanna ... 76

Gambar 3.13. Behance Hanna ... 77

Gambar 3.14. Black Mirror: Bandersnatch ... 78

Gambar 4.1. Dokumentasi Group Interview ... 81

Gambar 4.2. Gambar Referensi Maskot ... 82

Gambar 4.3. Gambar Referensi Post Pandora Experience ... 84

Gambar 4.4. Dokumentasi Buku Sejarah Cilacap ... 85

Gambar 4.5. Mindmap Benteng Pendem Cilacap ... 86

Gambar 4.6. Moodboard Desain ... 88

Gambar 4.7. Iterasi Warna dan Typeface ... 89

Gambar 4.8. Plot Cerita Video Interaktif : Tolong! ... 90

Gambar 4.9. Storyboard Video Interaktif : Tolong! ... 92

Gambar 4.10. Storyboard Teaser Video Interaktif : Tolong! ... 93

Gambar 4.11. Referensi Kostum Maskot Sebagai Detektif ... 94

Gambar 4.12. Sketsa Maskot Benteng Pendem Cilacap ... 95

Gambar 4.13. Proses Desain Maskot ... 96

Gambar 4.14. Ikon Media Sosial dan Iterasi Ikon ... 96

Gambar 4.15. Sketsa dan Grid Microsite Benteng Pendem Cilacap ... 97

Gambar 4.16. Wireflow Microsite ... 97

Gambar 4.17. Poster Zoom saat Protoype Day ... 98

Gambar 4.18. Media AISAS ... 101

Gambar 4.19. Halaman Kritik dan Saran ... 103

Gambar 4.20. Color Grading Video Interaktif ... 109

Gambar 4.21. Revisi Ikon dan Microsite Halaman Beranda ... 110

Gambar 4.22. Revisi Keseluruhan Microsite ... 111

Gambar 4.23. Halaman Beranda Microsite ... 112

Gambar 4.24. Halaman Atraksi ... 113

Gambar 4.25. Halaman Tiket ... 114

Gambar 4.26. Pop Up Button Tiket Offline ... 114

Gambar 4.27. Halaman Pembelian Tiket Online ... 115

Gambar 4.28. Halaman Bukti Pembelian Tiket Online ... 115

(15)

xiv

Gambar 4.29. Pop Up Pembayaran Terkonfirmasi ... 116

Gambar 4.30. Halaman Yuk, Jelajah! ... 116

Gambar 4.31. Halaman Mengakses Kritik dan Saran ... 117

Gambar 4.32. Color Pallete Microsite ... 118

Gambar 4.33. Variasi Maskot ... 118

Gambar 4.34. Ilustrasi Microsite ... 119

Gambar 4.35. Foto pada Microsite ... 119

Gambar 4.36. Pilihan pada Akhir Video ... 121

Gambar 4.37. Video Opening ... 123

Gambar 4.38. Video Sesampainya di Benteng Pendem Cilacap ... 123

Gambar 4.39. Video di depan R.Barak (kiri), di dalam R.Barak (kanan) ... 124

Gambar 4.40. Video di R.Klinik ... 124

Gambar 4.41. Video Cinematic R.Penjara ... 125

Gambar 4.42. Video Penutup ... 125

Gambar 4.43. Feeds Instagram ... 126

Gambar 4.44. Poster ... 126

Gambar 4.45. Teaser Video Interaktif ... 127

Gambar 4.46. Billboard... 127

Gambar 4.47. Stiker Instagram ... 128

Gambar 4.48. Merchandise ... 128

Gambar 4.23. Open Question Video Interaktif ... 129

Gambar 4.24. Hasil Kuesioner Teaser Video Interaktif ... 130

Gambar 4.25. Open Question Skenario 3... 131

(16)

xv

DAFTAR LAMPIRAN

Lampiran A Wawancara dengan Seksi Pemasaran Dinas Pariwisata ... xix

Lampiran B Pertanyaan dan Hasil Kuesioner 100 responden ... xxiv

Lampiran C Skenario Video Interaktif: Tolong! ... xxxviii

Lampiran D Storyboard Teaser dan Video Interaktif: Tolong! ... xix Lampiran E Pertanyaan dan Hasil Kuesioner Alpha Test ... xlv Lampiran F Pertanyaan dan Hasil Kuesioner Beta Test ... liii Lampiran G Hasil Turnitin ... lviii Lampiran H Bimbingan... lxv