Perancangan website sebagai media promosi green desain & printing LEMBAR PERSETUJUAN
perpustakaan.uns.ac.id
digilib.uns.ac.id
PENG
GANTAR
R KARY
YA TUGA
AS AKH
HIR
PE
ERANCA
ANGAN WEBSIITE SEB
BAGAI M
MEDIA
P
PROMO
OSI GRE
EEN DE
ESAIN & PRINT
TING
Diaju
ukan Sebaggai Persyarratan Untuk
k Menempu
uh Ujian T
Tugas Akhirr
Guna Mencapai
M
G
Gelar
Ahli Madya Prrogram Stu
udi
D
Diploma
IIII Desain Komunikasi
K
Visual
Disusun Oleh
O
:
TRI FATONO
081
C95100
PRO
OGRAM STUDI
S
D DESAIN KOMU
D3
UNIKASII VISUAL
L
FAK
KULTAS SASTRA
S
A DAN SE
ENI RUPA
A
UN
NIVERSIITAS SEB
BELAS MARET
M
S
SURAKA
ARTA
2013
3
commit to user
i
perpustakaan.uns.ac.id
digilib.uns.ac.id
commit to user
LEMBAR PERSETUJUAN
ii
perpustakaan.uns.ac.id
digilib.uns.ac.id
commit to user
LEMBAR PENGESAHAN
iii
perpustakaan.uns.ac.id
digilib.uns.ac.id
PERSEMBAHAN
Karya ini penulis persembahkan untuk :
Kedua Orang tuaku tercinta yang telah memberikan doa, harapan, kepercayaan,
restu serta kasih sayang
commit to user
iv
perpustakaan.uns.ac.id
digilib.uns.ac.id
MOTTO
Yakin Kehidupan Pasti Berputar
commit to user
v
perpustakaan.uns.ac.id
digilib.uns.ac.id
KATA PENGANTAR
Puji syukur saya panjatkan kehadirat Allah SWT yang telah memberikan
nikmat iman, nikmat ilmu, dan nikmat islam sehingga Tugas Akhir ini dapt
diselesaikan dengan judul Perancangan Website Sebagai Media Promosi
Green desain & printing. Adapun Tugas Akhir ini disusun guna mencapai gelar
Ahli Madya Diploma III program studi D3 Desain Komunikasi Visual Fakultas
Sastra dan Seni Rupa Universitas Sebelas Maret Surakarta.
Tugas Akhir tersebut dapat diselesaikan dengan baik dan lancar yang
tidak terlepas dari bantuan spiritual maupun material dari semua pihak baik dari
lingkungan keluarga, lingkup kampus Universita Sebelas Maret maupun dari
sang kekasih serta para sahabat. Maka ungkapan rasa terima kasih serta segala
penghargaan yang pantas untuk disampaikan kepada :
1. Allah SWT yang telah memberikan nikmat dan karuniaNya sehingga penulis
dapat menyelesaikan Tugas Akhir ini.
2. Drs. Riyadi Santosa, M.Ed, Ph.D Selaku Dekan Fakultas Satra dan Seni
Rupa Universitas Sebelas Maret Surakarta.
3. Drs. Ahmad Adib, M.Hum, Ph.D Selaku Ketua Jurusan D3 Desain
Komunikasi Visual Fakultas Sastra dan Seni Rupa Sebelas Maret Surakarta
4. Ercilia Rini Octavia, S.Sn selaku Pembimbing Akademik
5. Anugrah Irfan Ismail, S.Sn selaku Pembimbing Tugas Akhir I, yang selalu
meluangkan waktu, tenaga dan pikiran untuk membimbing penulis
menyelesaikan tugas akhir ini.
6. Nidyah Widyamurti, S.Sn, M. Ikom selaku Pembimbing Tugas Akhir II,
yang selalu meluangkan waktu, tenaga dan pikiran untuk membimbing
penulis menyelesaikan tugas akhir ini.
commit to user
vi
perpustakaan.uns.ac.id
digilib.uns.ac.id
Dengan segala keterbatasan dan kekurangan yang ada karena
kesempurnaan hanyalah milik Allah SWT, maka penulis menyadari bahwa
konsep Tugas Akhir ini jauh dari kesempurnaan dan segala kritik dan saran
yang bersifat membangun sangatlah disarankan. Semoga penulisan Tugas
Akhir ini bermanfaat bagi kita semua, amin.
Surakarta, Juni 2013
Penulis
commit to user
vii
perpustakaan.uns.ac.id
digilib.uns.ac.id
DAFTAR ISI
HALAMAN JUDUL .........................................................................................
i
HALAMAN LEMBAR PERSETUJUAN ........................................................
ii
HALAMAN LEMBAR PENGESAHAN ......................................................... i i i
HALAMAN PERSEMBAHAN ........................................................................ i v
HALAMAN MOTTO ........................................................................................
v
KATA PENGANTAR ......................................................................................
vi
DAFTAR ISI .................................................................................................... viii
DAFTAR GAMBAR ........................................................................................
x
BAB I PENDAHULUAN ................................................................................
1
A. Latar Belakang Masalah ....................................................................
1
B. Permasalahan .....................................................................................
3
C. Tujuan ................................................................................................
3
BAB II IDENTIFIKASI DATA ......................................................................
4
A. Data Objek ........................................................................................
4
1. Profil Green desain & printing ......................................................
4
2. Produk Green desain & printing ....................................................
5
3. Distribusi Green desain & printing ................................................
7
4. Harga Produk Green desain & printing .........................................
9
5. Promosi Green desain & printing .................................................. 10
B. Target ................................................................................................ 11
1. Target Market & Audience ............................................................ 12
C. Kompetitor .......................................................................................... 13
1. Abank Irenk .................................................................................... 13
2. Warna Ad ....................................................................................... 17
BAB III KONSEP PERANCANGAN ............................................................ 20
A. Metode Perancangan ......................................................................... 20
1. Pengumpulan data dan Informasi ................................................. 20
2. Pemilihan Software Pendukung .................................................... 20
commit
to user
3. Kompatibilitas Browser
................................................................
22
viii
perpustakaan.uns.ac.id
digilib.uns.ac.id
4. Domain Name ................................................................................ 24
5. Web Hosting ................................................................................ 24
6. Positioning ..................................................................................... 25
B. Strategi Kreatif .................................................................................. 26
1. Unique Selling Prepotition (USP) ............................................... 26
2. Target Market dan Audience ......................................................... 26
C. Konsep Karya ................................................................................... 27
1. Gaya Desain Website .................................................................... 28
2. Karakteristik Visual ....................................................................... 29
3. Warna ............................................................................................ 33
4. Grafis Pengikat .............................................................................. 35
D. Konsep Perancangan ......................................................................... 36
1. Site Map ......................................................................................... 36
2. Layout Website & Navigasi ........................................................... 37
3. Media Penunjang ........................................................................... 44
BAB IV VISUALISASI KARYA ................................................................... 48
A. Desain Jadi ......................................................................................... 48
1. Website Green desain & printing ................................................... 48
2. Media Penunjang ........................................................................... 56
BAB V PENUTUP ........................................................................................... 64
1. Kesimpulan ................................................................................... 64
2. Saran ............................................................................................. 65
DAFTAR PUSTAKA
LAMPIRAN
commit to user
ix
perpustakaan.uns.ac.id
digilib.uns.ac.id
DAFTAR GAMBAR
Gambar II. 1 Undangan .....................................................................................
6
Gambar II. 2 Majalah Sekolah ...........................................................................
6
Gambar II. 3 Buku Kenangan ............................................................................
7
Gambar II. 4 Tabel Harga ..................................................................................
9
Gambar II. 5 Kartu Nama .................................................................................. 10
Gambar II. 6 Undangan ..................................................................................... 10
Gambar II. 7 Undangan ..................................................................................... 11
Gambar II. 8 Website Abank Irenk ...................................................................
14
Gambar II. 9 Website Abank Irenk ...................................................................
14
Gambar II. 10 Cover Buku Kenangan SMP N 1 Magelang .............................
15
Gambar II. 11 Cover Buku Kenangan SMA N 2 Purwokerto .......................... 15
Gambar II. 12 Website Warna Ad .................................................................... 17
Gambar II. 13 Paper Bag .................................................................................
18
Gambar II. 14 Kartu Ucapan Pernikahan ......................................................... 18
Gambar III. 1 Halaman Home pada Website .................................................... 29
Gambar III. 2 Warna yang dipakai pada Website ............................................. 34
Gambar III. 3 Grafis pengikat pada Website .................................................... 35
Gambar III. 4 Site Map pada Website ..............................................................
36
Gambar III. 5 Layout Home pada Website .......................................................
38
Gambar III. 6 Layout Profile pada Website .....................................................
39
Gambar III. 7 Layout Portofolio pada Website ................................................
40
Gambar III. 8 Layout Produk pada Website .....................................................
41
Gambar III. 9 Layout Contact pada Website ....................................................
42
Gambar IV. 1 Desain halaman Home pada Website ........................................
48
Gambar IV. 2 Desain halaman Portofolio pada Websit ...................................
49
Gambar IV. 3 Desain halaman Profile pada Website ......................................
50
Gambar IV. 4 Desain halaman Produk pada Website ......................................
commitHorisontal
to user pada Website ..................
Gambar IV. 5 Desain halaman Preview
51
x
52
perpustakaan.uns.ac.id
digilib.uns.ac.id
Gambar IV. 6 Desain halaman Preview Vertical pada Website .......................
53
Gambar IV. 7 Desain halaman Contact pada Website .....................................
54
Gambar IV. 8 Desain halaman Peta pada Website ...........................................
55
Gambar IV. 9 Desain Map ..............................................................................
56
Gambar IV. 10 Desain Kartu Nama ................................................................
57
Gambar IV. 11 Desain Map ............................................................................
58
Gambar IV. 12 Desain Cover Cd ....................................................................
59
Gambar IV. 13 Desain Amplop ......................................................................
60
Gambar IV. 14 Desain Brosur Depan ............................................................
62
Gambar IV. 15 Desain Brosur Belakang ........................................................
63
commit to user
xi
digilib.uns.ac.id
PENG
GANTAR
R KARY
YA TUGA
AS AKH
HIR
PE
ERANCA
ANGAN WEBSIITE SEB
BAGAI M
MEDIA
P
PROMO
OSI GRE
EEN DE
ESAIN & PRINT
TING
Diaju
ukan Sebaggai Persyarratan Untuk
k Menempu
uh Ujian T
Tugas Akhirr
Guna Mencapai
M
G
Gelar
Ahli Madya Prrogram Stu
udi
D
Diploma
IIII Desain Komunikasi
K
Visual
Disusun Oleh
O
:
TRI FATONO
081
C95100
PRO
OGRAM STUDI
S
D DESAIN KOMU
D3
UNIKASII VISUAL
L
FAK
KULTAS SASTRA
S
A DAN SE
ENI RUPA
A
UN
NIVERSIITAS SEB
BELAS MARET
M
S
SURAKA
ARTA
2013
3
commit to user
i
perpustakaan.uns.ac.id
digilib.uns.ac.id
commit to user
LEMBAR PERSETUJUAN
ii
perpustakaan.uns.ac.id
digilib.uns.ac.id
commit to user
LEMBAR PENGESAHAN
iii
perpustakaan.uns.ac.id
digilib.uns.ac.id
PERSEMBAHAN
Karya ini penulis persembahkan untuk :
Kedua Orang tuaku tercinta yang telah memberikan doa, harapan, kepercayaan,
restu serta kasih sayang
commit to user
iv
perpustakaan.uns.ac.id
digilib.uns.ac.id
MOTTO
Yakin Kehidupan Pasti Berputar
commit to user
v
perpustakaan.uns.ac.id
digilib.uns.ac.id
KATA PENGANTAR
Puji syukur saya panjatkan kehadirat Allah SWT yang telah memberikan
nikmat iman, nikmat ilmu, dan nikmat islam sehingga Tugas Akhir ini dapt
diselesaikan dengan judul Perancangan Website Sebagai Media Promosi
Green desain & printing. Adapun Tugas Akhir ini disusun guna mencapai gelar
Ahli Madya Diploma III program studi D3 Desain Komunikasi Visual Fakultas
Sastra dan Seni Rupa Universitas Sebelas Maret Surakarta.
Tugas Akhir tersebut dapat diselesaikan dengan baik dan lancar yang
tidak terlepas dari bantuan spiritual maupun material dari semua pihak baik dari
lingkungan keluarga, lingkup kampus Universita Sebelas Maret maupun dari
sang kekasih serta para sahabat. Maka ungkapan rasa terima kasih serta segala
penghargaan yang pantas untuk disampaikan kepada :
1. Allah SWT yang telah memberikan nikmat dan karuniaNya sehingga penulis
dapat menyelesaikan Tugas Akhir ini.
2. Drs. Riyadi Santosa, M.Ed, Ph.D Selaku Dekan Fakultas Satra dan Seni
Rupa Universitas Sebelas Maret Surakarta.
3. Drs. Ahmad Adib, M.Hum, Ph.D Selaku Ketua Jurusan D3 Desain
Komunikasi Visual Fakultas Sastra dan Seni Rupa Sebelas Maret Surakarta
4. Ercilia Rini Octavia, S.Sn selaku Pembimbing Akademik
5. Anugrah Irfan Ismail, S.Sn selaku Pembimbing Tugas Akhir I, yang selalu
meluangkan waktu, tenaga dan pikiran untuk membimbing penulis
menyelesaikan tugas akhir ini.
6. Nidyah Widyamurti, S.Sn, M. Ikom selaku Pembimbing Tugas Akhir II,
yang selalu meluangkan waktu, tenaga dan pikiran untuk membimbing
penulis menyelesaikan tugas akhir ini.
commit to user
vi
perpustakaan.uns.ac.id
digilib.uns.ac.id
Dengan segala keterbatasan dan kekurangan yang ada karena
kesempurnaan hanyalah milik Allah SWT, maka penulis menyadari bahwa
konsep Tugas Akhir ini jauh dari kesempurnaan dan segala kritik dan saran
yang bersifat membangun sangatlah disarankan. Semoga penulisan Tugas
Akhir ini bermanfaat bagi kita semua, amin.
Surakarta, Juni 2013
Penulis
commit to user
vii
perpustakaan.uns.ac.id
digilib.uns.ac.id
DAFTAR ISI
HALAMAN JUDUL .........................................................................................
i
HALAMAN LEMBAR PERSETUJUAN ........................................................
ii
HALAMAN LEMBAR PENGESAHAN ......................................................... i i i
HALAMAN PERSEMBAHAN ........................................................................ i v
HALAMAN MOTTO ........................................................................................
v
KATA PENGANTAR ......................................................................................
vi
DAFTAR ISI .................................................................................................... viii
DAFTAR GAMBAR ........................................................................................
x
BAB I PENDAHULUAN ................................................................................
1
A. Latar Belakang Masalah ....................................................................
1
B. Permasalahan .....................................................................................
3
C. Tujuan ................................................................................................
3
BAB II IDENTIFIKASI DATA ......................................................................
4
A. Data Objek ........................................................................................
4
1. Profil Green desain & printing ......................................................
4
2. Produk Green desain & printing ....................................................
5
3. Distribusi Green desain & printing ................................................
7
4. Harga Produk Green desain & printing .........................................
9
5. Promosi Green desain & printing .................................................. 10
B. Target ................................................................................................ 11
1. Target Market & Audience ............................................................ 12
C. Kompetitor .......................................................................................... 13
1. Abank Irenk .................................................................................... 13
2. Warna Ad ....................................................................................... 17
BAB III KONSEP PERANCANGAN ............................................................ 20
A. Metode Perancangan ......................................................................... 20
1. Pengumpulan data dan Informasi ................................................. 20
2. Pemilihan Software Pendukung .................................................... 20
commit
to user
3. Kompatibilitas Browser
................................................................
22
viii
perpustakaan.uns.ac.id
digilib.uns.ac.id
4. Domain Name ................................................................................ 24
5. Web Hosting ................................................................................ 24
6. Positioning ..................................................................................... 25
B. Strategi Kreatif .................................................................................. 26
1. Unique Selling Prepotition (USP) ............................................... 26
2. Target Market dan Audience ......................................................... 26
C. Konsep Karya ................................................................................... 27
1. Gaya Desain Website .................................................................... 28
2. Karakteristik Visual ....................................................................... 29
3. Warna ............................................................................................ 33
4. Grafis Pengikat .............................................................................. 35
D. Konsep Perancangan ......................................................................... 36
1. Site Map ......................................................................................... 36
2. Layout Website & Navigasi ........................................................... 37
3. Media Penunjang ........................................................................... 44
BAB IV VISUALISASI KARYA ................................................................... 48
A. Desain Jadi ......................................................................................... 48
1. Website Green desain & printing ................................................... 48
2. Media Penunjang ........................................................................... 56
BAB V PENUTUP ........................................................................................... 64
1. Kesimpulan ................................................................................... 64
2. Saran ............................................................................................. 65
DAFTAR PUSTAKA
LAMPIRAN
commit to user
ix
perpustakaan.uns.ac.id
digilib.uns.ac.id
DAFTAR GAMBAR
Gambar II. 1 Undangan .....................................................................................
6
Gambar II. 2 Majalah Sekolah ...........................................................................
6
Gambar II. 3 Buku Kenangan ............................................................................
7
Gambar II. 4 Tabel Harga ..................................................................................
9
Gambar II. 5 Kartu Nama .................................................................................. 10
Gambar II. 6 Undangan ..................................................................................... 10
Gambar II. 7 Undangan ..................................................................................... 11
Gambar II. 8 Website Abank Irenk ...................................................................
14
Gambar II. 9 Website Abank Irenk ...................................................................
14
Gambar II. 10 Cover Buku Kenangan SMP N 1 Magelang .............................
15
Gambar II. 11 Cover Buku Kenangan SMA N 2 Purwokerto .......................... 15
Gambar II. 12 Website Warna Ad .................................................................... 17
Gambar II. 13 Paper Bag .................................................................................
18
Gambar II. 14 Kartu Ucapan Pernikahan ......................................................... 18
Gambar III. 1 Halaman Home pada Website .................................................... 29
Gambar III. 2 Warna yang dipakai pada Website ............................................. 34
Gambar III. 3 Grafis pengikat pada Website .................................................... 35
Gambar III. 4 Site Map pada Website ..............................................................
36
Gambar III. 5 Layout Home pada Website .......................................................
38
Gambar III. 6 Layout Profile pada Website .....................................................
39
Gambar III. 7 Layout Portofolio pada Website ................................................
40
Gambar III. 8 Layout Produk pada Website .....................................................
41
Gambar III. 9 Layout Contact pada Website ....................................................
42
Gambar IV. 1 Desain halaman Home pada Website ........................................
48
Gambar IV. 2 Desain halaman Portofolio pada Websit ...................................
49
Gambar IV. 3 Desain halaman Profile pada Website ......................................
50
Gambar IV. 4 Desain halaman Produk pada Website ......................................
commitHorisontal
to user pada Website ..................
Gambar IV. 5 Desain halaman Preview
51
x
52
perpustakaan.uns.ac.id
digilib.uns.ac.id
Gambar IV. 6 Desain halaman Preview Vertical pada Website .......................
53
Gambar IV. 7 Desain halaman Contact pada Website .....................................
54
Gambar IV. 8 Desain halaman Peta pada Website ...........................................
55
Gambar IV. 9 Desain Map ..............................................................................
56
Gambar IV. 10 Desain Kartu Nama ................................................................
57
Gambar IV. 11 Desain Map ............................................................................
58
Gambar IV. 12 Desain Cover Cd ....................................................................
59
Gambar IV. 13 Desain Amplop ......................................................................
60
Gambar IV. 14 Desain Brosur Depan ............................................................
62
Gambar IV. 15 Desain Brosur Belakang ........................................................
63
commit to user
xi