PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

65
perpustakaan.uns.ac.id digilib.uns.ac.id commit to user PENGANTAR KARYA TUGAS AKHIR PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI PENUNJANG VISUALISASI, PROMOSI DAN INFORMASI MELALUI MEDIA INTERNET Disusun Untuk Menempuh Ujian Tugas Akhir Guna Memenuhi Syarat Mencapai Gelar Ahli Madya Diploma 3 Desain Komunikasi Visual Fakultas Sastra dan Seni Rupa Oleh : MEGANTORO HAFID PUTRO NUGROHO C 9508045 PROGRAM STUDI D3 DESAIN KOMUNIKASI VISUAL FAKULTAS SASTRA DAN SENI RUPA UNIVERSITAS NEGERI SEBELAS MARET SURAKARTA 2011

Transcript of PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

Page 1: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

PENGANTAR KARYA TUGAS AKHIR

PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI PENUNJANG VISUALISASI,

PROMOSI DAN INFORMASI MELALUI MEDIA INTERNET

Disusun Untuk Menempuh Ujian Tugas Akhir Guna Memenuhi Syarat Mencapai Gelar Ahli Madya Diploma 3

Desain Komunikasi Visual Fakultas Sastra dan Seni Rupa

Oleh :

MEGANTORO HAFID PUTRO NUGROHO

C 9508045

PROGRAM STUDI D3 DESAIN KOMUNIKASI VISUAL FAKULTAS SASTRA DAN SENI RUPA

UNIVERSITAS NEGERI SEBELAS MARET SURAKARTA

2011

i

Page 2: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

ii

Page 3: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

iii

Page 4: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

MOTTO

”Selama masih bisa, bermimpilah setinggi-tingginya “

iv

Page 5: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

PERSEMBAHAN

Karya sederhana ini kupersembahkan kepada :

- Keluargaku tercinta - - Almamater Universitas Negeri Sebelas Maret Surakarta -

v

Page 6: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

KATA PENGANTAR

Puji syukur kepada Tuhan Yesus Kristus yang telah menyertai, memimpin

dan memberikan berkat serta pertolongan, sehingga Tugas Akhir ini dapat

diselesaikan dengan judul Tugas Akhir “ PERANCANGAN WEBSITE DISTRO

AREA 27 SOLO SEBAGAI PENUNJANG VISUALISASI, PROMOSI DAN

INFORMASI MELALUI MEDIA INTERNET”. 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 terselesaikan dengan baik dan lancar yang

tidak terlepas dari bantuan spiritual maupun material dari semua pihak baik dari

lingkungan keluarga, lingkup kampus Universitas Sebelas Maret Surakarta

maupun juga para sahabat-sahabat yang baik. Maka ungkapan rasa terima kasih

serta segala penghargaan yang pantas untuk disampaikan kepada :

1. Drs. Riyadi Santosa, M.Ed, Ph.D, selaku Dekan Fakultas Sastra dan Seni

Rupa UNS.

2. Drs. Ahmad Adib, M Hum, Ph.D selaku Ketua Program Studi D3 Desain

Komunikasi Visual.

3. Drs. M. Suharto selaku Pembimbing I Tugas Akhir

4. Rudy W. Herlambang, S.Sn., M.Sn selaku Pembimbing II Tugas Akhir

5. Seluruh Dosen dan Staff D3 Deskomvis UNS.

vi

Page 7: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

6. Area 27 Solo yang telah berjasa besar memberi informasi demi kelancaran

Tugas Akhir.

7. Keluargaku tercinta yang selalu mendukung dan memberi dorongan baik

spiritual maupun material.

8. Sahabat-sahabatku Youth Impact Solo yang selalu memberi motivasi dan

semangat dalam proses pengerjaan Karya Tugas Akhir.

9. Para sahabat D3 Deskomvis angkatan 2008 yang selalu baik dan memberikan

semangat.

Dengan segala keterbatasan dan kekurangan yang ada, maka penulis

menyadari bahwa konsep Tugas Akhir ini jauh dari kesempurnaan dan segala

kritik dan saran yang bersifat membangun sangatlah diharapkan. Semoga

penulisan Tugas Akhir ini bermanfaat bagi kita semua, amin.

Surakarta, Juli 2011

Penulis

vii

Page 8: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

DAFTAR ISI

HALAMAN JUDUL ....................................................................................... i

HALAMAN PERSETUJUAN ....................................................................... ii

HALAMAN PENGESAHAN .......................................................................... iii

HALAMAN MOTTO ...................................................................................... iv

HALAMAN PERSEMBAHAN ...................................................................... v

KATA PENGANTAR ..................................................................................... vi

DAFTAR ISI .................................................................................................... viii

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. Struktur organisasi Distro Area 27 Solo ................................... 7

2. Pembagian tugas menurut kompetensi...................................... 8

3. Visi dan Misi ............................................................................. 9

4. Promosi yang pernah dilakukan ................................................ 10

B. Target Market dan Target Audience ................................................ 11

1. Target Primer ............................................................................ 11

2. Target Sekunder ....................................................................... 11

C. Target Karya ................................................................................... 12

viii

Page 9: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

D. Kompetitor....................................................................................... 13

BAB III KONSEP PERANCANGAN ............................................................ 16

A. Konsep Karya .................................................................................. 16

B. Konsep Perancangan ....................................................................... 22

C. Standar Visual ................................................................................. 24

D. Konsep Perancangan Website.......................................................... 32

E. Media Penunjang atau Media Promosi............................................ 33

BAB IV VISUALISASI KARYA .................................................................. 39

A. Desain Jadi website Distro Area 27 Solo......................................... 39

1. Website Distro Area 27 Solo ..................................................... 39

2. Media Penunjang....................................................................... 45

BAB V PENUTUP ........................................................................................... 54

A. Kesimpulan...................................................................................... 54

B. Saran................................................................................................ 54

DAFTAR PUSTAKA

ix

Page 10: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI PENUNJANG VISUALISASI,

INFORMASI DAN PROMOSI MELALUI MEDIA INTERNET

Megantoro Hafid Putro Nugroho1

Drs. M. Suharto, M.Sn 2 Rudy W. Herlambang, S.Sn, M.Sn 3

ABSTRAK

2011. Pengantar tugas akhir ini berjudul Perancangan Website Distro Area 27 Solo Sebagai Penunjang Visualisasi, Informasi dan Promosi Melalui Media Internet. Adapun masalah yang dikaji yaitu menciptakan sebuah website yang menarik dan dinamis sehingga mampu menarik perhatian pengunjung untuk melihat isi website. Di dalam website ini terdapat beberapa tombol navigasi, yang meliputi home, product, site, gallery dan contact us. Dari lima menu tersebut berisi tentang gambar dan info yang di kombinasi dengan animasi dan backsound interaktif yang bisa mempermudah pengunjung untuk menangkap isi dari website. Target audience dari website ini khusunya anak remaja atau pemuda dan pada umumnya meluas baik untuk orang tua yang menyukai fashion. Sebagai penunjang penyampaian dari isi website maka konsep pemilihan warna desain didominasi hitam dan hijau lalu dikombinasi dengan warna merah dan abu-abu dengan sebuah acuan konsep desain bertemakan technology. Sebagai media pendukungnya yaitu : banner internet, cover cd, poster, x-banner, member card dan merchandise (sticker, t-shirt, pin dan mug) 1 Nama mahasiswa dengan NIM C 9508045 2 Dosen Pemimbing I 3 Dosen Pemimbing II

Page 11: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

BAB I PENDAHULUAN

A. Latar Belakang Masalah

Perkembangan media informasi di bidang internet dalam dunia usaha

dewasa ini mengalami perubahan yang cukup pesat dan efisien dalam

memberikan informasi. Tidak bisa dipungkiri manusia sangat membutuhkan

informasi untuk menjadi bagian dari kehidupan sekarang maupun yang akan

datang. Internet memiliki penyampaian informasi yang sangat luas, mudah, hemat

dan tepat. Bisa juga digunakan untuk kebutuhan pribadi, pekerja profesional,

instansi perusahaan, sampai masyarakat umum.

Penyebaran informasi melalui media internet tidak terlepas dari sebuah

layanan yang bernama website. Melalui website kita dapat menyampaikan

informasi, baik berbasis teks, grafik, suara, animasi, gambar bahkan dalam format

video. Website merupakan halaman berisikan informasi yang dapat dilihat apabila

komputer terkoneksi dengan internet. Penemu website adalah Sir Timothy ‘Tim’

Berners-lee, sedangkan website tersambung dengan jaringan pertama kali muncul

pada tahun 1991.

Banyak perusahaan yang saat ini menggunakan website sebagai salah satu

media penunjang informasi, komunikasi dan promosi yang bisa disebarluaskan

secara Global Internasional. Salah satunya perusahaan Distro Area 27 Solo yang

memiliki potensi untuk perusahaannya dikenal oleh berbagai lapisan masyarakat

secara luas. Karena selama berkembangnya Distro Area 27 Solo belum pernah

menggunakan website sebagai media promosi secara online, sehingga produk

1

Page 12: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

2

Distro Area 27 Solo hanya dikenal oleh masyarakat kota Solo dan sekitarnya.

Dengan keunggulan produk yang berkualitas bagus namun harga terjangkau

menjadi salah satu acuan untuk bisa bersaing secara online melalui website.

Dengan menyampaikan informasi melalui website mulai dari nama perusahaan,

lokasi usaha, cara pemesanan, contact person dan produk-produk yang dihasilkan

oleh Distro Area 27 Solo, maka melalui media internet diharapkan mampu untuk

memudahkan target market untuk memperoleh informasi yang dibutuhkan.

Dengan latar belakang tersebut penulis ingin memberikan informasi dan

media promosi dengan lebih efisien melalui pembuatan karya website untuk tugas

akhir. Website dapat sebagai media informasi sekaligus mempromosikan segala

bentuk produk perusahaan Distro Area 27 Solo.

B. Perumusan Masalah

Setelah mengetahui dan menyimpulkan latar belakang masalah, maka

didapat perumusan masalah antara lain sebagai berikut :

1. Bagaimana menciptakan website perusahaan Distro Area 27 Solo yang

menarik dan memberikan informasi yang efisien?

2. Bagaimana membuat promosi Distro Area 27 Solo melalui website?

C. Tujuan Perancangan

1. Menciptakan website perusahaan Distro Area 27 Solo yang menarik dan

memberikan informasi yang efisien.

2. Membuat promosi Distro Area 27 Solo melalui website.

Page 13: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

BAB II IDENTIFIKASI DATA

A. Data Produk

Pada awal berdirinya, Distro Area 27 Solo merupakan sebuah usaha

dagang perorangan yang kemudian berkembang menjadi sebuah toko yang

menjual pakaian dalam skala kecil. Melihat perkembangan dunia fashion di

kalangan anak muda khususnya di kota Solo, pemilik mempunyai inisiatif dan

menjadikan hal tersebut sebagai peluang utama untuk mengembangkan usahanya

menjadi sebuah Distro yang fokus pada pasar remaja/anak muda.

Distro Area 27 Solo merupakan toko pakaian dan accessories anak muda

yang didirikan pada tanggal 27 September 1999 oleh Andi Eko Prasetyo. Dengan

berjalannya waktu dan selalu mengikuti pangsa pasar sampai sekarang usaha ini

bisa dikatakan berkembang dan memiliki beberapa cabang.

Distro Area 27 telah memiliki beberapa cabang, yaitu:

1. Jalan Adi Sucipto ruko 3 lantai blok A Manahan, Solo.

2. Jalan Joko Tingkir No.6 Pajang, Kartasura.

3. Jalan Kemiri Raya Blok F, Salatiga.

4. Jalan Sukun Raya No.55a Banyumanik, Semarang.

5. Jalan Kusumawardani Raya No.8 Pleburan, Semarang.

3

Page 14: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

4

Untuk proses produksi Distro Area 27 Solo berada di jalan Purworejo

No.6 Mangkubumen, Manahan yang juga berstatus sebagai kantor. Mulai dari

bahan diambil dari Solo mengingat bahan lokal pun sudah memenuhi standar,

namun apabila stock tidak ada maka mendatangkan bahan dari Bandung.

Penjahitan, sablon serta finishing dilakukan juga dilakukan di tempat yang sama.

Untuk bahan sablon sebagian besar menggunakan rubber yang memiliki kualitas

bagus dan tahan lama. Produk dari Distro Area 27 Solo mengacu pada trend

khususnya remaja/anak muda.

Untuk tempat utama Distro Area 27 Solo berada di Jl.Adisucipto ruko 3

lantai blok A Manahan Solo. Telepon (0271)-711624. Lokasi Distro Area 27 Solo

dikatakan sangat strategis karena terletak di lingkungan sekolah dan di tengah-

tengah kota yang sebagian besar anak muda Solo sering berkunjung ke GOR

Manahan, dengan lokasinya yang berada di tepi jalan raya sehingga mudah untuk

dijangkau konsumen.

Daftar barang-barang yang dijual, antara lain:

1. Kaos

Distro Area 27 Solo menghasilkan produk original yang sangat terbatas tiap

desainnya, satu desain hanya di produksi sebanyak 12-24 kaos, dengan bahan

cotton combat. Harganya pun bervariasi mulai harga Rp. 45.000 – Rp. 80.000.

2. Kemeja panjang dan kemeja pendek

Untuk harga kemeja berkisar antara Rp. 60.000- Rp 90.000, modelnya pun

bervariasi, dengan bahan katun yang nyaman dipakai.

Page 15: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

5

3. Jaket atau Jemper

Produk ini yang paling di gemari untuk anak muda di wilayah Solo, bahan

menggunakan fleece cotton dan harga mulai Rp. 76.000 - Rp.100.000.

4. Celana

Sebagian besar menggunakan bahan jean sesuai selera anak muda dan model

bervariasi. Harga mulai Rp.90.000-Rp.150.000.

5. Sepatu dan sandal

Untuk harga sepatu mulai Rp.75.000-Rp.135.000 dan sandal mulai Rp.40.000-

Rp.75.000

6. Topi

Untuk jenis topi mulai dari harga Rp.10.000-Rp.50.000.

7. Tas

Untuk harga tas berkisar antara Rp.50.000-Rp.100.000

8. Dompet

Mulai dari harga Rp.10.000-Rp.50.000

9. Accessories

Harga sangat bervariasi, untuk jenis accessories meliputi anting, gelang,

kalung, dan lain-lain

Page 16: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

6

Berikut adalah merk supplier yang bekerja sama dengan Area 27 :

1. Wrockstyle : Produk dari Bandung

2. Trapin : Produk dari Semarang

3. Endkills : Produk dari Solo

4. Virus : Produk dari Bandung

5. DC : Produk dari Solo

Untuk supplier atau dikenal dengan penitipan barang ada dua sistem yaitu :

1. Consiensi, yaitu :

Apabila barang laku dijual maka pihak Distro Area 27 Solo mendapatkan

prosentase laba 20%-30%.

2. Bayar putus, yaitu :

Membayar dimuka barang dari pihak supplier.

Page 17: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

7

1. Struktur Organisasi Area 27 Solo

Untuk bagan struktur organisasi Distro Area 27 Solo adalah sebagai

berikut :

Administrator

Manager

Supervisor

Kasir

Tim Kreatif

Pemilik

Page 18: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

8

2. Pembagian tugas menurut kompetensi

Adapun fungsi dan tugas masing-masing bagian adalah:

a. Pemilik atau Leader

Pimpinan Distro Area 27 Solo adalah pemilik Distro, yang mempunyai

tugas dan wewenang antara lain:

1) Bertanggung jawab penuh atas Distro.

2) Memahami kondisi karyawan.

3) Memiliki visi dan misi Distro.

4) Mengambil keputusan intern dan ekstern Distro.

5) Membuat, mencari dan memilih gagasan baru.

b. Administrator

Administrator adalah membantu pemilik dalam menyelesaikan urusan

pengelolaan pembelian barang dan merekap keuangan pada Distro.

c. Manager

Manager mempunyai tugas dan wewenang antara lain:

1) Menyusun perencanaan.

2) Mengorganisasikan, mengarahkan dan mengkoordinasikan

kegiatan.

3) Melaksanakan pengawasan.

4) Melakukan evaluasi terhadap kegiatan.

5) Menentukan kebijaksanaan.

6) Mengadakan rapat dan mengambil keputusan.

7) Mengatur proses penjualan.

Page 19: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

9

d. Tim kreatif

Tim kreatif mempunyai tugas dan wewenang antara lain:

1) Melakukan penataan layout display barang.

2) Menentukan barang yang lagi trend di kalangan anak muda.

3) Membuat desain original untuk produk Distro Area 27.

Untuk software yang digunakan menggunakan Adobe

Ilustrator, Adobe Photoshop, dan CorelDraw.

e. Supervisor

Supervisor adalah melakukan pengecekan dan pengawasan proses jual

beli barang.

f. Kasir

Kasir adalah membantu pemilik dalam menyelesaikan urusan

pengelolaan penjualan produk pada Distro.

3. Visi dan Misi

Adapun Visi dan Misi Distro Area 27 Solo yaitu sebagai berikut :

Visi

1. Membuka sebuah lapangan pekerjaan baru guna mengurangi

pengangguran.

2. Menjadi tolak ukur perkembangan mode di kota Solo

3. Menjadi pusat fashion anak muda kota Solo.

Misi

1. Menyatukan anak – anak muda yang kreatif dan mampu berkreatif

dalam menciptakan produk.

2. Menyediakan segala kebutuhan lokal clothing berkualitas, up to date

dengan harga yang terjangkau.

Page 20: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

10

3. Memberikan pelayanan terbaik untuk customer dengan ramah, cepat

dan professional.

4. Menjalin kerjasama dengan prinsip kepercayaan dan saling

menguntungkan dengan supplier.

5. Mengoptimalkan penjualan sehingga menghasilkan keuntungan

bagi pemilik.

6. Melakukan ekspansi usaha keluar kota Solo, sehingga terdapat

cabang di beberapa kota di Jawa Tengah.

4. Promosi yang pernah dilakukan

Menjadi sponsor event, iklan radio, pembagian brosur, poster, pembagian

sticker setiap pembelian produk Distro Area 27 Solo, pemberian diskon untuk

bulan tertentu, dan jaringan pertemanan seperti facebook.

Page 21: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

11

B. Target Market dan Target Audience

Target market dan target audience yang dituju oleh Distro Area 27 Solo

adalah :

1. Primer

a. Geografis

Remaja atau anak muda baik laki-laki maupun perempuan yang

berdomisili di wilayah Solo dan sekitarnya.

b. Demografi

1) Usia : 15-30 tahun

2) Jenis kelamin : Laki-laki dan perempuan

3) Agama : Semua Agama

4) Pendidikan : Untuk semua kalangan pendidikan

5) Pekerjaan : Semua pekerjaan

6) Status Sosial : Menengah s/d menegah ke atas

c. Psikografi

Remaja antau anak muda yang membutuhkan pakaian terkhusus untuk

dunia fashion.

2. Sekunder

Seluruh lapisan masyarakat, baik laki-laki maupun wanita yang berdomisili di

wilayah Solo dan sekitarnya. Sedangkan segmentasi pasar yang diraih dalam

kegiatan promosi ini, sebagai berikut :

Page 22: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

12

a. Geografis

Remaja atau anak muda baik laki-laki maupun perempuan di seluruh

Indonesia.

b. Demografi

1) Usia : 20-40 tahun

2) Jenis kelamin : Laki-laki dan perempuan

3) Agama : Semua Agama

4) Pendidikan : Untuk semua kalangan pendidikan

5) Pekerjaan : Semua pekerjaan

c. Psikografi

Remaja atau anak muda yang mengikuti trend.

C. Target Karya

Untuk perancangan promosi Area 27 Solo yang dipilih adalah sebagai

berikut :

1. Media utamanya adalah Website Area 27 Solo

2. Media penunjang:

a. Marchandise

1) Sticker

2) T- Shirt

3) Pin

4) Mug

Page 23: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

13

b. CD Katalog produk

c. Poster

d. Member Card

e. X-banner

f. Banner Internet

D. Kompetitor

1.

Rown Division merupakan Distro yang dulunya hanya perusahaan clothing

yang hanya memproduksi clothing merek mereka saja tetapi mampu berkembang

menjadi Distro yang cukup terkenal di kota Solo. Lokasi Distro Rown Division

berada di wilayah yang cukup strategis yakni di Jl. Adisucipto no.1 Manahan,

Solo, yang memang ramai dan padat lalu lintasnya.

Produk Rown Division mengacu pada tren dikalangan anak muda. Mereka tidak

hanya menjual produk seperti kaos saja tetapi mereka sudah memproduksi banyak

barang yakni kemeja, kaos berkerah, jaket, celana baik pendek maupun panjang,

tas, sepatu, sampai asesoris gelang, kacamata dll. Produk dari Rown Division

sendiri banyak yang sudah di pasarkan di Distro kota-kota besar wilayah

Indonesia. Seperti Makasar, Banjarmasin, Semarang, Salatiga, Jogjakarta, Solo,

Jepara dan Malang.

Jenis produk :

1. Kaos : Rp. 65.000 – Rp. 240.000 ( merek original Rown )

2. Celana : Rp. 150.000 – Rp. 260.000 ( merek original Rown )

Page 24: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

14

3. Jaket : Rp. 180.000 – Rp. 320.000 ( merek original Rown )

4. Tas : Rp. 150.000 – Rp. 320.000 ( merek original Rown )

5. Asesoris lain : Rp. 40.000 – Rp. 90.000 ( merek original Rown )

Kelebihan

1. Banyak produk yang bisa menjadi pilihan atau alternatif konsumen

khususnya anak muda untuk memilih barang seperti apa yang

mereka akan beli. Banyak pilihan desain yang bisa dipilih juga

sesuai dengan selera mereka, karena tidak hanya terbatas pada

desain tertentu.

2. Produk telah dipasarkan secara luas di wilayah kota besar di

Indonesia.

Kekurangan

1. Stok terhadap barang cepat habis. Itu dapat membuat produk yang

dicari konsumen jadi terbatas.

2. Harga terlalu tinggi untuk wilayah Solo.

Foto dari Rown Division :

Page 25: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

15

2. Tomcat

Tomcat berdiri sejak tahun 2006. Awalnya merupakan sebuah Distro yang

hanya menjual clothing dari perusahaan lain. Banyak merek yang mereka jual

antara lain Oink, Pinkle Winkle, Starcross, Wadezig, Rown Division, Couster

Cattle, Badger, dan lain-lain.

Distro ini teletak di jalan Teuku Umar no. 45 Solo. Seiring perkembangan

trend terkhusus di wilayah Solo maka Distro Tomcat mulai memproduksi pakaian

dengan merek mereka sendiri.

Kelebihan

1. Banyak produk yang bisa menjadi pilihan atau alternatif konsumen

khususnya anak muda untuk memilih merek yang mereka akan beli.

2. Banyak produk dari clothing maker lain, sehingga memberikan banyak

alternatif desain.

Kekurangan

1. Clothing mereka menjadi kurang dikenal karena lebih dominan merek

lain daripada merek mereka sendiri.

2. Banyaknya produk merek lain yang dijual menjadikan stok terhadap

barang merek tertentu cepat habis.

3. Harga relatif mahal untuk wilayah Solo dan sekitarnya.

Foto dari Tomcat :

Page 26: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

BAB III KONSEP PERANCANGAN

A. Konsep Karya

1. Konsep karya

Pada tahap awal pembuatan website Distro Area 27 Solo, langkah pertama

yang perlu dilakukan yaitu menentukan rancangan website supaya pada saat

dipublikasikan nanti akan sesuai dengan tujuan dan sasaran pengunjungnya

(target market). Berikut adalah langkah–langkah untuk merancang sebuah

website, yaitu:

a. Pengumpulan Data dan Informasi

Merupakan sebuah elemen pokok yang diperlukan untuk membuat sebuah

website. Dan juga merupakan salah satu unsur diantara sekian banyak

alasan yang membuat seseorang mengunjungi sebuah website untuk

mencari isi dan informasi yang terdapat didalamnya. Sebagai penunjang

kelengkapan isi dari website Distro Area 27 Solo maka dilakukan

pengumpulan data mulai dari keberadaan Distro Area 27 Solo sampai

dengan segala bentuk produk yang dihasilkan Distro Area 27 Solo

sebagai promosi perusahaan. Dari informasi tersebut data diolah menjadi

content ke dalam website baik berupa citra atau gambar maupun teks.

b. Pemilihan Aplikasi Perangkat Lunak (Software) Pendukung

Para perancang website atau yang disebut web developer dalam

pembuatan website memerlukan perangkat lunak yang mendukung

sekaligus mempermudah pekerjaan mereka. Dengan menentukan

16

Page 27: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

17

perangkat lunak yang tepat maka pengerjaan sebuah website akan berjalan

dengan efisien dan sesuai dengan hasil yang diharapkan. Berikut ini

adalah aplikasi software yang akan digunakan dalam pembuatan website

Distro Area 27 Solo :

1) Aplikasi Editor Web

Pada awalnya para web developer menggunakan tool-tool yang sangat

sederhana dalam pembuatan website, cukup menggunakan aplikasi

notepad yang mengharuskan mereka untuk menguasai kode HTML.

Seiring dengan perkembangannya desain web maka dibuatlah sebuah

perangkat lunak yang mempermudah penulisan kode-kode HTML atau

Hiper Text Markup Language yang berbasis WYSIWYG atau What

You See is What You Get - apa yang anda lihat adalah apa yang anda

dapatkan. Salah satunya adalah Macromedia Dreamweaver 8. Aplikasi

ini dipilih karena kemudahan, kelengkapan fitur dan integrasinya

dengan berbagai aplikasi seperti Macromedia Flash, Java Script dan

PHP.

2) Pengolah Image Vector Based

Gambar berbasis vector umumnya mempunyai ukuran yang relatif

kecil, dikarenakan informasi yang harus disimpan hanyalah atribut-

atribut seperti informasi mengenai bentuk, ukuran, warna dan outline

(ilustrasi). Salah satu program berbasis Vector Based adalah

CorelDRAW X3. CorelDRAW X3 dipilih daripada program lainya

karena kemudahan penggunaanya yang mudah serta fasilitasnya yang

Page 28: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

18

lengkap. CorelDRAW memiliki kemampuan yang baik dalam

mengexpor file ke berbagai macam format gambar seperti JPEG,

TIFF, GIF, PNG dan juga vector seperti AI dan SWF.

3) Aplikasi Desain Pixel Based

Grafis berbasis pixel umumnya mempunyai ukuran penyimpan yang

cukup besar dibanding gambar dengan format vector, tergantung dari

berapa besar resolusi gambar, apabila mengalami perbesaran melebihi

kapasitasnya gambar berbasis pixel akan pecah. Untuk pengeditan

gambar atau foto digunakan software Adobe Photoshop CS2.

Keunggulan yang dimiliki software ini adalah kemampuannya yang

baik dalam mengkompres ukuran gambar yang akan digunakan dalam

web. Format yang digunakan dalam Gambar pixel based adalah JPEG,

PNG dan GIF.

4) Software Animasi

Animasi sudah menjadi elemen yang penting dalam mendukung

visualisasi halaman website, dengan adanya gambar gerak atau animasi

maka akan menarik dan memukau perhatian pengunjung pada suatu

website. Software animasi yang paling popular saat ini adalah Adobe

Flash Profesional CS3 yang merupakan software gratis berbasis

vector.

Page 29: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

19

c. Kompatibilitas Browser

Dalam membuat situs web jenis web browser yang akan digunakan

pengakses harus juga diperhatikan karena setiap jenis browser yang

dipakai belum tentu sama dengan browser web yang kita gunakan dalam

menguji sebuah website. Ada banyak sekali browser yang saat ini bias

digunakan pengakses internet :

1) Internet Explorer

Web Browser produk Microsoft dan terintegrasi dengan windows dan

masih menguasai pasar browser web dengan jumlah pengguna

terbanyak di dunia.

2) Mozilla

Browser web yang melanjutkan semangat Netscape Navigator, dan

untuk saat ini dianggap yang terbaik memenuhi kriteria di atas.

Web browser yang dikeluarkan oleh Mozilla saat ini mendapat

perhatian luas dengan alasan :

a) Lebih mengikuti standar yang dikeluarkan World Wide Web

Consurtium (W3C)

b) Lebih aman terhadap gangguan yang dating lewat halaman web

seperti spyware dan adware

c) Lebih flexibel pemakaian tab yang lebih memudahkan pengguna

karena dalam satu jendela dapat dibuka beberapa halaman web.

Page 30: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

20

3) Mozilla Firefox

Produk turunan Mozilla yang telah dikurangi fitur-fiturnya sehingga

hanya dapat digunakan untuk browsing. Berukuran lebih ringkas

sehingga lebih cepat dan user friendly dengan disediakannya tab-tab.

4) Opera

Browser ini disediakan secara gratis untuk versi Adware atau banner

iklan yang diletakan disudut kiri atas browsernya dan harus membayar

dengan jumlah tertentu untuk menghilangkannya. Sangat memanjakan

penggunanya dengan tampilannya yang menarik.

5) Google Crome

Web browser yang disediakan oleh google, dengan tampilan yang

sederhana dan memudahkan pengguna dengan pemakaian tab pada

software ini.

Sebuah website harus mampu tampil sempurna apabila di akses sebanyak

mungkin oleh browser seperti yang disebutkan di atas. Website sebelum di

upload ke dalam hosting harus dilakukan uji coba agar halaman- halaman

web mereka sesuai jika digunakan dalam browser yang berbeda.

d. Penggunaan Pemrograman Interaktif yang sesuai

PHP adalah bahasa scripting yang menyatu dengan HTML atau Hiper Text

Markup Language dan dijalankan pada server side artinya semua sintak

yang diberikan akan sepenuhnya dijalankan pada server, sedangkan yang

dikirimkan ke browser hanyalah hasilnya saja. Karena bekerja melalui

server side maka untuk mengetes halaman web yang memiliki script-script

Page 31: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

21

PHP seperti buku tamu dan polling diperlukan software khusus yakni PHP

Triad. PHP Triad merupakan software installer PHP instant yang berjalan

pada lingkungan Windows, di dalamnya sekaligus terdapat Apache web

server dan MySQL sebagai pembuat data base. PHP Triad bersifat gratis

(free software).

e. Penamaan Domain dan Penentuan Tempat Web Hosting

Distro Area 27 Solo telah memiliki nama domain sendiri dengan alamat

www.area27.com meskipun demikian Distro Area 27 Solo belum

melakukan pendaftaran ulang domain .id kepada Depkominfo. Agar

website tetap dapat dipublikasikan maka harus mendaftarkan nama domain

dengan nama yang tentunya sesuai dengan isi dari situs web. Nama yang

diambil adalah www.area27.com Karena website ini nantinya akan

dipergunakan untuk memberikan informasi dan mempromosikan

mengenai produk apa saja yang ditawarkan oleh Distro Area 27 Solo

kepada pengunjung website ini. Web hosting adalah layanan penyediaan

tempat website. Pemilihan web hosting sendiri didasarkan pada :

1) Ukuran ruang yang tersedia untuk setiap produk layanan.

2) Kualitas koneksi dari server web keluar.

3) Ukuran paket yang tersedia (dalam satuan GB per bulan)

4) Fasilitas pemrograman untuk aplikasi web di sisi server.

5) Fasilitas tambahan yang mendukung, seperti File Transfer Protocol

(FTP), e-mail, atau data base.

Page 32: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

22

B. Konsep Perancangan

Promosi didefinisikan sebagai keseluruhan upaya yang dimulai pihak

penjual untuk membangun berbagai saluran informasi dan persuasi untuk menjual

barang atau jasa dengan memperkenalkan suatu ide atau gagasan. Dewasa ini

jumlah media masa sudah semakin banyak digunakan untuk berpromosi sehingga

diperlukan suatu pengetahuan yang baru dan memadai bagi pemasaran produk.

Perencana media dapat menyampaikan pesan promosi secara efektif dan efisien

melalui internet. Periklanan seringkali menjadi kegiatan menghambur-hamburkan

uang karena tidak bisa menghasilkan penjualan produk yang memadai, untuk itu

agar dapat menghasilkan penjualan yang memadai maka sebuah Distro

memerlukan sebuah konsep.

Konsep berfungsi sebagai pedoman dan acuan dalam pembuatan sebuah

karya desain, dengan adanya konsep tersebut maka gagasan yang ingin

disampaikan melalui karya desain tersebut dapat dengan mudah ditangkap dan

dimengerti maksud dan tujuannya oleh target market. Konsep ataupun gagasan

dari sebuah desain, termasuk juga desain web dapat dilihat gaya desain dan

karakteristik visualnya.

1. Gaya Desain

Sesuai dengan sasaran target market anak muda yang sangat erat hubungannya

dengan perkembangan jaman dan tekhnologi. Salah satu kepribadian anak

muda yang menyukai warna gelap dan terkesan dinamis serta tampil lebih

inovatif. Maka gaya desain web yang digunakan adalah gaya desain yang

memiliki citra technologi yang didominasi warna gelap dan juga didukung

Page 33: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

23

dengan warna kontras lain yang mencerminkan sebuah perusahaan clothing

yang yang bersifat inovatif, berkarakter, berani tampil beda sebagai pelopor,

elegan, tegas, dan mengandung nilai saing yang tinggi. Dalam hal ini penulis

menggunakan beberapa ilustrasi, dan penulis ingin menonjolkan logo

perusahaan sebagai brand dan beberapa tombol-tombol yang unik. Penulis

menampilkan desain yang dinamis dan sederhana tapi telihat unik dan tampil

beda dengan menonjolkan beberapa visualisasi gambar gerak yang mengacu

pada technologi.

2. Karakteristik Visual

Untuk menampilkan desain gaya anak muda dibutuhkan kesesuaian antara

penggunaan ilustrasi, tipografi dan warna. Desain dibuat exlusive dan dinamis,

tidak terlalu berlebihan dalam penggunaan warna namun terlihat elegan, oleh

sebab itu penulis harus berhati-hati dalam memilih elemen desain yang akan

digunakan sehingga sesuai dengan konsep kreatif yang telah dibuat.

Page 34: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

24

C . Standar Visual

1. Ilustrasi

Ilustrasi merupakan bentuk dari penggambaran visual yang menyertai

teks. Demikian juga gambar dan tulisan yang mempunyai pembahasan atau

tema yang menjelaskan tulisan dari sebuah menuscrip atau dalam buku yang

dicetak. Ilustrasi memiliki makna menghias dan memperlengkapi sebagai

elemen dekorasi. Kesimpulan yang dapat diambil dari pernyataan tersebut

adalah ilustrasi merupakan penggambaran yang menyertai teks atau body copy

yang mana bersifat membahas suatu tema yang sama dari apa yang dimaksud

pada pesan dari headline.

Suatu rancangan ilustrasi yang tepat dapat berjalan lebih efektif

dibandingkan dengan penyampaian suatu gagasan yang pengungkapannya

dilakukan secara verbal. Pada website Distro Area 27 Solo yang digunakan

sebagai pendukung media informasi yaitu berupa logo, ilustrasi fashion, juga

katalog produk yang dijual oleh Distro Area 27 Solo, serta elemen-elemen

artistic lain. Termasuk seperti icon maupun simbol-simbol navigasi.

2. Logograph

Logograph merupakan logo yang melibatkan symbol ataupun gambar.

Logo yang berhasil adalah logo yang bisa menciptakan suatu kesan

(memorable) dengan segera dan menarik untuk dilihat.

Demikian untuk penempatan logograph dalam sebuah desain tidak

seluruhnya harus menonjol dalam periklanan. Karena untuk kegiatan promosi

logo tersebut harus komunikatif, impresif, serta memiliki ciri khas agar mudah

Page 35: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

25

diingat. Karakteristik suatu logograph haruslah tidak mengandung konotasi

yang kurang menyenangkan, namun harus mampu ditempatkan dalam media

apapun baik media cetak, website, maupun logam. Maka untuk itu penulis

merasa logo lama Distro Area 27 Solo sudah tepat dan kuat sesuai konsep

pembuatan logo itu sendiri.

a. Konsep Logo

Dalam konsep logo Distro Area 27 Solo menggunakan konsep yang

sederhana yang merakyat, karena yang diharapkan oleh perusahaan itu

sendiri logo tersebut bisa mewakili produk yang ditawarkan oleh Distro

Area 27 Solo, yaitu produk yang harganya terjangkau namun memiliki

kualitas yang bagus. Dalam logo tersebut tampak sederhana namun enak

dilihat atau eye catching. Dengan bentuk lingkaran solid yang

melambangkan tekad yang bulat dan huruf A yang di modifikasi dengan

bentuk bintang melambangkan ciri khas Distro Area 27 yang berharap akan

menjadi bintang dan sesuatu yang berbeda dengan Distro yang lainnya.

Page 36: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

26

a. Logo

b. Graphic Standar Manual

1) CONFIGURATION

2) TYPOGRAPHY

Stencilia-A 24 pt

Page 37: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

27

3) COLOR GUIDE

4) GRIDE

5) SCALE

Page 38: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

28

3. Tipografi

Tipografi berkaitan dengan penggunaan teks dalam desain termasuk juga

pemilihan font serta ukuran yang sesuai dengan gaya desain dan karakteristik

visual yang telah dibuat.

a. Pemilihan Huruf

Huruf mempunyai banyak jenis, masing-masing jenis tersebut diklasifikasikan

dan biasa disebut type face, karena huruf yang dipilih akan digunakan untuk

kepentingan web publishing dan bukan untuk digunakan dalam teks cetak

maka jenis huruf yang digunakan adalah huruf dengan kategori sans serif.

Pengubahan ukuran dan ketebalan huruf menjadi lebih fleksibel. Salah satu

contoh dari huruf yang termasuk kategori sans serif adalah Arial, dan font ini

nantinya khusus digunakan sebagai penjelas informasi dalam website.

Arial

Jenis huruf sans serif ini mudah dibaca dan dimengerti, bentuknya tidak

mudah rusak keterbacaannya oleh pengolahan bentuk. Adapun contoh

hurufnya seperti terdapat di bawah ini.

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

1 2 3 4 5 6 7 8 9 0

Page 39: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

29

Sony Sketch EF

Jenis huruf dekoratif ini mudah terbaca, bentuknya terkesan techno, baik juga

untuk menarik perhatian. Adapun contoh hurufnya seperti terdapat di bawah

ini.

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

1 2 3 4 5 6 7 8 9 0

Stencilia-A

Jenis huruf dekoratif ini mirip seperti sans serif, mudah terbaca hanya saja

berbeda pada huruf yang terpotong-potong. Huruf ini dipakai untuk logo

Distro Area 27 Solo. Adapun contoh hurufnya seperti terdapat di bawah ini.

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

1 2 3 4 5 6 7 8 9 0

b. Ukuran

Ukuran besar kecilnya huruf didasarkan pada fungsi dan peletakan font-font

itu sendiri dalam headline, subheadline dan bodycopy. Headline berfungsi

sebagai penghubung ide atau gagasan sedangkan subheadline digunakan untuk

membantu menyampaikan gagasan dari konsep yang telah dibuat dan

diterangkan dengan lebih terperinci oleh body copy.

Page 40: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

30

4. Warna

Warna sangat menentukan dalam sebuah karya desain terutama karena

fungsinya dalam menyampaikan gagasan dalam sebuah desain. Peran warna

adalah mempengaruhi dan merangsang mata manusia sehingga menimbulkan

gelombang elektromagnetik yang dapat membangkitkan emosi penontonya.

Secara psikologis juga dapat menciptakan kesan yang spesifik dan asosiasi

tertentu terhadap produk. Sesuai dengan konsep Distro Area 27 Solo yang ingin

menonjolkan image anak muda yang mengikuti trend, maka untuk memperkuat

citra trend tersebut maka digunakan warna-warna yang memiliki unsur yang

sesuai dengan nuansa trend anak muda tersebut.

Untuk menonjolkan kesan dinamis dan tekhnologi, warna-warna kontras

sangat tepat untuk digunakan karena mampu memberikan nuansa stabilitas dan

juga keseimbangan. Dalam desain warna adalah hitam, hijau juga berbagai

varian warna abu-abu. Selain warna di atas juga didukung warna yang mencolok

untuk mengimbanginya dan menarik perhatian misalnya warna merah yang

berarti berani untuk suatu yang berbeda, warna hijau adalah warna pengharapan

juga melambangkan kehidupan technologi dan kesegaran. Warna yang

digunakan dalam sebuah website adalah web pallete yang berupa kode HTML.

Selain warna-warna web pallete RGB yang diterjemahkan oleh komputer

melalui web pallete juga digunakan warna-warna CMYK yang digunakan dalam

proses cetak pembuatan media pendukung promosi situs web Distro Area 27

Solo. Adapun warna yang di gunakan sebagai berikut :

Page 41: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

31

Adapun alasan pemilihan warna yang di gunakan sebagai berikut,

Hitam : Melambangkan kehidupan yang terhenti dan memberi kesan

kehampaan, dan kegelapan. Hitam melambangkan emosi dan sifat

tertutup ataupun rahasia dalam diri kita.

Merah : Melambangkan jiwa anak muda berani tampil beda dengan yang

lain. Warna ini mempunyai pengaruh produktivitas, perjuangan,

persaingan, keberanian, dan melambangkan marah atau keganasan.

Hijau : Warna ini mempunyai sifat meningkatkan rasa bangga, hijau

memberi kesan technologi yang berkesinambungan dengan

kesuburan lingkungan hidup dan kenyamanan hati serta penuh

pengharapan.

Abu-Abu : Melambangkan adanya penetralisir, ketabahan, mempunyai

kepribadian yang tenang dan berkuasa.

Page 42: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

32

D. Konsep Perancangan website

1. Navigasi website

Navigasi situs web berfungsi sebagai site map atau peta situs yang akan

memberikan gambaran representatif visual dari struktur sebuah situs web.

Homepage sebuah website akan selalu diatas sebuah peta situs, dibawahnya

terdapat file-file yang merupakan link-link dari homepage tersebut. Dengan

adanya site map pembuat situs dapat menghilangkan, menambah, dan

mengubah link-linknya sedangkan bagi pengunjung, keberadaan site map

tersebut akan mempermudah dalam mengakses sebuah website.

2. Web layout

Layout website sangat bebas dan tidak terdapat acuan baku dalam

pembuatannya. Layout sebuah website dibuat dengan kreatifitas ide dan

keunikan tersendiri. Meskipun demikian dengan berbagai macam layout,

sebuah website harus tetap memperhatikan useability dan navigasi yang

efisien. Tampilan website terdiri dari head dan body.

a. Head

Head pada website Distro Area 27 Solo berisikan logo perusahaan dan

slogan dengan menggunakan ilustrasi dari konsep technologi.

b. Body

Secara mudah body dapat didefinisikan sebagai isi dari website. Bagian

ini merupakan penjelasan dari head. Pada website Distro Area 27 Solo

akan berisikan body copy yang berisi tentang serangkaian produk yang

Page 43: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

33

ditawarkan dan beberapa informasi penting Distro Area 27 Solo beserta

ilustrasi fashion.

E. Media Penunjang (media promosi)

Promosi situs website Distro Area 27 Solo masih memerlukan media

pendukung secara offline. Media ini akan menyampaikan keberadaan website

Distro Area 27 Solo kepada masyarakat yang belum mengetahui bahwa Distro

Area 27 Solo telah memiliki website, juga kepada masyarakat yang masih awam

dengan akses internet. Untuk itu diperlukan media yang dapat menjangkau

masyarakat yang menjadi target market ataupun target audience Distro Area 27

Solo. Penggunaan media pendukung ini didasarkan pada tiga faktor berikut :

1. Efektifitas media dalam menyampaikan iklan.

2. Biaya masing-masing media.

3. Kebiasaan orang yang menjadi sasaran media

Dengan kesimpulan tersebut maka diputuskan media pendukung yang

sesuai atau mendekati poin-poin di atas. Media-media tersebut antara lain :

1. Merchandise

a. Sticker

1) Alasan pemilihan :

Stiker merupakan souvenir yang cukup tahan lama dan merupakan

media yang relatif disukai masyarakat dan dapat ditempatkan dimana saja.

Sehingga para konsumen menjadi termotifasi dan akhirnya tertarik untuk

mengunjungi Distro Area 27 Solo

Page 44: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

34

2) Konsep Desain :

Lebih menonjolkan kekuatan logograph Distro Area 27 Solo beserta

alamat website.

3) Media Placement :

Stiker diberikan sebagai souvenir yang akan dibagikan secara gratis

kepada pengunjung setelah membeli produk Distro Area 27 Solo.

b. T- Shirt

1) Alasan pemilihan :

Media ini adalah media pelengkap yang paling efektif dari promosi

Distro Area 27 Solo, dengan dibuatnya t-shirt ini diharapkan dapat

menambah kedekatan para konsumen dengan Distro Area 27 Solo. T-shirt

direncanakan dibuat menggunakan bahan cotton combat dengan proses

cetak saring sablon.

2) Konsep Desain :

Dalam konsep desain pembuatan t-shirt, penulis menonjolkan logo

perusahaan itu sendiri dengan sedikit tambahan visualisasi ilustrasi. Dan

alamat web Distro Area 27 Solo sendiri pada bagian belakang.

3) Media Placement :

T- Shirt ditujukan untuk bonus kepada konsumen setiap melakukan

pembelian dengan harga tertentu terhadap produk Distro Area 27 Solo.

Page 45: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

35

c. Pin

1) Alasan pemilihan :

Media ini mungkin media promosi yang paling trend saat ini. Cukup

murah dan dapat digunakan sebagai aksesoris.

2) Konsep Desain :

Dalam konsep desain pembuatan pin, penulis menggunakan logo

yang dimodivikasi sebagai ilustrasi beserta alamat web.

3) Media Placement :

Pin ditujukan untuk bonus kepada konsumen setiap melakukan

pembelian pada waktu musim promo ataupun program diskon Distro Area

27 Solo.

d. Mug

1) Alasan pemilihan:

Dengan dibuatnya media promosi menarik ini diharapkan dapat

menambah kedekatan para konsumen dengan Distro Area 27 Solo.

2) Konsep Desain:

Dalam konsep desain pembuatan mug, penulis lebih banyak

menonjolkan website Distro Area 27 Solo sendiri, nama perusahaan,

slogan dan produk yang ditawarkan dengan beberapa ilustrasi yang sesuai

konsep.

3) Media Placement:

Mug ditujukan untuk bonus kepada konsumen setiap melakukan

pembelian dengan harga tertentu terhadap produk Distro Area 27 Solo.

Page 46: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

36

2. CD Katalog produk

1) Alasan pemilihan:

Dengan dibuatnya katalog dalam bentuk CD ini diharapkan dapat

menambah kedekatan para pelanggan dalam mengenal produk Distro Area

27 Solo. CD Katalog Produk juga bisa di download di website Distro

Area27 pada link halaman produk.

2) Konsep Desain:

Dalam konsep desain pembuatan CD Katalog Produk, penulis lebih

banyak menonjolkan presentasi katalog produk yang dilengkapi dengan

kode, ukuran dan harga dengan desain cover CD yang sesuai dengan

konsep desain techhnologi beserta alamat web.

3) Media Placement:

CD Katalog Produk ditujukan sebagai bonus kepada konsumen

setiap melakukan pembelian pada waktu tertentu di setiap outlet Distro

Area 27 Solo.

2. Poster

a. Alasan Pemilihan :

Poster adalah pemberitahuan secara tertulis atau lembaran tercetak

dalam kesatuan pesan yang di tempatkan pada tempat-tempat ramai untuk

diketahui oleh khalayak umum. Poster mempunyai kemampuan untuk

menampilkan gambar visual dan warna yang menarik, dalam menarik

perhatian khalayak umum. Isi pesan lebih jelas dan dapat dipasang pada

tempat-tempat keramaian, sehingga kegunaannya lebih efektif.

Page 47: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

37

b. Konsep Desain

Terdiri dari beberapa unsur ilustrasi pendukung visualisasi.

Penggunaan warna pada tampilan visual dibuat sesuai konsep technologi.

Tampilan verbal atau tipografi menggunakan teks yang bersifat persuasive.

c. Media Placement

Pelaksanaannya dilakukan sesuai dengan fungsinya yang

menyampaikan pesan di tempat-tempat yang ramai. Dalam hal ini penulis

mencoba menempatkan poster pada setiap papan pengumuman perguruan

tinggi Solo dan di tempat-tempat yang ramai..

3. X-banner

a. Alasan pemilihan :

Sebagai media promosi yang efektif dan menarik sebagai unsur

persuasive sekaligus informasi kepada konsumen.

b. Konsep Desain :

Dalam konsep design pembuatan x-banner, penulis mengandalkan

kekuatan logo, tipografi, dan menonjolkan ilustrasi serta pemberitahuan

alamat website Distro Area 27 Solo sendiri.

c. Media Placement

Ditempatkan di depan outlet Distro Area 27 Solo.

Page 48: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

38

4. Member Card

a. Alasan Pemilihan :

Media promosi ini menarik perhatian konsumen, dengan memiliki

member card maka konsumen akan mendapatkan diskon tertentu pada setiap

pembelian produk dengan beberapa ketentuan.

b. Konsep Desain :

Menggunakan kekuatan typografi, logo perusahaan, alamat web dan

beberapa tulisan penjelasan tentang kegunaan member card. Konsep desain

tidak terlepas dari technologi.

c. Media Placement :

Diberikan kepada konsumen dengan syarat melakukan pembelian di

atas harga tertentu.

5. Banner Internet

a. Alasan Pemilihan :

Sebagai media promosi menarik yang ditempatkan dalam sebuah situs

sebagai iklan, selain unik juga eye catching. Apabila banner yang dipasang

di klik maka akan otomatis menuju server website Distro Area 27 Solo.

b. Konsep Desain:

Dalam konsep desain pembuatan banner, penulis mengandalkan

kekuatan logo, headline dan panduan menuju website.

c. Media Placement :

Di tempatkan di area iklan situs berbayar yang bisa di akses melalui

internet.

Page 49: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

BAB IV VISUALISASI KARYA

A. Desain Jadi Website Distro Area 27 Solo

1. Website Distro Area 27 Solo

a. Homepages

Width (fixed) : 820 pixels

Height : 600 pixels

Mode : Warna RGB atau web palette

Ilustrasi : Logo, ilustrasi dan artistic techno

Format : HTML

Typografi : Arial, Sony Sketch EF, Stencilia-A

Software : Adobe Photoshop Cs2, CorelDRAW X3, Macromedia

Flash 8

39

Page 50: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

40

b. Halaman Katalog Produk

Width (fixed) : 820 pixels

Height : 600 pixels

Mode : Warna RGB atau web palette

Ilustrasi : Logo, ilustrasi dan artistic techno

Format : HTML

Typografi : Arial, Sony Sketch EF, Stencilia-A

Software : Adobe Photoshop Cs2, CorelDRAW X3, Macromedia

Flash 8

Page 51: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

41

c. Halaman Site / Alamat

Width (fixed) : 820 pixels

Height : 600 pixels

Mode : Warna RGB atau web palette

Ilustrasi : Logo, ilustrasi dan artistic techno

Format : HTML

Typografi : Arial, Sony Sketch EF, Stencilia-A l

Software : Adobe Photoshop Cs2, CorelDRAW X3, Macromedia

Flash 8

Page 52: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

42

d. Halaman Gallery

Width (fixed) : 820 pixels

Height : 600 pixels

Mode : Warna RGB atau web palette

Ilustrasi : Logo, ilustrasi dan artistic techno

Format : HTML

Typografi : Arial, Sony Sketch EF, Stencilia-A

Software : Adobe Photoshop Cs2, CorelDRAW X3, Macromedia

Flash 8

Page 53: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

43

e. Halaman Pesan dan Kontak Perusahaan

Width (fixed) : 820 pixels

Height : 600 pixels

Mode : Warna RGB atau web palette

Ilustrasi : Logo, ilustrasi dan artistic techno

Format : HTML

Typografi : Arial, Sony Sketch EF, Stencilia-A

Software : Adobe Photoshop Cs2, CorelDRAW X3, Macromedia

Flash 8

Page 54: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

44

f. Lain-lain ( Halaman Map, Promo dan Produk Baru )

Page 55: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

45

2. Media Penunjang

a. Logo

Ukuran : Menyesuaikan media

Format : Horisontal

Tipografi : Stencilia-A

Visualisasi : CorelDraw X3

Teknik Pengerjaan : Menyesuaikan Media

b. Merchandise

1) Sticker

Ukuran : 6 x 6 cm

Format : Horisontal

Media : Vynil

Ilustrasi : Logo

Typografi : Stencilia-A

Warna : Merah dan Putih

Page 56: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

46

Visualisasi : CorelDraw X3

Teknik Pengerjaan : Cutting

Distribusi : Diberikan kepada setiap konsumen yang membeli

produk Distro Area 27 Solo minimal Rp. 75.000,-

2) T- shirt

Media / bahan : Cotton Combat 24s

Ukuran : All size

Warna : Hitam

Typografi : Sony Sketch EF

Visualisasi : CorelDraw X3

Teknik Pengerjaan : Cetak saring atau sablon

Distribusi : Pelanggan yang setia dan melakukan pembelian

produk minimal Rp. 300.000,-

Page 57: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

47

3) Pin

Ukuran : Diameter 5,8 cm

Format : Lingkaran

Ilustrasi : Logo

Typografi : Stencilia-A dan Sony Sketch EF

Media : Plastik

Teknik Pengerjaan : Press

Distribusi : Diberikan kepada konsumen yang melakukan

pembelian minimal Rp. 75.000,-

Page 58: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

48

4) Mug

Format : Cangkir

Ilustrasi : Logo dan ilustrasi penunjang

Typografi : Sony Sketch EF

Media : Keramik

Teknik Pengerjaan : Press

Distribusi : Diberikan kepada konsumen yang melakukan

pembelian minimal Rp. 100.000,-

.

Page 59: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

49

c. Cover CD (Katalog Produk)

Format : Penutup kepingan CD

Ilustrasi : Logo, headline dan ilustrasi penunjang

Typografi : Sony Sketch EF dan Stencilia-A

Proses : Desain Adobe Photoshop CS2, Corel Draw X3

Media : Sticker CD

Teknik Pengerjaan : Print

Distribusi : Ditujukan kepada konsumen pada waktu musim

promo sekaligus sebagai pendekatan promosi

kepada konsumen.

Page 60: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

50

d. X-Banner

Ukuran : 160 x 60 cm

Ilustrasi : Logo, fashion figure, beserta text informasi

Typografi : Sony Sketch EF dan Stencilia-A

Proses : Desain Adobe Photoshop CS2, Corel Draw X3

Penempatan : Di halaman outlet Distro Area 27 Solo.

Teknik pengerjaan : Cetak MMT dengan stand banner berdiri berbentuk X.

Page 61: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

51

e. Poster

Ukuran : 29.7 x 42.0 cm (A3)

Ilustrasi : Headline, fashion figure, logo.

Teks : Penjelasan gambar / penambah visual

Typografi : Stencilia-A dan Sony Sketch EF

Proses : Desain Adobe Photoshop CS 2

Bahan : Art paper 120 gsm

Penempatan : Luar ruang atau outdoor

Teknik pengerjaan : Cetak Offset

Page 62: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

52

f. Member Card

Ukuran : 5,5 x 9 cm

Ilustrasi : Logo dan background artistic techno

Teks : Penjelasan dan keterangan member

Typografi : Arial, Stencilia-A dan Sony Sketch EF

Proses : CorelDraw X3

Bahan : ID Card

Penempatan : Menyesuaikan

Teknik pengerjaan : Press laminasi

Page 63: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

53

g. Banner Internet

Ukuran : Menyesuaikan

Ilustrasi : Logo, artistic techno

Teks : Penjelasan promo dan link menuju website

Typografi : Sony Sketch EF dan Arial

Proses : Desain Adobe Photoshop CS2, Corel Draw X3

Penempatan : Di iklan website gratis maupun berbayar.

Page 64: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

BAB V PENUTUP

A. Kesimpulan

Persaingan dalam dunia usaha sekarang sudah semakin ketat, maka sebagai

perusahaan yang bergerak dalam creative fashion yang juga disebut Distro dalam

hal ini membutuhkan suatu promosi yang menarik, kreatif dan sebuah pemikiran

ide yang segar untuk dapat memperkenalkan perusahaan tersebut, oleh karena itu

untuk keberhasilan dalam mempromosikannya diperlukan penyesuaian,

perubahan, pengaturan kembali, dan perpaduan.

Penciptaan bentuk-bentuk visual seperti halnya website dipilih untuk

mempermudah konsumen dalam mengetahui lebih banyak tentang produk-produk

Distro Area 27 Solo. Dimana aspek visual ini dapat mempengaruhi target market

dan target audience untuk mengenal dan menyukai Distro Area 27 Solo sebagai

sebuah Distro yang berkualitas dan berkarakter.

B. Saran

Pemanfaatan media website lewat aplikasinya kedalam beberapa media

komunikasi visual diantaranya media poster dengan ditunjang juga oleh

perencanaan sistem promosi yang matang sebagai sarana komunikasi bisnis

dengan konsumen, merupakan media yang efektif guna meningkatkan

pendapatan.

Kegiatan periklanan yang bertujuan menunjang promosi hendaklah

dilakukan secara konsisten agar produk-produk yang ditawarkan dapat dikenal

masyarakat luas yang secara otomatis akan menambah jumlah konsumen.

54

Page 65: PERANCANGAN WEBSITE DISTRO AREA 27 SOLO SEBAGAI ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

DAFTAR PUSTAKA

Adhi, Prasetio. 2009. Cara Mudah Membuat Desain Web. Jakarta : Media Kita

Anggra Yudha, Ramadiyanto. 2008. Membuat Gambar Vektor dan Animasi Atraktif. Bandung : Yrama Widya

Ferry, Herlambang. 2010. Desain Web Cantik Dengan Flash 8. Jakarta : Elexmedia Komputindo Heni, A. Puspitosari. 2011. Membangun Website interaktif. Jakarta : Skripta Media Creative. Suryanto, Thabrani. 2009. Web Flash Prof 8. Jakarta : Elexmedia Komputindo

Wahana Komputer. 2010. Membangun Website Tanpa Modal. Jakarta : Andi

Sumber lain (Internet):

www.dreamtemplate.com/templates/flash. Sabtu, 4 Juni 2011. 10.00 wib

www.flashmo.com/flashmo/vertikalscroler. Sabtu, 11 Juni 2011. 23.00 wib

www.freeflashtemplates.com. Minggu, 12 Juni, 2011. 21.30 wib

www.flash24h.com/webtemplates/flash. Sabtu, 18 Juni 2011. 11.35 wib