Perancangan Web untuk Promosi Bross Handmade Win Brooch 1. HALAMAN JUDUL
perpustakaan.uns.ac.id
digilib.uns.ac.id
KONSEP TUGAS AKHIR
PERANCANGAN WEB UNTUK PROMOSI
BROSS HANDMADE WIN BROOCH
Diajukan Guna Mencapai Gelar Ahli Madya Diploma III
Program Studi Desain Komunikasi Visual
Oleh :
SHOFIA ROSANA
C9511072
PROGRAM STUDI D III DESAIN KOMUNIKASI VISUAL
FAKULTAS SENI RUPA DAN DESAIN
UNIVERSITAS SEBELAS MARET
SURAKARTA
2016
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
commit to user
ii
perpustakaan.uns.ac.id
digilib.uns.ac.id
commit to user
iii
perpustakaan.uns.ac.id
digilib.uns.ac.id
MOTTO
“Barang siapa yang Allah inginkan kebaikan padanya, maka Dia akan
memahamkannya dalam agama dan sesumgguhnya ilmu itu (diperoleh) dengan
cara belajar.”
(HR.Al-Bukhari)
commit to user
iv
perpustakaan.uns.ac.id
digilib.uns.ac.id
PERSEMBAHAN
Konsep Tugas Akhir ini penulis persembahkan untuk :
1. Ibunda tercinta yang selalu mendoakan yang terbaik untuk penulis agar menjadi
manusia yang sebaik-baiknya.
2. Ayah yang selalu bekerja keras tanpa lelah mencari nafkah dalam menjadikan
penulis manusia yang lebih baik dari hari ke hari serta berguna untuk manusia
lainnya.
3. Program Studi Diploma III Desain Komunikasi Visual, Fakultas Sastra dan
Seni Rupa, Universitas Sebelascommit
Maret Surakarta.
to user
v
perpustakaan.uns.ac.id
digilib.uns.ac.id
KATA PENGANTAR
Puji Syukur penulis panjatkan kehadirat Allah SWT atas segala berkah dan
rahmahnya yang telah diberikan kepada penulis , sehingga penulis dapat
menyelesaikan laporan Tugas Akhir , dengan judul “Perancangan Web untuk
Promosi Bross Handmade Win Brooch”.
Di dalam penulisan laporan ini penulis mendapatkan banyak sekali
motivasi serta bantuan yang penulis terima dari berbagai pihak. Maka dengan ini
penulis ingin mengucapkan terima kasih kepada :
1. Drs. Ahmad Adib, M. Hum., Ph.D. selaku Dekan Fakultas Seni Rupa dan
Desain UNS.
2. Hermansyah Muttaqin, S.Sn., M.Sn. selaku Ketua Sidang Tugas Akhir dan
Ketua Program Studi Diploma III Desain Komunikasi Visual , FSRD, UNS
yang membimbing dan banyak memberikan bantuan.
3. Subhan Yuliyanto, S.Sn. selaku Sekretaris Sidang Tugas Akhir yang banyak
menginspirasi dan membimbing penulis.
4. Esty Wulandari, S.Sos., M.Si. selaku Pembimbing Akademis dan Pembimbing
Tugas Akhir I yang banyak menginspirasi, mendukung, membantu,
membimbing penulis sehingga penulis selalu bersemangat dalam berbagai hal.
5. Arief Fajar Nursyamsu, S.Si. selaku Pembimbing Akademis dan Pembimbing
Tugas Akhir II yang telah membimbing dan banyak sekali memberikan
bantuan kepada penulis sehingga penulis semakin lebih baik dalam
menyelesaikan Karya Tugas Akhir.
6. Seluruh Dosen dan Staff Program Studi Diploma III Desain Komunikasi
Visual, Fakultas Seni Rupa dan Desain Universitas Sebelas Maret Surakarta
yang telah memberiakan pengetahuan serta membagikan pengalamannya
kepada penulis selama belajar di kampus sehingga dapat menjadi bekal bekal
bagi penulis untuk menghadapicommit
dunia kerja
kelak.
to user
vi
perpustakaan.uns.ac.id
digilib.uns.ac.id
Penulis menyadari bahwa dalam penyusunan laporan Tugas Akhir ini
masih jauh dari sempurna dan masih banyak kekurangan, hal ini dikarenakan
keterbatasan pengetahuan, kemampuan dan pengalaman yang dimiliki penulis.
Oleh karena itu saran dan kritik yang membangun dari berbagai pihak sangat
penulis harapkan. Semoga penulisan Karya Tugas Akhir ini dapat memberi
manfaat bagi pembaca dan pihak – pihak yang memerlukan.
Surakarta, 01 Juli 2016
Penulis
commit to user
vii
perpustakaan.uns.ac.id
digilib.uns.ac.id
DAFTAR ISI
HALAMAN JUDUL ............................................................................................. i
HALAMAN PERSETUJUAN ............................................................................ ii
HALAMAN PENGESAHAN ............................................................................. iii
MOTTO ............................................................................................................... iv
HALAMAN PERSEMBAHAN ............................................................................v
KATA PENGANTAR .......................................................................................... vi
DAFTAR ISI ...................................................................................................... viii
DAFTAR GAMBAR ............................................................................................ xi
BAB I
PENDAHULUAN .................................................................................1
A. Latar Belakang ....................................................................................................1
B. Rumusan Masalah ...............................................................................................2
C. Tujuan Perancangan ............................................................................................2
BAB II
IDENTIFIKASI DATA ......................................................................3
A. Data Produk .........................................................................................................3
1. Profil Perusahaan .............................................................................................3
a. Riwayat Perusahaan ....................................................................................3
b. Struktur Organisasi .....................................................................................4
c. Visi dan Misi ...............................................................................................4
2. Produk .............................................................................................................5
a. Deskripsi Produk .........................................................................................5
b. Proses Produksi...........................................................................................5
c. Model Bross ................................................................................................6
3. Kegiatan Promosi ..........................................................................................14
a. Instagram Win Brooch ..............................................................................14
b. Facebook Win Brooch ..............................................................................15
c. Twitter Win Brooch ..................................................................................16
commit to user
4. Kompetitor.....................................................................................................17
viii
perpustakaan.uns.ac.id
digilib.uns.ac.id
a. Dian Bross .................................................................................................17
b. Mutia Bross ...............................................................................................18
B. Target Market .......... .........................................................................................19
1. Geografis .......................................................................................................19
2. Demografis ....................................................................................................19
BAB III
KONSEP PERANCANGAN ...........................................................20
A. Konsep Perancangan .........................................................................................20
1. Tujuan Pembuatan Website ...........................................................................23
2. Brief Awal Perusahaan ..................................................................................24
3. Menentukan Konsep Visual ..........................................................................25
4. Menyusun Strategi Kreatif dan Strategi Visual .............................................27
5. Pemilihan Aplikasi Pendukung .....................................................................28
6. Pembuatan Website........................................................................................29
7. Domain Name. ...............................................................................................29
8. Elemen Visual ...............................................................................................30
9. Pemilihan Huruf ............................................................................................31
10. Penentuan Ukuran huruf ..............................................................................32
11. Penentuan Warna .........................................................................................33
12. Konsep Perancangan Layout Website .........................................................35
B. Media Pendukung ..............................................................................................39
1. Desain Kemasan ............................................................................................39
2. Stiker Pengiriman ..........................................................................................40
3. Poster Kalender .............................................................................................41
4. Paper bag ......................................................................................................41
5. Katalog ........................................................................................................42
C. Target Audience .................................................................................................43
1. Geografis .......................................................................................................43
2. Demografis ....................................................................................................43
3. Psikografis .....................................................................................................43
commit to user
D. Visualisasi Karya...............................................................................................
44
ix
perpustakaan.uns.ac.id
digilib.uns.ac.id
1. Desain Website Win Brooch..........................................................................44
a. Halaman Beranda ......................................................................................44
b. Halaman Tentang Kami ............................................................................45
c. Halaman Cara Order .................................................................................46
d. Halaman Gallery Produk ..........................................................................47
e. Halaman Detail Produk.............................................................................48
f. Halaman Shopping Cart ............................................................................49
g. Halaman Checkout/Informasi Pelanggan .................................................50
h. Halaman Pengiriman ................................................................................51
i. Halaman Pembayaran ...............................................................................52
j. Halaman Buat Akun .................................................................................53
k. Halaman Login..........................................................................................54
l. Halaman Kontak Kami .............................................................................55
m. Blog ........................................................................................................56
2. Desain Media Pendukung Website Win Brooch ...........................................57
a. Desain Kemasan........................................................................................58
b. Stiker Pengiriman .....................................................................................59
c. Poster kalender ..........................................................................................60
d. Paper bag..................................................................................................61
e. Katalog ......................................................................................................62
E. Anggaran Biaya Produksi ..................................................................................70
1. Rincian ........................................................................................................70
2. Total
BAB VI
........................................................................................................71
PENUTUP .........................................................................................72
DAFTAR PUSTAKA
LAMPIRAN
commit to user
x
perpustakaan.uns.ac.id
digilib.uns.ac.id
DAFTAR GAMBAR
Gambar 2.1
Peralatan Membuat Bross .................................................................5
Gambar 2.2
Tahapan Membentuk Bross ..............................................................6
Gambar 2.3
Foto Produk Batik dan Kain Hias ....................................................6
Gambar 2.4
Foto Produk Batik Coklat ................................................................7
Gambar 2.5
Foto Produk Batik Biru .................................................................7
Gambar 2.6
Foto Produk Bahan Flanel Warna Biru .........................................8
Gambar 2.7
Foto Produk Bahan Flanel Warna Kuning .......................................8
Gambar 2.8
Foto Bahan Kain dan Renda .............................................................9
Gambar 2.9
Foto Produk Bahan Renda Pink ......................................................9
Gambar 2.10 Foto Produk Promo Spesial Imlek .................................................10
Gambar 2.11 Foto Produk Promo Spesial Natal ................................................10
Gambar 2.12 Foto Produk Sifon Warna Merah ..................................................11
Gambar 2.13 Foto Produk Sifon Warna Pink......................................................11
Gambar 2.14 Foto Produk Kain Pattern Garis ...................................................12
Gambar 2.15 Foto Produk Kain Pattern Kotak ...................................................12
Gambar 2.16 Foto Produk Bross Bunga Oranye ..................................................13
Gambar 2.17 Foto Produk Bross Bunga Hijau ....................................................13
Gambar 2.18 Tampilan Instagram Win Brooch ...................................................14
Gambar 2.19 Tampilan Facebook Win Brooch ...................................................15
Gambar 2.20 Tampilan Twitter Win Brooch ......................................................16
Gambar 2.21 Tampilan Homepage Dianbross.com .............................................17
Gambar 2.22 Tampilan Homepage Mutia Bross.com ..........................................18
commit to user
xi
digilib.uns.ac.id
KONSEP TUGAS AKHIR
PERANCANGAN WEB UNTUK PROMOSI
BROSS HANDMADE WIN BROOCH
Diajukan Guna Mencapai Gelar Ahli Madya Diploma III
Program Studi Desain Komunikasi Visual
Oleh :
SHOFIA ROSANA
C9511072
PROGRAM STUDI D III DESAIN KOMUNIKASI VISUAL
FAKULTAS SENI RUPA DAN DESAIN
UNIVERSITAS SEBELAS MARET
SURAKARTA
2016
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
commit to user
ii
perpustakaan.uns.ac.id
digilib.uns.ac.id
commit to user
iii
perpustakaan.uns.ac.id
digilib.uns.ac.id
MOTTO
“Barang siapa yang Allah inginkan kebaikan padanya, maka Dia akan
memahamkannya dalam agama dan sesumgguhnya ilmu itu (diperoleh) dengan
cara belajar.”
(HR.Al-Bukhari)
commit to user
iv
perpustakaan.uns.ac.id
digilib.uns.ac.id
PERSEMBAHAN
Konsep Tugas Akhir ini penulis persembahkan untuk :
1. Ibunda tercinta yang selalu mendoakan yang terbaik untuk penulis agar menjadi
manusia yang sebaik-baiknya.
2. Ayah yang selalu bekerja keras tanpa lelah mencari nafkah dalam menjadikan
penulis manusia yang lebih baik dari hari ke hari serta berguna untuk manusia
lainnya.
3. Program Studi Diploma III Desain Komunikasi Visual, Fakultas Sastra dan
Seni Rupa, Universitas Sebelascommit
Maret Surakarta.
to user
v
perpustakaan.uns.ac.id
digilib.uns.ac.id
KATA PENGANTAR
Puji Syukur penulis panjatkan kehadirat Allah SWT atas segala berkah dan
rahmahnya yang telah diberikan kepada penulis , sehingga penulis dapat
menyelesaikan laporan Tugas Akhir , dengan judul “Perancangan Web untuk
Promosi Bross Handmade Win Brooch”.
Di dalam penulisan laporan ini penulis mendapatkan banyak sekali
motivasi serta bantuan yang penulis terima dari berbagai pihak. Maka dengan ini
penulis ingin mengucapkan terima kasih kepada :
1. Drs. Ahmad Adib, M. Hum., Ph.D. selaku Dekan Fakultas Seni Rupa dan
Desain UNS.
2. Hermansyah Muttaqin, S.Sn., M.Sn. selaku Ketua Sidang Tugas Akhir dan
Ketua Program Studi Diploma III Desain Komunikasi Visual , FSRD, UNS
yang membimbing dan banyak memberikan bantuan.
3. Subhan Yuliyanto, S.Sn. selaku Sekretaris Sidang Tugas Akhir yang banyak
menginspirasi dan membimbing penulis.
4. Esty Wulandari, S.Sos., M.Si. selaku Pembimbing Akademis dan Pembimbing
Tugas Akhir I yang banyak menginspirasi, mendukung, membantu,
membimbing penulis sehingga penulis selalu bersemangat dalam berbagai hal.
5. Arief Fajar Nursyamsu, S.Si. selaku Pembimbing Akademis dan Pembimbing
Tugas Akhir II yang telah membimbing dan banyak sekali memberikan
bantuan kepada penulis sehingga penulis semakin lebih baik dalam
menyelesaikan Karya Tugas Akhir.
6. Seluruh Dosen dan Staff Program Studi Diploma III Desain Komunikasi
Visual, Fakultas Seni Rupa dan Desain Universitas Sebelas Maret Surakarta
yang telah memberiakan pengetahuan serta membagikan pengalamannya
kepada penulis selama belajar di kampus sehingga dapat menjadi bekal bekal
bagi penulis untuk menghadapicommit
dunia kerja
kelak.
to user
vi
perpustakaan.uns.ac.id
digilib.uns.ac.id
Penulis menyadari bahwa dalam penyusunan laporan Tugas Akhir ini
masih jauh dari sempurna dan masih banyak kekurangan, hal ini dikarenakan
keterbatasan pengetahuan, kemampuan dan pengalaman yang dimiliki penulis.
Oleh karena itu saran dan kritik yang membangun dari berbagai pihak sangat
penulis harapkan. Semoga penulisan Karya Tugas Akhir ini dapat memberi
manfaat bagi pembaca dan pihak – pihak yang memerlukan.
Surakarta, 01 Juli 2016
Penulis
commit to user
vii
perpustakaan.uns.ac.id
digilib.uns.ac.id
DAFTAR ISI
HALAMAN JUDUL ............................................................................................. i
HALAMAN PERSETUJUAN ............................................................................ ii
HALAMAN PENGESAHAN ............................................................................. iii
MOTTO ............................................................................................................... iv
HALAMAN PERSEMBAHAN ............................................................................v
KATA PENGANTAR .......................................................................................... vi
DAFTAR ISI ...................................................................................................... viii
DAFTAR GAMBAR ............................................................................................ xi
BAB I
PENDAHULUAN .................................................................................1
A. Latar Belakang ....................................................................................................1
B. Rumusan Masalah ...............................................................................................2
C. Tujuan Perancangan ............................................................................................2
BAB II
IDENTIFIKASI DATA ......................................................................3
A. Data Produk .........................................................................................................3
1. Profil Perusahaan .............................................................................................3
a. Riwayat Perusahaan ....................................................................................3
b. Struktur Organisasi .....................................................................................4
c. Visi dan Misi ...............................................................................................4
2. Produk .............................................................................................................5
a. Deskripsi Produk .........................................................................................5
b. Proses Produksi...........................................................................................5
c. Model Bross ................................................................................................6
3. Kegiatan Promosi ..........................................................................................14
a. Instagram Win Brooch ..............................................................................14
b. Facebook Win Brooch ..............................................................................15
c. Twitter Win Brooch ..................................................................................16
commit to user
4. Kompetitor.....................................................................................................17
viii
perpustakaan.uns.ac.id
digilib.uns.ac.id
a. Dian Bross .................................................................................................17
b. Mutia Bross ...............................................................................................18
B. Target Market .......... .........................................................................................19
1. Geografis .......................................................................................................19
2. Demografis ....................................................................................................19
BAB III
KONSEP PERANCANGAN ...........................................................20
A. Konsep Perancangan .........................................................................................20
1. Tujuan Pembuatan Website ...........................................................................23
2. Brief Awal Perusahaan ..................................................................................24
3. Menentukan Konsep Visual ..........................................................................25
4. Menyusun Strategi Kreatif dan Strategi Visual .............................................27
5. Pemilihan Aplikasi Pendukung .....................................................................28
6. Pembuatan Website........................................................................................29
7. Domain Name. ...............................................................................................29
8. Elemen Visual ...............................................................................................30
9. Pemilihan Huruf ............................................................................................31
10. Penentuan Ukuran huruf ..............................................................................32
11. Penentuan Warna .........................................................................................33
12. Konsep Perancangan Layout Website .........................................................35
B. Media Pendukung ..............................................................................................39
1. Desain Kemasan ............................................................................................39
2. Stiker Pengiriman ..........................................................................................40
3. Poster Kalender .............................................................................................41
4. Paper bag ......................................................................................................41
5. Katalog ........................................................................................................42
C. Target Audience .................................................................................................43
1. Geografis .......................................................................................................43
2. Demografis ....................................................................................................43
3. Psikografis .....................................................................................................43
commit to user
D. Visualisasi Karya...............................................................................................
44
ix
perpustakaan.uns.ac.id
digilib.uns.ac.id
1. Desain Website Win Brooch..........................................................................44
a. Halaman Beranda ......................................................................................44
b. Halaman Tentang Kami ............................................................................45
c. Halaman Cara Order .................................................................................46
d. Halaman Gallery Produk ..........................................................................47
e. Halaman Detail Produk.............................................................................48
f. Halaman Shopping Cart ............................................................................49
g. Halaman Checkout/Informasi Pelanggan .................................................50
h. Halaman Pengiriman ................................................................................51
i. Halaman Pembayaran ...............................................................................52
j. Halaman Buat Akun .................................................................................53
k. Halaman Login..........................................................................................54
l. Halaman Kontak Kami .............................................................................55
m. Blog ........................................................................................................56
2. Desain Media Pendukung Website Win Brooch ...........................................57
a. Desain Kemasan........................................................................................58
b. Stiker Pengiriman .....................................................................................59
c. Poster kalender ..........................................................................................60
d. Paper bag..................................................................................................61
e. Katalog ......................................................................................................62
E. Anggaran Biaya Produksi ..................................................................................70
1. Rincian ........................................................................................................70
2. Total
BAB VI
........................................................................................................71
PENUTUP .........................................................................................72
DAFTAR PUSTAKA
LAMPIRAN
commit to user
x
perpustakaan.uns.ac.id
digilib.uns.ac.id
DAFTAR GAMBAR
Gambar 2.1
Peralatan Membuat Bross .................................................................5
Gambar 2.2
Tahapan Membentuk Bross ..............................................................6
Gambar 2.3
Foto Produk Batik dan Kain Hias ....................................................6
Gambar 2.4
Foto Produk Batik Coklat ................................................................7
Gambar 2.5
Foto Produk Batik Biru .................................................................7
Gambar 2.6
Foto Produk Bahan Flanel Warna Biru .........................................8
Gambar 2.7
Foto Produk Bahan Flanel Warna Kuning .......................................8
Gambar 2.8
Foto Bahan Kain dan Renda .............................................................9
Gambar 2.9
Foto Produk Bahan Renda Pink ......................................................9
Gambar 2.10 Foto Produk Promo Spesial Imlek .................................................10
Gambar 2.11 Foto Produk Promo Spesial Natal ................................................10
Gambar 2.12 Foto Produk Sifon Warna Merah ..................................................11
Gambar 2.13 Foto Produk Sifon Warna Pink......................................................11
Gambar 2.14 Foto Produk Kain Pattern Garis ...................................................12
Gambar 2.15 Foto Produk Kain Pattern Kotak ...................................................12
Gambar 2.16 Foto Produk Bross Bunga Oranye ..................................................13
Gambar 2.17 Foto Produk Bross Bunga Hijau ....................................................13
Gambar 2.18 Tampilan Instagram Win Brooch ...................................................14
Gambar 2.19 Tampilan Facebook Win Brooch ...................................................15
Gambar 2.20 Tampilan Twitter Win Brooch ......................................................16
Gambar 2.21 Tampilan Homepage Dianbross.com .............................................17
Gambar 2.22 Tampilan Homepage Mutia Bross.com ..........................................18
commit to user
xi