TugasAkhir PERANCANGAN WEBSITE DEKRANASDA KOTA …digilib.its.ac.id/public/ITS-paper-22862-3407100047-Presentation.pdftugasakhir. perancangan website dekranasda kota surabaya dengan

Tugas Akhir

PERANCANGAN WEBSITE DEKRANASDA KOTA SURABAYA DENGAN KONSEP MY SECOND CRAFT WORKBENCH

Mirza Ali : 3407100047

Identifikasi Masalah

1. Jumlah anggota Dekranasda saat ini berjumlah 236, namun 164 diantaranya atau 70 % masihmengalami kendala dibagian pemasaran produk. Hal ini juga terlihat dari hasil kuisioner yang mengatakan bahwa 83% pengrajin mengalami kendala dibagian pemasaran produk sebagaikendala yang sering dialami oleh para pengrajin.

2. Kurang strategisnya penempatan atau lokasi pameran yang sering diselenggarakan olehDekranasda di beberapa mall, alhasilnya mempengaruhi pada omset selama pameran yang kecil. Banyak pengrajin (kategori bukan pemula) yang merasa bahwa pameran Dekranasdakurang membantu dari segi meningkatkan nilai penjualan atau sepi pengunjung.

Identifikasi Masalah

3. Informasi yang tersedia pada website Dekranasda saat ini banyak tidak dibutuhkan oleh parapengrajin dan masyarakat. Bagi masyarakat umum, informasi pada website Dekranasda saat iniyang dianggap penting hanya informasi tentang produk kerajinan, berita, persyaratan anggotadan agenda.

4. Minimnya image atau foto yang terdapat pada website Dekranasda kota Surabaya terutamaimage akan produk kerajinan. Pada website Dekranasda ini seharusnya lebih banyak foto-fotoyang menarik terutama foto produk kerajinan sehingga pengunjung dapat tertarik untukmelihat-lihat koleksi produk kerajinan yang dimiliki oleh Dekranasda kota Surabaya

Identifikasi Masalah

3. Belum banyak yang mengetahui bahwa Dekranasda kota Surabaya memiliki website. Hal ini dapatdilihat dari data menjelaskan bahwa hanya 18% pengrajin yang mengetahui bahwa Dekranasdamemiliki website, namun 82% sisanya mengatakan tidak tahu jika Dekranasda memiliki website, bukan tidak mungkin jika hal ini juga dirasakan oleh masyarakat umum selaku konsumen produkkerajinan atau pun calon anggota Dekranasda.

d

Identifikasi Masalah

Bagaimana merancang website Dekranasda kota Surabaya agar dapatmerefleksikan dunia kerajinan dan sekaligus dapat memenuhi kebutuhaninformasi pengrajin.

d

Positioning

Perancangan website Dekranasda kota Surabaya sebagai media informasi inidiharapkan dapat menjawab kebutuhan informasi dari pengrajin gunamenambah wawasan akan dunia kerajinan dan pengetahuan tentang pasaryang pada akhirnya dapat lebih meningkatkan kualitas produk kerajinanmereka. Selain itu melalui perancangan website ini dapat membantu pengrajindalam hal pemasaran produk yang hingga saat ini pemasaran produk menjadikendala yang paling sering dialami oleh sebagian besar pengrajin.

d

d

Warna

Pemilihan warna pada website ini didasari dengan konsep My Second Craft Workbenchyang dimana pada website ini akan menampilkan sebuah meja kerja pengrajin yang dilihat dari atas. Untuk itu pemilihan warna pada website ini akan berpedoman padaproperti-properti yang akan sering muncul pada website ini sehingga akanmemunculkan keselarasan disetiap menu-menu dari website ini, dan properti-propertinya adalah sebagai berikut :

d

Warna

Tekstur kayu digunakan sebagai background dari website Dekranasda Surabaya ini, dengan menggunakan tekstur kayu dapat memberikan kesan bawah tampilan tekturkayu tersebut adalah tekstur dari meja kerja yang tampak dari atas. Sedangkan kertascoklat (daur ulang) dan kertas putih digunakan untuk alas dari beberapa menu dannavigasi, memberikan kesan diatas meja kerja tersebut berserakan berbagai kertas-kertas. Setelah pemilihan beberapa properti tersebut akhirnya dapat disimpulkankonsep beberapa warna pada website Dekranasda Surabaya ini, sebagai berikut :

d

Tipografi

d

Tipografi

Jenis huruf atau font diatas adalah Cambria yang memiliki karakter klasik dapatmemberikan kesan tradisional dan craft yang dimana akan lebih dominan pada websiteDekranasda kali ini. Cambria sendiri merupakan font bawaan dari windows sehinggamengurangi kemungkinan untuk missing font. Font tersebut agar menjadi font headlinepada setiap tampilan di website ini.

Jenis huruf atau font berikutnya adalah Helvetica yang akan menjadi font body text atauisi dari sebuah informasi pada website Dekranasda ini. pada website ini akanmenampilkan banyak informasi terutama dibagian berita/news yang dimana tingginyaketerbacaan suatu font akan sangat membantu bagi user untuk memudahkanmembaca. Helvetica merupaka font dengan bentukan huruf yang padat dan jelassehingga mudah untuk dibaca meskipun ditampilkan pada konten yang cukup panjang.

d

Layout

Perancangan website Dekranasda kali ini akan memiliki layout yang sedikit berbedapada setiap menunya, dikarenakan sesuai konsep sebelumnya My Second Craft Workbench yang dimana pada tampilan akan berserakan banyak barang sehinggalayoutpun akan sedikit berserakan pula sesuai konsep. Namun secara garis besar padawebsite ini menggunakan layout seprti dibawah ini :

d

Layout

Dasar layout pada website Dekranasda ini akan terbagi menjadi header dan navigasiutama pada bagian atas, dan didukung sidebar pada bagian kiri dan konten atau fotopada bagian kanan Dasar Layout. Namun pada kenyataannya layout tersebut akandikembangkan sesua dengan konsep dari My Second Craft Workbench. Setelah terpilihdasar dari layout website maka berikutnya masuk pada tahap sketsa dan berikut sketsa-sketsanya :

d

Layout

Pada tahap sketsa ini telah mengalami eksplorasi dari layout dasar yang dijelaskansebelumnya sehingga bentukan layout sedikit berubah namun peletakkan setiap bagianseperti header, menu utama sidebar dan konten tetap terpaku dengan layout dasar. Setelah tahap sketsa layout akan dilanjutkan ketahap digital yang dimana sketsa tadiakan dibikin ulang pada software sehingga hasil desain akan lebih terlihat, berikut hasildari proses digital :

d

Layout

Melalui tahap digital ini desain akan terlihat semuanya dan pada bagian ini akan terlihatdengan jelas pula desain mana yang sesuai dengan konsep My Second Craft Workbench, dan setelah tahap ini akan terpilih desain final layout yang akan menjadi layout daritampilan website Dekranasda kota Surabaya sebagai berikut :

d

Home

d

Berita/News

d

Produk Kerajinan

d

Agenda Dekranasda

d

Profil Dekranasda

d

Persyaratan Anggota

d

Halaman Login

d

Halaman Awal Personal Online Shop

d

Pemilihan Template

d

Pengisian Headline

d

Pemilihan Foto Primary

d

Biodata Pengrajin

d

Informasi Singkat

d

Upload Foto Produk Kerajinan

d

Finish