LAPORAN KERJA PRAKTEK

DESAIN GRAFIS WEBSITE

CV. MULIA ANUGERAH NUSANTARA

Penyusun :

ITA RACHMAWATI

41914120008

Dosen Pembimbing :

Rika Hindraruminggar, S.Sn, M.Sn

PROGRAM STUDI DESAIN PRODUK

FAKULTAS DESAIN DAN SENI KREATIF

UNIVERSITAS MERCU BUANA

JAKARTA

2018

http://digilib.mercubuana.ac.id/

i

http://digilib.mercubuana.ac.id/

ii

http://digilib.mercubuana.ac.id/

iii

http://digilib.mercubuana.ac.id/

iv

http://digilib.mercubuana.ac.id/

v

http://digilib.mercubuana.ac.id/

vi

http://digilib.mercubuana.ac.id/

vii

http://digilib.mercubuana.ac.id/

viii

http://digilib.mercubuana.ac.id/

ix

http://digilib.mercubuana.ac.id/

x

http://digilib.mercubuana.ac.id/

xi

http://digilib.mercubuana.ac.id/

xii

http://digilib.mercubuana.ac.id/

xiii

http://digilib.mercubuana.ac.id/

xiv

http://digilib.mercubuana.ac.id/

xv

http://digilib.mercubuana.ac.id/

xvi

http://digilib.mercubuana.ac.id/

xvii

KATA PENGANTAR

Puji dan syukur penulis panjatkan ke hadirat Allah subhanahu wa ta’ala yang telah melimpahkan rahmat dan karunia-Nya, sehingga penulis dapat menyelesaikan laporan penulisan untuk memenuhi salah satu syarat pada mata kuliah Kerja Praktik.

Laporan ini penulis susun berdasar hasil magang kerja praktik di salah satu perusahaan distributor alat elektronik, yaitu CV. Mulia Anugerah Nusantara. Penulis harap agar laporan kerja praktik ini berguna sebagai wawasan tambahan dalam dunia kerja bidang desain grafis, terutama desain website.

Dalam kesempatan ini, penulis menghaturkan terima kasih banyak kepada semua pihak yang telah membantu penulis melakukan kerja praktik. Baik dari dosen pembimbing, koordinator kerja praktik dan tempat penulis melakukan kerja praktik, CV. Mulia Anugerah Nusantara.

Jakarta, 03 Januari 2018

Ita Rachmawati

http://digilib.mercubuana.ac.id/

xviii

DAFTAR ISI

Lembar Pernyataan.............................................................................................. i

Lembar Pengesahan ............................................................................................ ii

Lembar Surat Diterima Kerja Praktik ................................................................. iii

Lembar Pengajuan Pembimbing ......................................................................... iv

Lembar Absensi Harian....................................................................................... v-xiv

Lembar Surat Berakhir Kerja Praktik ................................................................. xv

Lembar Asistensi ................................................................................................. xvi

KATA PENGANTAR ........................................................................................ xvii

DAFTAR GAMBAR .......................................................................................... xxi-xxv

BAB I PENDAHULUAN ................................................................................... 1

1.1 Latar Belakang Kerja Praktik ....................................................................... 1

1.2 Tujuan, Sasaran, dan Manfaat Kerja Praktik ............................................... 2

1.2.1 Tujuan Kerja Praktik ........................................................................... 2

1.2.2 Sasaran Kerja Praktik .......................................................................... 2

1.2.3 Manfaat Kerja Praktik ......................................................................... 3

1.3 Ruang Lingkup Kerja Praktik ...................................................................... 3

1.3.1 Lokasi Kerja Praktik ........................................................................... 4

http://digilib.mercubuana.ac.id/

xix

1.3.2 Jangka Waktu Kerja Praktik ............................................................... 4

1.3.3 Posisi Praktikan .................................................................................. 4

1.3.4 Jenis Pekerjaan yang Dihadapi ........................................................... 4

BAB II TINJAUAN UMUM PERUSAHAAN .................................................. 5

2.1 Data Perusahaan ........................................................................................... 5

2.1.1 Identitas Perusahaan ........................................................................... 5-7

2.1.2 Sejarah Singkat Perusahaan ................................................................ 8

2.1.3 Kebijakan Manajemen Perusahaan ..................................................... 8

2.1.4 Sertifikasi ............................................................................................ 8-9

2.2 Cakupan Bidang Usaha ................................................................................ 9

2.3 Struktur Perusahaan ..................................................................................... 9

BAB III PROSEDUR PERUSAHAAN .............................................................. 10

3.1 Proses Pelaksanaan Umum .......................................................................... 10-11

3.2 Proses Kerja Kreatif Perusahaan .................................................................. 11

3.3 Konsep Hasil Kerja Kreatif Praktikan ......................................................... 12

BAB IV PENGALAMAN KERJA PRAKTIK................................................... 13

4.1 Keterlibatan Praktikan dalam Proyek Kreatif .............................................. 13-51

http://digilib.mercubuana.ac.id/

xx

4.2 Keterlibatan Praktikan di Luar Proyek Kreatif ............................................ 51-53

BAB V KESIMPULAN DAN SARAN .............................................................. 54

5.1 Kesimpulan .................................................................................................. 54

5.2 Saran ............................................................................................................. 55

Lampiran ............................................................................................................. 56

http://digilib.mercubuana.ac.id/

xxi

DAFTAR GAMBAR

Gambar 2.1.1a : Logo CV. Mulia Anugerah Nusantara ........................................ 5

Gambar 2.1.1b : Kantor Tampak Luar ................................................................... 6

Gambar 2.1.1c : Ruang Tamu ................................................................................ 6

Gambar 2.1.1d : Ruang Kerja ................................................................................ 7

Gambar 2.1.1e : Ruang Meeting ............................................................................ 7

Gambar 2.1.4 : Logo Sertifikasi Produk CV. Mulia Anugerah Nusantara .......... 9

Gambar 4.1.1a : Wireframe awal website CV. Mulia Anugerah Nusantara ......... 14

Gambar 4.1.1b : Wireframe setelah direvisi CV. Mulia Anugerah Nusantara ...... 15

Gambar 4.1.1c : Tampilan pembuka Adobe Photoshop ........................................ 17

Gambar 4.1.1d : Tampilan awal Adobe Photoshop .............................................. 17

Gambar 4.1.1e : Tampilan Adobe Photoshop ketika membuat lembar kerja baru 18

Gambar 4.1.1f : Tampilan Adobe Photoshop ketika membuat guides ................. 18

Gambar 4.1.1g : Tampilan Adobe Photoshop ketika membuat desain signage .... 19

Gambar 4.1.2a : Desain signage Company Profile atas (sebelum revisi) .............. 20

Gambar 4.1.2b : Desain signage Company Profile atas (sesudah revisi) ............. 20

Gambar 4.1.2c : Desain signage Company Profile tengah (sebelum revisi) ........ 20

http://digilib.mercubuana.ac.id/

xxii

Gambar 4.1.2d : Desain signage Company Profile tengah (sesudah revisi) ......... 21

Gambar 4.1.2e : Desain signage Company Profile bawah (sebelum revisi) ......... 21

Gambar 4.1.2f : Desain signage Company Profile bawah (sesudah revisi) ............ 21

Gambar 4.1.3a : Desain signage produk CCTV (sebelum revisi) ......................... 22

Gambar 4.1.3b : Desain signage produk CCTV (sesudah revisi) .......................... 22

Gambar 4.1.3c : Desain signage produk Smart Plug (sebelum revisi) .................. 23

Gambar 4.1.3d : Desain signage produk Smart Plug (sesudah revisi) ................... 23

Gambar 4.1.4a : Desain signage features CCTV-introduction (sebelum revisi) ... 24

Gambar 4.1.4b : Desain signage features CCTV-introduction (sesudah revisi) .... 24

Gambar 4.1.4c : Desain signage features CCTV-infrared (sebelum revisi) .......... 25

Gambar 4.1.4d : Desain signage features CCTV-infrared (sesudah revisi) ........... 25

Gambar 4.1.4e : Desain signage features CCTV-IRCut (sebelum revisi) ............. 26

Gambar 4.1.4f : Desain signage features CCTV-IRCut (sesudah revisi) ................ 26

Gambar 4.1.4g : Desain signage features CCTV-Motion (sebelum revisi) ........... 27

Gambar 4.1.4h : Desain signage features CCTV-Motion (sesudah revisi) ............ 27

Gambar 4.1.4i : Desain signage features CCTV-Multi (sebelum revisi) ................ 28

Gambar 4.1.4j : Desain signage features CCTV-Multi (sesudah revisi) ................. 28

http://digilib.mercubuana.ac.id/

xxiii

Gambar 4.1.4k : Desain signage features CCTV-PanTilt (sebelum revisi) ........... 29

Gambar 4.1.4l : Desain signage features CCTV-PanTilt (sesudah revisi) .............. 29

Gambar 4.1.4m: Desain signage features CCTV-Preset (sebelum revisi) .............. 30

Gambar 4.1.4n : Desain signage features CCTV-Preset (sesudah revisi) .............. 30

Gambar 4.1.4o : Desain signage features CCTV-Preset (sebelum revisi) ............. 31

Gambar 4.1.4p : Desain signage features CCTV-Two Way Audio

(sesudah revisi)............................................................................ 31

Gambar 4.1.4q : Desain signage features CCTV-Video (sebelum revisi) ............. 32

Gambar 4.1.4r : Desain signage features CCTV-Video (sesudah revisi) .............. 32

Gambar 4.1.4s : Desain signage features CCTV-WiFi (sebelum revisi)............... 33

Gambar 4.1.4t : Desain signage features CCTV-WiFi (sesudah revisi) ............... 33

Gambar 4.1.5a : Desain signage features Smart Plug-Introduction ....................... 34

Gambar 4.1.5b : Desain signage features Smart Plug-Connect ............................. 34

Gambar 4.1.5c : Desain signage features Smart Plug-Remote .............................. 35

Gambar 4.1.5d : Desain signage features Smart Plug-Timer ................................. 35

Gambar 4.1.5e : Desain signage features Smart Plug-Turn On/Off ...................... 36

Gambar 4.1.5f : Desain signage features Smart Plug-WiFi .................................. 36

http://digilib.mercubuana.ac.id/

xxiv

Gambar 4.1.6a : Desain signage promosi produk CCTV (sebelum revisi) ........... 37

Gambar 4.1.6b : Desain signage promosi produk CCTV (sesudah revisi) ............ 37

Gambar 4.1.6c : Desain signage promosi produk Smart Plug (sebelum revisi) .... 38

Gambar 4.1.6d : Desain signage promosi produk Smart Plug (sesudah revisi) ..... 38

Gambar 4.1.7a : Desain signage spesifikasi produk CCTV cover album ............. 39

Gambar 4.1.7b : Desain signage spesifikasi produk Smart Plug cover album ...... 39

Gambar 4.1.7c : Desain signage spesifikasi produk CCTV (sebelum revisi) ....... 40

Gambar 4.1.7d : Desain signage spesifikasi produk CCTV (sesudah revisi) ........ 40

Gambar 4.1.7e : Desain signage spesifikasi produk Smart Plug (sebelum revisi) 41

Gambar 4.1.7f : Desain signage spesifikasi produk Smart Plug (sesudah revisi) ... 41

Gambar 4.1.8a : Desain image untuk link ke sosial media secara default ............. 42

Gambar 4.1.8b : Desain image untuk link ke sosial media dalam bar terpisah ..... 42

Gambar 4.1.9 : Desain image untuk layout video ................................................ 43

Gambar 4.1.10a: Desain image untuk layout news (sebelum revisi) ...................... 43

Gambar 4.1.10b : Desain image untuk layout news (sesudah revisi) ...................... 44

Gambar 4.1.11a : Desain signage untuk solusi produk CCTV ................................ 44

Gambar 4.1.11b: Desain signage untuk solusi produk Smart Plug ......................... 45

http://digilib.mercubuana.ac.id/

xxv

Gambar 4.1.12a : Layout tampilan homepage pada tampilan default website ........ 45

Gambar 4.1.12b : Layout tampilan homepage pada tampilan default website ........ 46

Gambar 4.1.12c : Layout tampilan Company Profile padatampilan website ......... 46

Gambar 4.1.12d : Layout tampilan Produk serta features pada tampilan website ... 47

Gambar 4.1.12e : Layout tampilan Produk serta features pada tampilan website ... 47

Gambar 4.1.12f : Layout tampilan Produk serta features pada tampilan website ... 48

Gambar 4.1.12g : Layout tampilan Produk serta features pada tampilan website ... 48

Gambar 4.1.12h : Layout tampilan Produk serta features pada tampilan website ... 49

Gambar 4.1.12i : Layout tampilan Produk serta features pada tampilan website ... 49

Gambar 4.1.13 : Tampilan website ketika sedang building website ...................... 50

Gambar 4.1.14 : Tampilan website ketika sudah selesai building website ............ 51

Gambar 4.2a : Image untuk profile di akun marketplace dan media sosial ........ 51

Gambar 4.2b : Image untuk banner di akun marketplace dan media sosial........ 52

Gambar 4.2c : Image untuk banner di akun marketplace dan media sosial........ 52

Gambar 4.2d : Image profile dan banner yang sudah diupload di marketplace.. 53

Gambar 4.2e : Image profile dan banner yang sudah diupload di media sosial . 53

http://digilib.mercubuana.ac.id/