PERANCANGAN WEBSITE SEBAGAI MEDIA PROMOSI STUDIO ILUSTRASI UNREAL STUDIO

(1)

library.uns.ac.id digilib.uns.ac.id

PENGANTAR KARYA TUGAS AKHIR

PERANCANGAN WEBSITE SEBAGAI MEDIA PROMOSI STUDIO ILUSTRASI

UNREAL STUDIO

Disusun Guna Melengkapi dan Memenuhi Persyaratan Mencapai Gelar Sarjana Desain

Program Studi Desain Komunikasi Visual

Disusun Oleh : R. Royan Arizal

C0716049

PROGRAM STUDI DESAIN KOMUNIKASI VISUAL FAKULTAS SENI RUPA DAN DESAIN

UNIVERSITAS SEBELAS MARET SURAKARTA

2020

(2)

i

TUGAS AKHIR

PERANCANGAN WEBSITE SEBAGAI MEDIA PROMOSI STUDIO ILUSTRASI

UNREAL STUDIO

Disusun Guna Melengkapi dan Memenuhi Persyaratan Mencapai Gelar Sarjana Desain

Program Studi Desain Komunikasi Visual

Disusun Oleh : R. Royan Arizal

C0716049

PROGRAM STUDI DESAIN KOMUNIKASI VISUAL FAKULTAS SENI RUPA DAN DESAIN

UNIVERSITAS SEBELAS MARET SURAKARTA

2020

(3)

ii

LEMBARAN PERSETUJUAN

Tugas Akhir dengan Judul:

PERANCANGAN WEBSITE SEBAGAI MEDIA PROMOSI STUDIO ILUSTRASI

UNREAL STUDIO 2020

Telah disetujui untuk dipertahan di hadapan Tim Penguji Tugas Akhir (TA).

Pada tanggal 12 Juli 2020

Menyetujui,

Pembimbing I Pembinbing II

Drs. Ahmad Adib, M.hum., Ph. D Drs. Mohamad Suharto, M.Sn.

NIP. 196207081992031001 NIP. 195612201986031003

Koordinator Tugas Akhir (TA)

Sayid Mataram, S.Sn., M.Sn.

NIP. 198406042015041001

(4)

iii

PENGESAHAN

Proposal Tugas Akhir dengan Judul PERANCANGAN WEBSITE SEBAGAI MEDIA PROMOSI STUDIO ILUSTRASI

UNREAL STUDIO

Telah disahkan dan di terima oleh Panitia dalam Sidang Tugas Akhir Prodi Desain Komunikasi Visual Fakultas Seni Rupa dan Desain

Universitas Sebelas Maret Pada tanggal: 12 Juli 2020

Tim Penguji:

Ketua Sidang Tugas Akhir

Drs. Ahmad Adib, M. Hum., Ph. D NIP. 196207081992031001

Sekretaris Sidang Tugas Akhir Drs. Mohamad Suharto, M.Sn NIP. 195612201986031003 Penguji I

Andreas Slamet Widodo S.Sn., M. Hum NIP. 197512012001121002

Penguji II

Anugrah Irfan Ismail, S.Sn., M.Sn.

NIP. 198307022008121003

Disahkan:

Dekan Ketua Prodi

Fakultas Seni Rupa dan Desain Desain Komunikasi Visual

Dr. Rahmanu Widayat, M.Sn Andreas Slamet Widodo S.Sn., M.Hum.

NIP. 196212211992011001 NIP. 197512012001121002

(5)

iv

PERNYATAAN

Dengan ini penulis menyatakan bahwa Pengantar Karya Tugas Akhir yang berjudul

“Perancangan Website sebagai Media Promosi Studio Ilustrasi Unreal Studio”, beserta isinya dan seluruh karya desain yang penulis buat adalah benar- benar karya sendiri, dan penulis tidak melakukan penjiplakan baik seluruhnya maupun sebagian, dengan cara-cara yang tidak sesuai etika keilmuan yang berlaku dalam masyarakat akademik.

Atas pernyataan ini, penulis siap menanggung resiko/sanksi yang dijatuhkan kepada penulis, apabila kemudian ditemukan adanya pelanggaran terhadap keaslian karya

Surakarta, 12 Juli 2020 Penulis,

R. Royan Arizal ini.

(6)

v

PERSEMBAHAN

Karya ini saya persembahkan untuk:

Keluarga, sahabat, teman dan mantan yang telah mendukung

(7)

vi

MOTTO

"Tanpa ilmu, amal tidak ada gunanya. Sedangkan ilmu tanpa amal adalah hal yang sia-sia."

- Abu Bakar Ash-Shiddiq

(8)

vii

KATA PENGANTAR

Puji syukur penulis panjatkan kepada Allah SWT yang telah memberikan limpahan rahmat, bimbingan, serta ridho hingga penulis dapat menyelesaikan Karya Tugas Akhir ini meskipun dengan berbagai hambatan yang ada. Dengan bantuan, bimbingan, serta arahan dari berbagai pihak, maka penulisan Tugas Akhir dengan judul PERANCANGAN WEBSITE SEBAGAI MEDIA PROMOSI STUDIO ILUSTRASI UNREAL STUDIO ini dapat terselesaikan dengan baik.

Untuk itu penulis ingin menyampaikan rasa terimakasih kepada:

1. Dr. Rahmanu Widayat, M.Sn., selaku Dekan Fakultas Seni Rupa dan Desain Universitas Sebelas Maret Surakarta.

2. Andreas S. Widodo, S.Sn., M.Hum. selaku Ketua Program Studi S1 Desain Komunikasi Visual

3. Drs. Ahmad Adib, M.hum., Ph. D selaku pembimbing I yang telah memberikan pengarahan serta kritik yang membangun.

4. Drs. Mohamad Suharto, M.Sn. selaku pembimbing II yang telah banyak memberikan arahan, masukan, dan saran yang bermanfaat dalam Karya Tugas Akhir ini.

5. Seluruh Dosen dan karyawan Fakultas Seni Rupa dan Desain Universitas Sebelas Maret Surakarta, khususnya S1 Desain Komunikasi Visual.

6. Bramasta Aji selaku Founder dan Ina Wong selaku Art Director Unreal Studio.

7. Keluarga dan para sahabat yang senantiasa mendukung penulis untuk tetap bersemangat dalam menyelesaikan kuliah dengan baik dan lancar.

8. Teman-teman serta seluruh pihak yang telah membantu penulis dalam menyelesaikan Proposal Tugas Akhir.

(9)

viii

Penulis menyadari bahwa dalam penyusunan Tugas Akhir ini masih jauh dari sempurna, karena keterbatasan penulis dalam berbagai hal. Oleh karena itu saran dan kritik yang sifatnya membangun sangat penulis harapkan dari para pembaca. Akhir kata penulis ucapkan terimakasih dan penulis berharap semoga apa yang telah penulis susun ini dapat bermanfaat serta menambah wawasan bagi pembaca.

Surakarta, 12 Juli 2020 Penulis,

R. Royan Arizal

(10)

ix

Perancangan Website Sebagai Media Promosi Studio Ilustrasi Unreal Studio

--- --

R. Royan Arizal¹

Drs. Ahmad Adib, M.hum., Ph. D² Drs. Mohamad Suharto, M.Sn.³

ABSTRAKSI

R. Royan Arizal, C0716049, 2016, Perancangan Website sebagai Media Promosi Studio Ilustrasi Unreal Studio, Tugas Akhir, Jurusan Desain Komunikasi Visual, Fakultas Seni Rupa dan Desain Universitas Sebelas Maret Surakarta.

Unreal Studio merupakan salah satu studio yang bergerak di bidang ilustrasi.

Unreal Studio sudah banyak menangani projek-projek ilustrasi dalam sebuah game, cover buku, maupun komisi yang bersifat personal.

Tujuan dari penelitian ini adalah untuk menjelaskan tentang perancangan website dan media pendukung untuk mempromosikan studio ilustrasi Unreal Studio.

Metode penelitian yang digunakan adalah deskriptif kualitatif. Lokasi penelitian dilakukan di kantor Unreal Studio Surakarta. Teknik pengumpulan data yang digunakan disini adalah dengan wawancara, observasi dan dokumentasi. Analisis data yang menggunakan analisis SWOT.

Konsep website dan media pendukung dibuat ini dibuat dengan menonjolkan portofolio yang dimiliki oleh Unreal Studio. Dengan memunculkan desain yang simple dan modern.

Pembuatan website ini dirancang dengan mempertimbangkan kenyamanan user diharapkan dapat dimanfaatkan oleh Unreal Studio untuk meningkatkan eksistensi serta kredibilitas studio ilustrasi Unreal Studio.

Kata kunci : Website, promosi, studio ilustrasi

1 Mahasiswa Prodi S1 Desain Komunikasi Visual FSRD UNS

2 Dosen Pembimbing I

3 Dosen Pembimbing II

(11)

x

Design a Website as a Media Promotion Unreal Studio Illustration Studio

--- --

R. Royan Arizal⁴

Drs. Ahmad Adib, M.hum., Ph. D⁵ Drs. Mohamad Suharto, M.Sn.⁶ ABSTRACT

R. Royan Arizal, C0716049, 2016, Design a Website as a Media Promotion for Unreal Studio Illustration Studio, Final Project, Visual Communication Design Department, Faculty of Art and Design, Sebelas Maret University Surakarta.

Unreal Studio is a studio that is engaged in illustration. Unreal Studio has worked on several illustration projects, i.e in-game illustration, book cover, or personal commission.

The purpose of this study is to explain the design of the website and supporting media for the Unreal Studio illustration studio.

The research method used is descriptive qualitative. The research location was conducted at the Unreal Studio Surakarta's office. The data techniques used here are interviews, observation and documentation. Data analysis using SWOT analysis.

The concept of the website and supporting media was created by highlighting the portfolio owned by Unreal Studio. By bringing up a simple and modern design. Making this website designed with user comfort in mind is expected to be utilized by Unreal Studio to increase the existence and credibility of the Unreal Studio illustration studio.

Keywords: Website, promotion, illustration studio

4 The student of Visual Communication Design Faculty of Fine Art and Design Sebelas Maret University

5 Guide Lecture I

6 Guide Lecture II

(12)

xi

DAFTAR ISI

HALAMAN JUDUL... i

LEMBAR PERSETUJUAN ... ii

LEMBAR PENGESAHAN ... iii

PERNYATAAN ... iv

PERSEMBAHAN ... v

MOTTO ... vi

KATA PENGANTAR ... vii

ABSTRAK ... ix

ABSTRACT ...x

DAFTAR ISI ... xi

DAFTAR GAMBAR ...xv

DAFTAR BAGAN ... xvii

DAFTAR TABEL ... xviii

BAB I PENDAHULUAN… ... 1

A. Latar Belakang…... 1

B. Rumusan Masalah ... 2

C. Tujuan Perancangan... 3

D. Manfaat Perancangan ... 3

E. Metode Penelitian ... 4

BAB II KAJIAN TEORI ...6

A. Tinjauan Perancangan ...6

1. Pengertian Perancangan ...6

(13)

xii

B. Tinjauan Website ...6

1. Pengertian Website ...6

2. Pengertian Homepage ...7

3. Pengertian Layout dan Desain ...7

C. Tinjauan Promosi ...8

1. Pengertian Promosi ...8

2. Tujuan Promosi ...8

3. Bauran Promosi ... 10

4. Media Promosi... 13

D. Tinjauan Studio Ilustrasi ... 14

1. Pengertian Studio ... 14

2. Pengertian Ilustrasi ... 15

3. Peran Ilustrasi ... 15

4. Fungsi Ilustrasi ... 18

BAB III IDENTIFIKASI DATA ... 20

A. Data Perusahaan ... 20

1. Identitas Perusahaan ... 20

2. Sejarah Perusahaan ... 20

3. Visi dan Misi ... 21

4. Struktur Perusahaan ... 22

5. Fasilitas ... 26

B. Data Produk ... 26

C. Data Konsumen ... 28

D. Data Promosi ... 35

(14)

xiii

E. Target Market ... 36

F. Kompetitor ... 37

1. Caravan Studio ... 37

2. Gong Studios ... 38

G. Analisis SWOT ... 40

H. USP ( Unique Selling Proposition) ... 45

I. Positioning ... 45

BAB IV KONSEP PERANCANGAN... 46

A. Konsep Perancangan ... 46

1. Pengumpulan dan pengolahan informasi atau data . 46 2. Persiapan program pendukung ... 46

3. Penentuan Konsep Halaman Website Unreal Studio47 B. Konsep Kreatif ... 48

1. Unique Selling Proposition (USP)... 48

2. Positioning ... 49

C. Standar Visual ... 50

1. Ilustrasi ... 50

2. Logo ... 50

3. Tipografi ... 51

4. Warna ... 52

D. Media Pendukung ... 53

1. Kartu Nama ... 53

2. Poster Karya ... 53

3. X-Banner ... 53

(15)

xiv

4. Media Sosial Facebook dan Instagram ... 53

5. Kaos ... 54

6. Stiker ... 54

E. Prediksi Biaya ... 54

1. Media Utama ... 55

2. Media Pendukung ... 55

BAB V VISUALISASI KARYA… ... 57

A. Media Utama Website… ... 57

B. Media Pendukung ... 63

BAB VI PENUTUP … ... 69

A. Kesimpulan… ... 69

B. Saran ... 70 DAFTAR PUSTAKA

LAMPIRAN

(16)

xv

DAFTAR GAMBAR

Gambar 3.1 Logo Unreal Studio ... 20

Gambar 3.2 Ilustrasi Splash Art untuk Vainglory ... 27

Gambar 3.3 Ilustrasi Card Game untuk Mythgard ... 27

Gambar 3.4 Ilustrasi Sampul Buku untuk Louis Erran... 27

Gambar 3.5 Logo Murka Games Ltd ... 28

Gambar 3.6 Logo Mynet, Inc ... 28

Gambar 3.7 Logo Super Evil Mega Corp ... 29

Gambar 3.8 Logo Keji, Inc. ... 29

Gambar 3.8 Logo Gala Lab ... 29

Gambar 3.10 Logo Nightfall Interactive ... 30

Gambar 3.11 Logo New-Horizon RPG ... 30

Gambar 3.12 Logo White Wizard Games... 30

Gambar 3.13 Logo Undergroud Games ... 31

Gambar 3.14 Logo Nixar, Inc ... 31

Gambar 3.15 Logo Toei Company ... 32

Gambar 3.16 Logo Mig Studio ... 32

Gambar 3.17 Logo Victory Toys ... 32

Gambar 3.18 Logo Riot Games ... 31

Gambar 3.19 Logo Fantasy Soft Entertainment ... 33

Gambar 3.20 Logo Wizard Foundry... 34

Gambar 3.21 Logo Legend Story Studios... 34

Gambar 3.22 Logo Rhino Games Inc ... 34

Gambar 3.23 Facebook sebaga Media Promosi Online ... 35

(17)

xvi

Gambar 3.24 Instagram sebagai Media Promosi Online ... 36

Gambar 3.25 Logo Caravan Studio ... 36

Gambar 3.26 Landing Page Situs Web Caravan Studio ... 36

Gambar 3.27 Logo Gong Studios ... 36

Gambar 3.28 Landing Page Situs Web Gong Studios ... 36

Gambar 5.1 Tampilan Homepage Website ... 57

Gambar 5.2 Tampilan Halaman Work ... 58

Gambar 5.3 Tampilan Halaman Journal ... 59

Gambar 5.4 Tampilan Halaman Purchase ... 60

Gambar 5.5 Tampilan Halaman About ... 61

Gambar 5.6 Tampilan Halaman Contact ... 62

Gambar 5.7 Desain Media Pendukung Kartu Nama ... 63

Gambar 5.8 Desain Media Pendukung Poster A3 ... 64

Gambar 5.9 Desain Media Pendukung XBanner ... 65

Gambar 5.10 Desain Media Pendukung Social Media Ads ... 66

Gambar 5.11 Desain Media Pendukung Kaos ... 67

Gambar 5.12 Desain Media Pendukung Stiker ... 68

(18)

xvii

DAFTAR BAGAN

Bagan 3.1 Struktur Perusahaan Unreal Studio ...22

(19)

xviii

DAFTAR TABEL

Tabel 3.1 Analisis SWOT Unreal Studio dengan Kompetitor ...41

Tabel 4.1 Prediksi Biaya Media Utama ... 55

Tabel 4.2 Prediksi Biaya Media Pendukung ... 55