• Tidak ada hasil yang ditemukan

LKP : Perancangan Web Desain Toko Online Perusahaan Tas Chekli Sebagai Klien PT. Allib Indonesia.

N/A
N/A
Protected

Academic year: 2017

Membagikan "LKP : Perancangan Web Desain Toko Online Perusahaan Tas Chekli Sebagai Klien PT. Allib Indonesia."

Copied!
59
0
0

Teks penuh

(1)

LAPORAN KERJA PRAKTEK

PERANCANGAN WEB DESAIN TOKO ONLINE PERUSAHAAN TAS CHEKLI

SEBAGAI KLIEN PT.ALLIB INDONESIA

Oleh

Nama : Aljuk Ja’far

NIM : 10.42010.0015

Program Studi : S1 Desain Komunikasi Visual

SEKOLAH TINGGI

MANAJEMEN INFORMATIKA & TEKNIK KOMPUTER

SURABAYA

2013

STIKOM

(2)

vi DAFTAR ISI

Halaman

KATA PENGANTAR ... iv

DAFTAR ISI ... vi

DAFTAR GAMBAR ... viii

DAFTAR LAMPIRAN ... ix

BAB I PENDAHULUAN ... 1

1.1. Latar Belakang Masalah ... 1

1.2. Perumusan Masalah ... 4

1.3. Batasan Masalah ... 4

1.4. Tujuan Penelitian ... 4

1.5. Manfaat ... 5

1.6. Pelaksanaan ... 6

1.7. Sistematika Penulisan ... 6

BAB II LANDASAN TEORI ... 9

2.1. Definisi Toko Online ... 9

2.1.1 Kelebihan Toko Online ... 11

2.2. Web Desain ... 12

2.3. Website ... 13

2.4. Desain ... 15

2.4.1 Elemen-elemen dasar Desain ... 15

2.5. Strategi Desain Warna ... 17

STIKOM

(3)

vii

2.6 Tipografi ... 18

2.7 Layout ... 18

BAB III METODE PERANCANGAN ... 19

3.1. Metode Penelitian ... 19

3.2. Proses Desain dan Perancangan ... 22

3.2.1 Penentuan Software ... 22

3.2.2 Konsep ... 23

3.2.3 Layout ... 24

3.2.4 Warna ... 24

3.2.5 Tipografi ... 25

BAB IV GAMBARAN UMUM PERUSAHAAN ... 26

4.1. PT.Allib Indonesia ... 26

4.2. Sejarah Perusahaan ... 27

4.3 Visi, Misi, Motto ... 27

4.4 Struktur Organisasi ... 29

BAB V IMPLEMENTASI KARYA ... 30

5.1. Hasil Karya... 30

BAB VI PENUTUP ... 41

6.1. Simpulan ... 41

6.2. Saran ... 42

DAFTAR PUSTAKA ... 43

LAMPIRAN ... 44

STIKOM

(4)

iii ABSTRAK

Penelitian ini bertujuan (1) Untuk merancang desain website toko online perusahaan tas chekli sebagai upaya memudahkan konsumen dalam bertransaksi. (2) merancang web desain toko online untuk perusahaan Tas Chekli guna memberikan sarana informasi produk bagi konsumen. Penelitian ini termasuk jenis penelitian perancangan. Subjek penelitian ini adalah perusahaan Tas Chekli yang bertempat di Jalan Tenggilis no. 153 Surabaya. Objek dalam penelitian ini adalah perancangan web desain. Data diperoleh dengan metode wawancara,observasi,dan analisis dokumen. Perancangan desain website toko online menggunakan metode SDLC sebagai berikut; (a) Analisis sistem terdiri dari analisis kelemahan sistem lama,analisis kebutuhan sistem, dan analisis kelayakan sistem; (b) Desain perancangan web meliputi desain sistem , desain program, desain fisik,dan desain antarmuka program; (c) Implementasi karya berbasis desain web. Hasil penelitian ini menunjukkan bahwa (1) konsumen merasa kesulitan dalam bertransaksi (2) Konsumen sulit untuk mengetahui informasi seputar chekli.

Kata Kunci: Perancangan, Web desain, Toko online, Website

STIKOM

(5)

BAB II

TINJAUAN PUSTAKA

Bab ini menjelaskan tentang rangkaian konsep dan teori yang mendukung perancangan Media Promosi berupa “Web Design” Chekli. Adapun teori tersebut

adalah :

2.1 Definisi Toko Online

Definisi toko online jika di lihat dari suku katanya yaitu terdiri 2 kata “toko” dan kata “online”. Menurut wikipedia bahwa toko adalah Sebuah tempat tertutup

yang di dalamnya terjadi kegiatan perdagangan dengan jenis benda atau barang yang khusus, misalnya toko buku, toko buah, dan sebagainya.

Kalau menurut Kamus Besar Bahasa Indonesia adalah toko berarti sebuah tempat permanen untuk menjual barang-barang (baju, makanan dan sebagainya).

Sedangkan dalam dunia IT mendefinisikan online sebagai terhubung, terkoneksi, aktif dan siap untuk operasi, dapat berkomunikasi dengan atau dikontrol oleh komputer. Selain itu bisa juga menurut Kamus Besar Bahasa Indonesia online

artinya dalam jaringan atau disingkat daring.

Kata online itu berasal dari kata on dan line, on artinya hidup, line artinya

saluran. Menurut wikipedia Pengertian Online adalah keadaan komputer yang terkoneksi/ terhubung ke jaringan Internet. Sehingga apabila komputer kita online maka dapat mengakses internet/ browsing, mencari informasi-informasi di

internet.

STIKOM

(6)

Jadi jika di gabungkan, toko online diartikan sebagai sebuah tempat yang menjual barang dan jasa melalui media Internet. Melalui penjualan lewat Internet seorang pembeli bisa melihat terlebih dahulu barang dan jasa yang hendak ia beli

melalui web yang dipromosikan oleh penjual.

Toko online ini merupakan bentuk komunikasi baru yang tidak memerlukan

komunikasi tatap muka secara langsung, melainkan dapat dilakukan secara terpisah dari dan ke seluruh dunia melalui media notebook, komputer, ataupun handphone yang tersambung dengan layanan akses Internet.

Toko online adalah salah satu bentuk perdagangan barang atau jasa yang digunakan untuk kegiatan transaksi penjual ke penjual ataupun penjual ke

konsumen.

STIKOM

(7)

1.1.1 Kelebihan Toko Online

Dalam http://www.jasa-pembuatan-blog.com/2013 toko online memiliki beberapa kelebihan bagi penggunanya. Antara lain:

a. Memberikan kemudahan bila ada calon pembeli yang ingin mengetahui informasi tentang produk yang kita tawarkan. Calon pembeli akan lebih leluasa memilih dan mencari produk yang mereka inginkan. Mereka tidak perlu bedesak-desakan dengan pembeli lain karena toko on line dapat diakses bersama-sama. b. Biaya pembuatan toko on line tidak sebesar pembuatan toko secara

fisik. Jadi, secara ekonomi lebih hemat biaya. Selain itu tidak diperlukan lagi biaya untuk keperluan tambahan seperti kebesihan, keamanan dan sebagainya yang berkaitan dengan keperluan fisik. c. Tidak perlu menghabiskan banyak waktu untuk mengawasi toko on

line atau tidak perlu menyewa seseorang untuk menjaga toko online kita. karena melalui toko on line, kita dapat memasang informasi tentang produk kita secara otomatis bahkan pemesanan juga otomatis.

d. Transaksi pembelian bisa melalui pemesanan dan negoisasi bisa dilakukan melalui contact person, email, jejaring sosial atau chat. Dengan begitu lebih cepat dan praktis serta menghemat waktu. Dimanapun kita atau pembeli berada, kita bisa melakukan komunikasi dengan cepat dan mudah.

e. Melalui toko online, produk kita bisa menjangkau daerah-daerah yang lebih luas dan calon pembeli dapat mengaksesnya kapan saja karena toko online akan aktif selama 24 jam. Ini memberikan peluang kita untuk memperkenalkan produk kita ke beberapa tempat dan makin banyak calon pembeli yang dapat kita saring. f. Tidak perlu menghabiskan banyak uang untuk promosi

menggunakan cara-cara lama seperti brosur, pamflet atau pasang iklan di pinggir-pinggir jalan. Toko online secara tidak langsung sudah menjadi bagian dari promosi. Selain itu ruang lingkup promosi kita juga lebih luas, kita bisa hubungkan dengan jejaring sosial milik kita maupun maupun forum-forum atau bisa juga bergabung dengan komunitas yang sesuai dengan produk yang kita tawarkan.

STIKOM

(8)

g. Dalam toko on line juga bisa menampilakan isi dari toko online dengan dukungan fasilitas multimedia seperti gambar, video, atau slide. Selain itu ada juga fasilitas pendukung misalnya mengetahui berapa banyak jumlah pengunjung setiap hari, menyediakan tempat untuk komentar pengunjung, menampilkan produk terkini dan masih banyak lagi. Dengan keunggulan-keunggulan yang dimiliki toko online, tentunya ini menambah presentase kemungkinan dalam perkembangan usaha bagi perusahaan.

1.2 Web Design

Desain web adalah seni dan proses dalam menciptakan halaman web tunggal atau keseluruhandan bisa melibatkan estetika dan seluk beluk mekanis dari suatu

operasi situs web walaupun yangutama memusatkan pada tampilan dan cita rasa. Sedangkan aspek yang mencangkup pada desain web antara lain menciptakan

animasi dan grafik, pemilihan warna, grafik dan font. Hal yang harus dikuasai oleh seorang web designer : 1. Penguasaan cita rasa seni.

a. Mengeksplorasi Imajinasinya dan menggali cita rasa seninya yang dituangkankedalam halaman web.

b. Mampu memilih warna yang baik dan memadukannya dengan warna yang lain sehingga menciptakan pepaduan warna yang serasi.

STIKOM

(9)

c. Mampu membuat bentuk atau sketsa yang baik dari bentuk halaman web.

d. Mampu menggabungkan imajinasi atau ide original dan

menggabungkannya dari pihak client.

e. Mampu menempatkan komponen multimedia pada bagian-bagian

tertentu sehingga halaman web lebih menarik. 2. Penguasaan tool pendukung perancangan web.

a. Program aplikasi pengatur layout web

Macromedia dreamweaver, Ms.Frontpage, edit plus, php dll. b. Program aplikasi pembuat animasi

Macromedia Flash, Swish.

c. Program aplikasi pembuat design grafis- Photoshop, Corel ,Paint dll.

3. Penguasaan membuat Interface. 4. Penguasaan Bahasa pemrograman.

1.3 Website

Secara Terminologi, website adalah kumpulan dari halaman - halaman situs,

yang terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di dalam World Wide Web ( www ) di dalam Internet. Semua publikasi dari website

tersebut dapat membentuk sebuah jaringan informasi yang sangat besar.

STIKOM

(10)

Website atau Situs Web menurut Budi Irawan dalam buku Jaringan Komputer merupakan tempat penyimpanan data dan informasi dengan berdasarkan topik tertentu. Diumpamakan situs web ini adalah sebuah buku yang

berisi topik tertentu. Website atau Situs Web juga merupakan kumpulan dari halaman-halaman web yang saling berkaitan didalam website tersebut.

Website juga dapat diartikan [http://deeyaan.blogspot.com/] sebagai kumpulan halaman yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari semuanya, baik yang

bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan.

Website bersifat statis apabila isi informasi website tetap, jarang berubah, dan isi informasinya searah hanya dari pemilik website. Bersifat dinamis apabila isi informasi website selalu berubah-ubah, dan isi informasinya interaktif dua arah

berasal dari pemilik serta pengguna website. Contoh website statis adalah berisi profil perusahaan, sedangkan website dinamis adalah seperti Friendster, Multiply,

dll. Dalam sisi pengembangannya, website statis hanya bisa diupdate oleh pemiliknya saja, sedangkan website dinamis bisa diupdate oleh pengguna maupun pemilik.

STIKOM

(11)

2.4Desain

i. Elemen – Elemen Dasar Desain

Elemen atau unsur merupakan bagian dari suatu karya desain karena

elemen-elemen tersebut saling berhubungan dan masing-masing memiliki sikap tertentu terhadap yang lainnya. Elemen-elemen visual tersusun dalam satu bentuk

organisasi dasar prinsip-prinsip desain.

Dalam http://faculty.petra.ac.id dalam sebuah desain terdapat beberapa unsur atau elemen yang diperlukan, diantaranya:

1. Titik

Titik merupakan salah satu unsur visual yang dimensi memanjang dan melebarnya dianggap tidak berarti. Titik merupakan bagian kecil dari garis, karena pada dasrnya suatu garis dibentuk oleh adanya hubungan titik-titik yang sangat dekat.

2. Garis

Garis dikenal sebagai goresan atau coretan, dan batas limitsuatu bidang atau warna. Ciri khas dari garis adalah terdapatnya arah serta dimensi memanjang. Garis memiliki fungsi tertentu yang pada dasrnya digunakan untuk mengarahkan gerakan mata. Garis terdiri dari empat macam, yakni garis vertical, horizontal, diagonal, dan garis yang berbentuk gelombang.

3. Bidang

Bidang merupakan unsure visual yang berdimensi panjang dan lebar. Bidang bisa dihadirkan dengan menyusun titik maupun garis dalam kepadatan tertentu, serta dengan mempertemukan potongan hasil goresan serta garis.

4. Ruang

Ruang lebih mengarah pada perwujudan tiga dimensi sehingga ruang dapat dibagi dua, yaitu ruang nyata dan semu.

5. Warna

Warna merupakan elemen desain yang sangat berpengaruh terhadap desain, karena akan membuat suatu komposisi desain tampak lebih menarik.

STIKOM

(12)

6. Tekstur

Tekstur adalah nilai raba dari suatu permukaan. Pengertian lain menyebutkan bahwa tekstur merupakan gambaran dari suatu permukaan benda. Dalam penerapannya tekstur dapat berpengaruh terhadap unsure visual lainnya, yaitu kejelasan titik, kualitas garis, keluasan bidang dan ruang, serta intensitas warna.

ii. Prinsip-Prinsip Desain

Dalam buku Nirmana Dwimatra (Drs. Arfial Arsad Hakin, 1984) dijelaskan bahwa prinsip-prinsip desain diantaranya:

1. Keseimbangan

Terdapat dua pendekatan dasar untuk menyeimbangkan. Pertama merupakan keseimbangan simetris yang merupakan susunan dari elemen agar merata kekiri dan kekanan dari pusat. Kedua merupakan

keseimbangan asimetris yang merupakan pengaturan yang berbeda dengan berat benda yang sama disetiap sisi halamannya. Simetris bisa menjadi

kekuatan dan stabilitas publikasi, presentasi, dan situs website. Asimetris dapat menyiratkan kontras, berbagai gerakan, mengejutkan, dan lain-lain.

2. Irama atau ritme

Irama atau ritme adalah penyusunan unsure-unsur dengan mengikuti suatu

pola penataan tertentu secara teratur agar didapatkan kesan yang menarik.

STIKOM

(13)

3. Penekanan atau Fokus

Focus atau pusat perhatian selalu diperlukan dalam suatu komposisi untuk menunjukkan bagian yang dianggap penting dan diharapkan menjadi

bagian utama.

4. Kesatuan

Kesatuanan atau unity merupakan salah satu prinsip yang menekankan pada keselarasan dari unsure-unsur yang disusun, baik dalam wujudnya

maupun kaitannya dengan ide yang melandasinya. Dengan adanya kesatuan ini, elemen-elemen yang ada saling mendukung sehingga

diperlukan focus yang dituju.

2.5 Strategi Desain Warna

Penggunaan warna dalam iklan bertujuan untuk menciptakan emosi yang diinginkan dan hal-hal simbolik, dengan cara harmonisasi warna, keseimbangan

warna dan kontras pada warna. Warna-warna yang identik dengan Chekli adalah warna Abu-abu, cokelat, dan kuning keemasan. Adapun filosofi dari warna-warna tersebut adalah:

a. Warna Abu-abu : psikologi warna merah yang melambangkan Intelek, futuristic, modis (Adi Kusrianto,2007:47)

b. Warna Cokelat : Melambangkan tradisi, kedalaman, dan alamiah (Nugroho, 2008: 37).

c. Warna kuning keemasan : Melambangkan mewah, kaya, ceria.

STIKOM

(14)

2.6 Tipografi

Tipografi (pemilihan huruf) mempunyai peran yang penting dalam sebuah

iklan.Meskipun peran utamany bersifat fungsional – menyampaikan kata pesan, tetapi huruf juga mempunyai peran estetika dan pemilihan huruf memberi

kontribusi pada dampak dan mood pesan (Moriarty, 2009:516). Terdapat beberapa hal yang harus dipetimbangkan seorang desainer dalam memilih desain huruf, seperti:

1. Bentuk huruf atau font

2. Cara menulis huruf besar, seperti apakah menggunakan huruf besar semua

atau tidak.

3. Variasi bentuk huruf yang dibuat dari manipulasi bentuknya. 4. Ujung blok huruf dan lebar kolomnya.

5. Ukuran tipe huruf (tinggi vertikal).

6. Legibility, atau seberapa mudah hurufnya dibaca.

2.7 Layout

Menurut Tom Lincy dalam buku (Kusrianto, 2007: 277), prinsip layout

yang baik adalah yang selalu memuat 5 prinsip utama dalam desain, yaitu proporsi, keseimbangan, kontras, irama dan kesatuan. Dalam penerapan

perancangan ini desain layout menjadi landasan untuk dijadikan acuan dasar dalam memberikan tuntunan dalam mendesain layout dari perancangan web desain perusahaan tas Chekli.

STIKOM

(15)

STIKOM

(16)

BAB I

PENDAHULUAN

1.1. Latar Belakang

Perkembangan dunia u saha saat ini menjadikan informasi sebagai pilar

penting dalam berjalannya kegiatan operasional suatu usaha demi tercapainya tujuan yang diinginkan oleh pengusaha tersebut. Bagi keberlangsungan usaha,pengetahuan akan informasi suatu produk adalah hal yang sangat penting

dalam pengambilan keputusan untuk pembelian produk yang ditawarkan oleh suatu perusahaan, secara lengkap,relevan dan akurat. Tidak memandang apakah

perusahaan tersebut kecil atau besar.

Sarana internet adalah salah satu media informasi yang efektif dan efisien dalam penyampaian informasi yang dapat pula diakses oleh setiap orang, dimana

saja dan kapan saja. Media Internet sangat berpengaruh dalam dunia bisnis dan perdagangan. Selain itu teknologi internet sudah tidak asing lagi bagi beberapa

pengusaha dan pelaku bisnis. Saat ini para pengusaha sudah banyak yang sudah memanfaatkan media internet sebagai sarana penginformasian produk yang dijual serta perbaikan pelayanan pelanggan, hal tersebut dilakukan semata – mata untuk

meningkatkan omset penjualan mereka, mengingat dunia maya tidak mengenal batasan ruang dan waktu.

STIKOM

(17)

Perusahaan tas Chekli adalah Perusahaan yang bergerak dibidang penjualan tas berbahan kulit asli. Produk perusahaan pada awalnya dipasarkan kepada masyarakat di Surabaya. Seiring dengan perkembangan teknologi maka penjualan

ke masyarakat surabaya mengalami penurunan dikarenakan kalah bersaing dengan perusahaan lain yang sejenis. Perusahaan tas Chekli merupakan perusahaan yang

sedang dalam proses pengembangan pasar, dimana masih banyak UKM yang belum menggunakan sistem penjualan melalui internet atau E-Commerce. Sistem penjualan produk yang selama ini digunakan oleh Chekli adalah memakai sistem

penjualan produk secara manual sehingga kinerjanya belum efektif dikarenakan terjadi penumpukan arsip yang tidak teratur Pada sisi lain pelanggan mengalami

kesulitan bertransaksi dan juga memperoleh informasi mengenai jenis barang, gambar, ketersediaan, deskripsi produk, dan informasi harga produk merupakan salah satu kendala yang dihadapi selama penggunaan sistem konvensional. Untuk

melihat informasi mengenai produk yang dibutuhkan, pelanggan harus datang ke toko untuk mengetahui informasi secara mendetail. Ini menyebabkan banyak

waktu terbuang yang dibutuhkan pelanggan untuk memperoleh informasi. Selain itu untuk melakukan pembelian, pelanggan juga dipersulit dengan tidak adanya sistem yang mempermudah pelanggan untuk melakukan pembelian selain dengan

datang langsung ke toko.

STIKOM

(18)

Kendala seperti ini akan berdampak pada berkurangnya niat pelanggan untuk melakukan transaksi, Oleh karena itu akan dirancang suatu sistem penjualan produk berbasis web atau biasa di sebut toko online yang memudahkan pelanggan

dalam bertransaksi sekaligus mengetahui informasi seputar Chekli, sehingga sistem penjualan produk pada Chekli menjadi sebuah Sistem penjualan modern

yang terkomputerisasi dengan baik guna mengatasi segala permasalahan tersebut. Penggunaan toko online tersebut diperlukan dalam jangka panjang guna meningkatkan kualitas penjualan yang dihasilkan oleh sistem seperti kecepatan,

keakuratan, dan ketepatan waktu. Pada akhirnya, bersamaan dengan peningkatan kualitas penjualan tersebut, juga diharapkan dapat memperbaiki kinerja

perusahaan menjadi lebih baik serta untuk menanggapi kebutuhan pelanggan akan informasi penjualan produk secara lebih luas yang berujung pada peningkatan omzet penjualan perusahaan.

Dengan memanfaatkan perkembangan teknologi saat ini penulis tertarik untuk merancang web desain toko online perusahaan tas Chekli. Sehingga judul penelitian yang diambil adalah “Perancangan web desain toko online perusahaan

tas Chekli sebagai upaya memudahkan konsumen dalam bertransaksi sekaligus sebagai sarana informasi produk bagi konsumen”. Dengan adanya sistem tersebut

diharapkan dapat memberikan kemudahan bagi konsumen dalam bertransaksi sekaligus memperoleh informasi yang dibutuhkan.

STIKOM

(19)

1.2. Rumusan Masalah

Berdasarkan latar belakang diatas maka rumusan masalahnya adalah

bagaimana merancang desain website toko online sebagai klien PT.Allib Indonesia guna mempermudah pelanggan untuk bertransaksi sekaligus berbagi

informasi seputar Chekli.

1.3. Batasan Masalah

Adapun batasan masalah yang digunakan yaitu:

1. Perancangan ini terbatas hanya untuk mempermudah konsumen atau

pelanggan bertransaksi dan mengetahui informasi produk-produk Chekli lewat foto-foto dan informasi yang terpajang didalam website.

2. Terbatas hanya pada perancangan desain website toko online.

1.4. Tujuan Perancangan

1. Untuk merancang desain website toko online perusahaan tas chekli sebagai upaya memudahkan konsumen dalam bertransaksi.

2. Untuk merancang desain website sebagai sarana informasi produk bagi

konsumen.

STIKOM

(20)

1.5. Manfaat Perancangan

Sesuai dengan tujuan yang diharapkan, maka manfaat dari perancangan ini

adalah:

1. Manfaat Teoritis

Manfaat dari perancangan ini adalah untuk memberikan informasi serta

masukan kepada Chekli dalam perancangan desain website toko online nya sebagai upaya untuk memberikan kemudahan bila ada calon pembeli dari

manapun yang ingin mengetahui informasi tentang produk yang kita tawarkan.. Selain itu hasil perancangan ini juga dapat dijadikan kajian atau referensi bagi mahasiswa maupun masyarakat yang ingin mengkaji tentang

website, toko online, atau bidang bisnis online.

2. Manfaat Praktis

Manfaat praktis dari perancangan ini yaitu dapat diaplikasikan langsung oleh perusahaan tas Chekli atau perusahaan tas lainnya yang dalam hal ini berkaitan dengan manfaat website toko online yang berdampak pada

kemudahan konsumen untuk bertransaksi

STIKOM

(21)

1.6 Pelaksanaan

Kerja Praktik ini dilaksanakan di PT ALLIB INDONESIA Surabaya , yang

beralamat di Ruko Kelampis Megah Blok C-28. Waktu pelaksanaannya dari tanggal 02 Juli sampai tanggal 02 Agustus Tahun 2013 dari hari Senin sampai

Sabtu mulai dari pukul 08.00 WIB – 17.00 WIB, tetapi dengan menyesuaikan keadaan dan kebutuhan, terkadang penulis juga masuk pada hari minggu.

1.7Sistematika Penulisan

Sistematika penulisan Laporan Kerja Praktik ini akan disusun sebagai

berikut:

BAB I : PENDAHULUAN

Pada Bab I ini ada beberapa materi yang akan dijelaskan, yaitu:

1.1 Latar Belakang Masalah 1.2 Rumusan Masalah 1.3 Batasan Masalah

1.4 Tujuan 1.5 Manfaat

1.6 Pelaksanaan

1.7 Sistematika Penulisan

STIKOM

(22)

BAB II : TINJAUAN PUSTAKA

Pada Bab II ini akan dijabarkan tentang berbagai macam teori yang menjadi

dasar dalam perancangan karya pada Kerja Praktik ini.

BAB III : METODE PERANCANGAN

Pada Bab III ini akan dijabarkan metode penelitian yang sesuai untuk mendukung metode peranangan karya yang akan dikerjakan pada Kerja Praktik

ini.

BAB IV : GAMBARAN UMUM PERUSAHAAN

Bab IV ini berisi penjelasan umum tentang gambaran perusahaan tempat Kerja Praktik ini, yaitu gambaran umum tentang PT.Allib Indonesia.

BAB V : IMPLEMENTASI KARYA

Bab V ini merupakan hasil implementasi hasil karya dari metode perancangan pada Bab III.

STIKOM

(23)

BAB VI : PENUTUP

Pada Bab VI ini akan dijelaskan beberapa hal, meliputi: 6.1 Simpulan

Bagian ini akan dijelaskan inti sari dari seluruh kegiatan selama Kerja

Pratek, khususnya akan dijabarkan secara singkat dari masalah yang diangkat atau yang dikerjakan.

6.2 Saran

Bagian ini akan dijelaskan tentang kelebihan dan kekurangan selama kegiatan Kerja Praktik berlangsung.

DAFTAR PUSTAKA

Daftar pustaka berisi tentang daftar referensi yang digunakan sebagai dasar

dalam pelaksanaan Kerja Praktik, bisa berupa buku, koran, majalah, e-book dan lain-lain.

STIKOM

(24)

BAB II

TINJAUAN PUSTAKA

Bab ini menjelaskan tentang rangkaian konsep dan teori yang mendukung perancangan Media Promosi berupa “Web Design” Chekli. Adapun teori tersebut

adalah :

2.1 Definisi Toko Online

Definisi toko online jika di lihat dari suku katanya yaitu terdiri 2 kata “toko” dan kata “online”. Menurut wikipedia bahwa toko adalah Sebuah tempat tertutup

yang di dalamnya terjadi kegiatan perdagangan dengan jenis benda atau barang yang khusus, misalnya toko buku, toko buah, dan sebagainya.

Kalau menurut Kamus Besar Bahasa Indonesia adalah toko berarti sebuah tempat permanen untuk menjual barang-barang (baju, makanan dan sebagainya).

Sedangkan dalam dunia IT mendefinisikan online sebagai terhubung, terkoneksi, aktif dan siap untuk operasi, dapat berkomunikasi dengan atau dikontrol oleh komputer. Selain itu bisa juga menurut Kamus Besar Bahasa Indonesia online

artinya dalam jaringan atau disingkat daring.

Kata online itu berasal dari kata on dan line, on artinya hidup, line artinya

saluran. Menurut wikipedia Pengertian Online adalah keadaan komputer yang terkoneksi/ terhubung ke jaringan Internet. Sehingga apabila komputer kita online maka dapat mengakses internet/ browsing, mencari informasi-informasi di

internet.

STIKOM

(25)

Jadi jika di gabungkan, toko online diartikan sebagai sebuah tempat yang menjual barang dan jasa melalui media Internet. Melalui penjualan lewat Internet seorang pembeli bisa melihat terlebih dahulu barang dan jasa yang hendak ia beli

melalui web yang dipromosikan oleh penjual.

Toko online ini merupakan bentuk komunikasi baru yang tidak memerlukan

komunikasi tatap muka secara langsung, melainkan dapat dilakukan secara terpisah dari dan ke seluruh dunia melalui media notebook, komputer, ataupun handphone yang tersambung dengan layanan akses Internet.

Toko online adalah salah satu bentuk perdagangan barang atau jasa yang digunakan untuk kegiatan transaksi penjual ke penjual ataupun penjual ke

konsumen.

STIKOM

(26)

1.1.1 Kelebihan Toko Online

Dalam http://www.jasa-pembuatan-blog.com/2013 toko online memiliki beberapa kelebihan bagi penggunanya. Antara lain:

a. Memberikan kemudahan bila ada calon pembeli yang ingin mengetahui informasi tentang produk yang kita tawarkan. Calon pembeli akan lebih leluasa memilih dan mencari produk yang mereka inginkan. Mereka tidak perlu bedesak-desakan dengan pembeli lain karena toko on line dapat diakses bersama-sama. b. Biaya pembuatan toko on line tidak sebesar pembuatan toko secara

fisik. Jadi, secara ekonomi lebih hemat biaya. Selain itu tidak diperlukan lagi biaya untuk keperluan tambahan seperti kebesihan, keamanan dan sebagainya yang berkaitan dengan keperluan fisik. c. Tidak perlu menghabiskan banyak waktu untuk mengawasi toko on

line atau tidak perlu menyewa seseorang untuk menjaga toko online kita. karena melalui toko on line, kita dapat memasang informasi tentang produk kita secara otomatis bahkan pemesanan juga otomatis.

d. Transaksi pembelian bisa melalui pemesanan dan negoisasi bisa dilakukan melalui contact person, email, jejaring sosial atau chat. Dengan begitu lebih cepat dan praktis serta menghemat waktu. Dimanapun kita atau pembeli berada, kita bisa melakukan komunikasi dengan cepat dan mudah.

e. Melalui toko online, produk kita bisa menjangkau daerah-daerah yang lebih luas dan calon pembeli dapat mengaksesnya kapan saja karena toko online akan aktif selama 24 jam. Ini memberikan peluang kita untuk memperkenalkan produk kita ke beberapa tempat dan makin banyak calon pembeli yang dapat kita saring. f. Tidak perlu menghabiskan banyak uang untuk promosi

menggunakan cara-cara lama seperti brosur, pamflet atau pasang iklan di pinggir-pinggir jalan. Toko online secara tidak langsung sudah menjadi bagian dari promosi. Selain itu ruang lingkup promosi kita juga lebih luas, kita bisa hubungkan dengan jejaring sosial milik kita maupun maupun forum-forum atau bisa juga bergabung dengan komunitas yang sesuai dengan produk yang kita tawarkan.

STIKOM

(27)

g. Dalam toko on line juga bisa menampilakan isi dari toko online dengan dukungan fasilitas multimedia seperti gambar, video, atau slide. Selain itu ada juga fasilitas pendukung misalnya mengetahui berapa banyak jumlah pengunjung setiap hari, menyediakan tempat untuk komentar pengunjung, menampilkan produk terkini dan masih banyak lagi. Dengan keunggulan-keunggulan yang dimiliki toko online, tentunya ini menambah presentase kemungkinan dalam perkembangan usaha bagi perusahaan.

1.2 Web Design

Desain web adalah seni dan proses dalam menciptakan halaman web tunggal atau keseluruhandan bisa melibatkan estetika dan seluk beluk mekanis dari suatu

operasi situs web walaupun yangutama memusatkan pada tampilan dan cita rasa. Sedangkan aspek yang mencangkup pada desain web antara lain menciptakan

animasi dan grafik, pemilihan warna, grafik dan font. Hal yang harus dikuasai oleh seorang web designer : 1. Penguasaan cita rasa seni.

a. Mengeksplorasi Imajinasinya dan menggali cita rasa seninya yang dituangkankedalam halaman web.

b. Mampu memilih warna yang baik dan memadukannya dengan warna yang lain sehingga menciptakan pepaduan warna yang serasi.

STIKOM

(28)

c. Mampu membuat bentuk atau sketsa yang baik dari bentuk halaman web.

d. Mampu menggabungkan imajinasi atau ide original dan

menggabungkannya dari pihak client.

e. Mampu menempatkan komponen multimedia pada bagian-bagian

tertentu sehingga halaman web lebih menarik. 2. Penguasaan tool pendukung perancangan web.

a. Program aplikasi pengatur layout web

Macromedia dreamweaver, Ms.Frontpage, edit plus, php dll. b. Program aplikasi pembuat animasi

Macromedia Flash, Swish.

c. Program aplikasi pembuat design grafis- Photoshop, Corel ,Paint dll.

3. Penguasaan membuat Interface. 4. Penguasaan Bahasa pemrograman.

1.3 Website

Secara Terminologi, website adalah kumpulan dari halaman - halaman situs,

yang terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di dalam World Wide Web ( www ) di dalam Internet. Semua publikasi dari website

tersebut dapat membentuk sebuah jaringan informasi yang sangat besar.

STIKOM

(29)

Website atau Situs Web menurut Budi Irawan dalam buku Jaringan Komputer merupakan tempat penyimpanan data dan informasi dengan berdasarkan topik tertentu. Diumpamakan situs web ini adalah sebuah buku yang

berisi topik tertentu. Website atau Situs Web juga merupakan kumpulan dari halaman-halaman web yang saling berkaitan didalam website tersebut.

Website juga dapat diartikan [http://deeyaan.blogspot.com/] sebagai kumpulan halaman yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari semuanya, baik yang

bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan.

Website bersifat statis apabila isi informasi website tetap, jarang berubah, dan isi informasinya searah hanya dari pemilik website. Bersifat dinamis apabila isi informasi website selalu berubah-ubah, dan isi informasinya interaktif dua arah

berasal dari pemilik serta pengguna website. Contoh website statis adalah berisi profil perusahaan, sedangkan website dinamis adalah seperti Friendster, Multiply,

dll. Dalam sisi pengembangannya, website statis hanya bisa diupdate oleh pemiliknya saja, sedangkan website dinamis bisa diupdate oleh pengguna maupun pemilik.

STIKOM

(30)

2.4Desain

i. Elemen – Elemen Dasar Desain

Elemen atau unsur merupakan bagian dari suatu karya desain karena

elemen-elemen tersebut saling berhubungan dan masing-masing memiliki sikap tertentu terhadap yang lainnya. Elemen-elemen visual tersusun dalam satu bentuk

organisasi dasar prinsip-prinsip desain.

Dalam http://faculty.petra.ac.id dalam sebuah desain terdapat beberapa unsur atau elemen yang diperlukan, diantaranya:

1. Titik

Titik merupakan salah satu unsur visual yang dimensi memanjang dan melebarnya dianggap tidak berarti. Titik merupakan bagian kecil dari garis, karena pada dasrnya suatu garis dibentuk oleh adanya hubungan titik-titik yang sangat dekat.

2. Garis

Garis dikenal sebagai goresan atau coretan, dan batas limitsuatu bidang atau warna. Ciri khas dari garis adalah terdapatnya arah serta dimensi memanjang. Garis memiliki fungsi tertentu yang pada dasrnya digunakan untuk mengarahkan gerakan mata. Garis terdiri dari empat macam, yakni garis vertical, horizontal, diagonal, dan garis yang berbentuk gelombang.

3. Bidang

Bidang merupakan unsure visual yang berdimensi panjang dan lebar. Bidang bisa dihadirkan dengan menyusun titik maupun garis dalam kepadatan tertentu, serta dengan mempertemukan potongan hasil goresan serta garis.

4. Ruang

Ruang lebih mengarah pada perwujudan tiga dimensi sehingga ruang dapat dibagi dua, yaitu ruang nyata dan semu.

5. Warna

Warna merupakan elemen desain yang sangat berpengaruh terhadap desain, karena akan membuat suatu komposisi desain tampak lebih menarik.

STIKOM

(31)

6. Tekstur

Tekstur adalah nilai raba dari suatu permukaan. Pengertian lain menyebutkan bahwa tekstur merupakan gambaran dari suatu permukaan benda. Dalam penerapannya tekstur dapat berpengaruh terhadap unsure visual lainnya, yaitu kejelasan titik, kualitas garis, keluasan bidang dan ruang, serta intensitas warna.

ii. Prinsip-Prinsip Desain

Dalam buku Nirmana Dwimatra (Drs. Arfial Arsad Hakin, 1984) dijelaskan bahwa prinsip-prinsip desain diantaranya:

1. Keseimbangan

Terdapat dua pendekatan dasar untuk menyeimbangkan. Pertama merupakan keseimbangan simetris yang merupakan susunan dari elemen agar merata kekiri dan kekanan dari pusat. Kedua merupakan

keseimbangan asimetris yang merupakan pengaturan yang berbeda dengan berat benda yang sama disetiap sisi halamannya. Simetris bisa menjadi

kekuatan dan stabilitas publikasi, presentasi, dan situs website. Asimetris dapat menyiratkan kontras, berbagai gerakan, mengejutkan, dan lain-lain.

2. Irama atau ritme

Irama atau ritme adalah penyusunan unsure-unsur dengan mengikuti suatu

pola penataan tertentu secara teratur agar didapatkan kesan yang menarik.

STIKOM

(32)

3. Penekanan atau Fokus

Focus atau pusat perhatian selalu diperlukan dalam suatu komposisi untuk menunjukkan bagian yang dianggap penting dan diharapkan menjadi

bagian utama.

4. Kesatuan

Kesatuanan atau unity merupakan salah satu prinsip yang menekankan pada keselarasan dari unsure-unsur yang disusun, baik dalam wujudnya

maupun kaitannya dengan ide yang melandasinya. Dengan adanya kesatuan ini, elemen-elemen yang ada saling mendukung sehingga

diperlukan focus yang dituju.

2.5 Strategi Desain Warna

Penggunaan warna dalam iklan bertujuan untuk menciptakan emosi yang diinginkan dan hal-hal simbolik, dengan cara harmonisasi warna, keseimbangan

warna dan kontras pada warna. Warna-warna yang identik dengan Chekli adalah warna Abu-abu, cokelat, dan kuning keemasan. Adapun filosofi dari warna-warna tersebut adalah:

a. Warna Abu-abu : psikologi warna merah yang melambangkan Intelek, futuristic, modis (Adi Kusrianto,2007:47)

b. Warna Cokelat : Melambangkan tradisi, kedalaman, dan alamiah (Nugroho, 2008: 37).

c. Warna kuning keemasan : Melambangkan mewah, kaya, ceria.

STIKOM

(33)

2.6 Tipografi

Tipografi (pemilihan huruf) mempunyai peran yang penting dalam sebuah

iklan.Meskipun peran utamany bersifat fungsional – menyampaikan kata pesan, tetapi huruf juga mempunyai peran estetika dan pemilihan huruf memberi

kontribusi pada dampak dan mood pesan (Moriarty, 2009:516). Terdapat beberapa hal yang harus dipetimbangkan seorang desainer dalam memilih desain huruf, seperti:

1. Bentuk huruf atau font

2. Cara menulis huruf besar, seperti apakah menggunakan huruf besar semua

atau tidak.

3. Variasi bentuk huruf yang dibuat dari manipulasi bentuknya. 4. Ujung blok huruf dan lebar kolomnya.

5. Ukuran tipe huruf (tinggi vertikal).

6. Legibility, atau seberapa mudah hurufnya dibaca.

2.7 Layout

Menurut Tom Lincy dalam buku (Kusrianto, 2007: 277), prinsip layout

yang baik adalah yang selalu memuat 5 prinsip utama dalam desain, yaitu proporsi, keseimbangan, kontras, irama dan kesatuan. Dalam penerapan

perancangan ini desain layout menjadi landasan untuk dijadikan acuan dasar dalam memberikan tuntunan dalam mendesain layout dari perancangan web desain perusahaan tas Chekli.

STIKOM

(34)

STIKOM

(35)

BAB III

METODE PERANCANGAN

3.1 Metode Penelitian

Ilmu Desain memiliki cakupan yang sangat luas, oleh sebab itu metode yang digunakan dalam penelitian ini adalah metode penelitian kualitatif, sehingga

dapat menjadi dasar dan sumber dalam penyusunan laporan.

Diharapkan dengan metode kualitatif penelitian ini dapat menghasilkan

data yang sifatnya deskriptif, seperti hasil wawancara, catatan lapangan, gambar, rekaman video dan lain-lain.

Metode penelitan kualitatif ini diperlukan kedekatan dengan orang-orang

yang ahli di bidangnya, sehingga mendapatkan pemahaman yang jelas mengenai keadaan dan kenyataan di lapangan.

Dalam Kerja Praktek ini, Penulis berusaha menemukan permasalahan yang ada dan mempelajari serta menganalisis permasalahan yang ada pada Perusahaan tas Chekli Surabaya. Permasalahan yang timbul adalah, Chekli ingin

memberikan kemudahan untuk costumer dari manapun yang ingin mengetahui informasi tentang produk yang kita tawarkan. Calon pembeli akan lebih leluasa

memilih dan mencari produk yang mereka inginkan lewat foto-foto yang terpajang di dalam website.

STIKOM

(36)

Beberapa teknik pengambilan data yang digunakan dalam penyusunan laporan ini adalah:

1. Observasi

Metode observasi merupakan suatu cara pengumpulan data dengan mengadakan pengamatan langsung terhadap suatu obyek dalam suatu periode

tertentu dan mengadakan pencatatan secara sistematis tentang hal-hal tertentu yang diamati.

Observasi disini merupakan langkah awal untuk menentukan

permasalahan perancangan desain website toko online dengan mengadakan pengamatan langsung terhadap objek.

Berdasarkan analisis yang diperoleh melalui data-data perusahaan, visi misi dan filosofi Perusahaan Chekli, serta apa saja yang ditawarkan akan dapat ditentukan image atau citra desain seperti apa yang ingin di tonjolkan dalam

desain wesite toko online yang akan di buat.

2. Studi Pustaka

Studi pustaka merupakan metode pengumpulan data dengan cara mencari referensi, literatur atau bahan-bahan teori yang diperlukan dari berbagai sumber

wacana yang berkaitan dengan penyusunan laporan.

Studi pustaka dalam penyusunan laporan ini dilakukan dengan cara

mengumpulkan data melalui internet, mencari buku-buku yang membahas website serta buku buku tentang toko online.

STIKOM

(37)

3. Briefing dan Wawancara

Briefing merupakan penjelasan-penjelasan secara personal untuk

memberikan gambaran secara ringkas mengenai permasalahan perusahaan. Pada dasarnya pengarahan yang dilakukan adalah pengarahan yang ada kaitannya

dengan pelaksanaan tugas sesuai dengan tujuan.

Briefing juga merupakan bagian dari observasi untuk menentukan apa yang diinginkan oleh Chekli Surabaya. Diantaranya apa yang ingin ditonjolkan, apa

yang ingin ditampilkan, apa yang ingin di hindari, dan lain sebagainya.

Wawancara adalah cara menghimpun bahan keterangan yang dilakukan

dengan tanya jawab secara lisan secara sepihak berhadapan muka, dan dengan arah serta tujuan yang telah ditetapkan. Anas Sudijono (1996: 82) ada beberapa kelebihan pengumpulan data melalui wawancara, diantaranya pewawancara dapat

melakukan kontak langsung dengan peserta yang akan dinilai, data diperoleh secara mendalam, yang diinterview bisa mengungkapkan isi hatinya secara lebih

luas, pertanyaan yang tidak jelas bisa diulang dan diarahkan yang lebih bermakna. Wawancara disini dibutuhkan untuk mendapatkan data dengan cara tatap muka dengan pemilik atau pemimpin perusahaan Chekli dan dari pihak-pihak

terkait. Dari sini akan memperoleh data tentang seberapa efektif desain berbagai media promosi yang digunakan Chekli selama ini sebagai bahan referensi untuk

perancangan desain website toko online yang akan dirancang.

STIKOM

(38)

Dari hasil briefing dan wawancara, diketahui bahwa Chekli memerlukan desain website toko online yang komunikatif serta efektif dan menarik dari sisi visual maupun verbal, sehingga masyarakat dan target konsumen dapat dengan

mudah bertransaksi untuk membeli produk Chekli.

4. Pengambilan Data

Setelah melakukan briefing, wawancara dan observasi, penulis mengambil beberapa data yang dibutuhkan untuk menunjang perancangan desain website

toko online ini. Data-data tersebut diantaranya: a. History perusahaan

b. Visi dan misi perusahaan c. Jasa yang ditawarkan d. Dokumentasi

e. Contact Person perusahaan

3.2 Proses Desain dan Perancangan 3.2.1 Penentuan Software

Penentuan Software apa yang digunakan merupakan langkah awal yang

diperlukan sebelum melakukan pembuatan desain. Karena desain yang akan dibuat tergantung pada software apa yang dipergunakan.

STIKOM

(39)

Dalam hal ini penulis menggunakan software Adobe Photoshop. Adobe Photoshop sendiri merupakan sebuah program atau perangkat lunak yang biasanya digunakan untuk mengolah atau menedit sebuah gambar atau foto, yang

terdiri dari beberapa tools yang dapat membantu penggunanya untuk mengolah sebuah gambar. Dalam perancangan ini penulis menggunakan software ini untuk

membuat desain website toko online Chekli.

Output desain disimpan dengan format PNG dan image (.JPEG). penyimpanan dengan format PNG dilakukan untuk mempermudah pengaplikasian

kedalam website, karena format PNG bisa langsung dengan mudah di aplikasikan pada website tanpa harus CROP image satu persatu. Sedangkan untuk format

JPEG berguna sebagai panduan bagi pembuat website.

3.2.2 Konsep

Dalam hal ini penentuan konsep sangat dibutuhkan untuk menentukan desain seperti apa yang akan dibuat dan di tampilkan kedalam website toko online

Chekli nantinya. Konsep diperoleh dari pengumpulan data mulai dari observasi, wawancara dan data-data yang ada.

Dari hasil observasi, wawancara dan pengambilan data dapat di simpulkan

bahwa pemilik perusahaan menginginkan desain yang komunikatif dan sesuai dengan karakter perusahaan. Karakter dari perusahaan cekli sendiri adalah ”Friendly”, jadi lebih bersahabat dengan customer nya.

STIKOM

(40)

Jadi desain yang akan di tonjolkan pada perancangan website toko online Chekli dari segi visual adalah kenyamanan dan kemudahan costumer dalam mengaplikasikan website tersebut agar costumer merasa nyaman ketika sedang

membuka website dari Chekli tersebut namun tidak menghilangkan elemen-elemen yang menunjukan bahwa website tersebut adalah website toko online

produk tas kulit.

3.2.3 Layout

Berdasarkan konsep desain maka layout yang digunakan sangat sederhana, bermain tata letak teks, headline, dan peletakan semua unsur elemen grafis sesuai

karakter Chekli. seluruh gambar dan grafis penunjang ditata sedemikian rupa sehingga tidak terkesan penuh yang dapat menimbulkan efek tidak komunikatif dan membingungkan costumer.

3.2.4 Warna

Menyesuaikan dengan apa yang akan di tawarkan dalam website dan sesuai dengan konsep desain, maka sebagian besar desain menggunakan warna cokelat, putih, dan cream. Warna coklat adalah salah satu warna yang mengandung unsur

bumi. Dominasi warna ini akan memberi kesan hangat, nyaman dan aman. Kelebihan lainnya adalah warna coklat dapat menimbulkan kesan modern,

canggih dan mahal karena kedekatannya dengan warna emas. Jadi warna coklat sangat sesuai dengan konsep perancangan.

STIKOM

(41)

Disamping itu penulis juga menggunakan warna cokelat sebagai warna dasar pada desain layout. Warna ini akan mewakili karakter Chekli dan juga produk yang akan ditawarkan.

3.2.5 Tiporafi

Font yang dipakai adalah font jenis serif yaitu century gothic, jika dilihat dari desain media promosi dari perusahaan Chekli, font ini adalah font yang selalu dipakai oleh perusahaan Chekli sebagai font default. Jadi font ini juga berguna

untuk menjaga konsistensi desain dan citra yang sudah lama di bangun oleh Chekli.

STIKOM

(42)

BAB IV

GAMBARAN UMUM PERUSAHAAN

4.1 Profil PT.Allib Indonesia

Lookatme adalah sebuah industri kreatif muda, yang aktif mengaplikasikan ide-ide kreatif melalui desain, branding, dan strategi periklanan.

Lookatme selalu berusaha berkembang menjadi industri kreatif yang lebih baik. Lookatme mempunyai sistem kerja yang baik, yang selalu berkolaborasi dengan

mitra kerja untuk menciptakan sebuah ide atau konsep pemasaran secara visual yang tidak hanya bagus dan kreatif, namun juga memiliki nilai jual dan komunikatif.

Selain itu, lookatme mempunyai tim desain dan branding yang sudah profesional dalam merancang sebuah strategi branding untuk kegiatan promosi.

Lookatme senantiasa mengutamakan kepuasan mitra kerja, dan sikap ramah dalam pencarian solusi, dan berusaha memberikan sebuah solusi yang akan memecahkan permasalahan branding dan promosi secara visual.

STIKOM

(43)

4.2 Sejarah Perusahaan

Namun karena kemampuan Sumber Daya Manusia dalam perusahaan yang

terbatas, serta minimnya waktu yang ada, membuat sebuah perusahaan perlu bermitra dengan perusahaan lain untuk membantu kinerja perusahaan dalam

memperkenalkan, memberitahukan, memasarkan nama perusahaan dan produk yang dihasilkan kepada publik.

Oleh karena itu, lookatme ini berdiri untuk memenuhi kebutuhan promosi

dan periklanan sebuah perusahaan. Lookatme merupakanagency kreatif yang mampu memberikan sebuah solusi untuk menjawab segala tantangan dalam

memasarkan dan memperkenalkan produk yang ditawarkan dalampersaingan bisnis di era global.

4.3 Visi, Misi, Motto

Dalam rangka memberikan arahan mengenai filosofi, nilai, dan kebutuhan instansi lookatme memiliki visi, misi, dan motto yang dapat dijadikan prinsip dan

pedoman bagi setiap elemen yang ada di dalamnya.

STIKOM

(44)

Visi

Menikmati hidup dengan selalu mencari ide-ide kreatif dan menjadikannya lebih berkembang

Misi

Menjadi agency kreatif yang bisa memenuhi kebutuhan public, dalam hal desain dan branding.

Menciptakan produk-produk yang berkualitas bagi mitra

kerja Lookatme.

Menjaga hubungan yang baik pada seluruh stakeholder,

pemangku kebijakan, mitra kerja dan pelanggan.

Motto

Kami mempunyai tagline ”You see Solution” yang

mempunyai makna bahwa kami adalah solusi setiap permasalahan

pemasaran ataupun branding secara visual untuk produk ataupun jasa anda.

STIKOM

(45)

4.4 Struktur Organisasi

Operational Manager :DhafiKusuma Adam

Field Coordinator : Danus Ardiansyah

Desainer : LiaWardah

FaniIsmawati

STIKOM

(46)

BAB V

IMPLEMENTASI KARYA

5.1 Hasil Karya

Selama proses kerja praktek dengan kurun waktu satu bulan, memperoleh hasil sebagai berikut:

1. Home

Gambar 5.1 Home

Home merupakan halaman utama pada website/toko online. Ketika seseorang sedang membuka website toko online, tujuan utamanya pasti orang tersebut ingin membeli produk dari website toko online tersebut.

STIKOM

(47)

Oleh karena itu penulis menjadikan button shop untuk diletakkan pada bagian atas website. Disamping button shop terdapat button search what you want, button ini memberikan kemudahan bagi user yang ingin

mencari produk yang di inginkan.untuk menghindari kebosanan pada costumer yang sedang membuka website, pada layar home terdapat

tampilan slide show yang berisikan gambar dari produk chekli agar user tidak bosan melihat website jika website tersebut tidak ada tampilan animasi yang bergerak.

Pada bagian atas sebelah kanan terdapat button Log in, Create an Account, Wish list, Shopping bag dan search. Button log in berguna untuk

masuk sebagai user agar bisa bebelanja online di toko online tersebut, button create an account berguna untuk membuat account agar bisa masuk menjadi user chekli kemudian bisa berbelanja. Button wish list berguna

untuk melihat berapa banyak anda berbelanja pada toko online tersebut, shopping bag berguna untuk transaksi pembayaran lewat online.

Pada bagian bawah terdapat button-button diantaranya, about us yang berguna untuk mengetahui profil dari perusahaan, Contact berguna untuk menghubungi perusahaan secara langsung, disitu berisi tentang alamat,

email, nomor telephone, webste dll. Button merchandise berguna untuk mengetahui apa saja merchandise yang akan di dapatkan costumer ketika

membeli produk dari chekli. Button event, disitu terdapat portofolio dan event-event apa saja yang telah di ikuti oleh perusahaan.

STIKOM

(48)

Kemudian paling bawah dari halaman home terdapat find us on, find us on berguna untuk mencari Chekli di berbagai media mulai dari facebook, twitte, yahoo, google +, blog dll.

STIKOM

(49)

2. Menu Dropdown Shop

Gambar 5.2 Menu Dropdown Shop

Ini adalah tampilan menu dropdown dari button shop, ketika mouse di arahkan ke button shop, maka akan muncul menu dropdown seperti pada

gambar diatas. Pada menu dropdown tersebut terdapat button lagi yang bertuliskan kata Collections dimana button collections tersebut berisikan koleksi-koleksi dari produk chekli yang terdiri dari beberapa model dan

jenis tas. Diantaranya adalah tas yang berjenis style, office dan hangout. Dan ketika salah satu button tersebut di klik, maka akan muncul halaman

seperti di bawah ini :

STIKOM

(50)

3. Halaman Shop

Gambar 5.3 Halaman Shop

Ketika user memilih button dari menu dropdown shop dari dari

gambar di atas kemudian mengklik salah satu button misalnya user mengklik button office maka yang akan muncul adalah halaman ini. Ketika user ingin membeli salah satu produk, maka user harus menklik salah satu

gambar yang akan dibelinya. Jika user sudah mengklik salah satu gambar tersebut, maka akan muncul tampilan seperti pada gambar di bawah ini:

STIKOM

(51)

4. Tampilan Shop 2

Gambar 5.4 Tampilan Shop 2

Setelah user mengklik salah satu gambar produk yang ingin di belinya maka akan muncul tampilan seperti gambar di atas dan akan muncul detail

gambar dari beberapa angle. Dibawah gambar produk terdapat gambar keranjang, jika user ingin membeli produk, maka user harus mengklik

gambar keranjang tersebut dan harganya sudah tercantum pada gambar tersebut. Setiap produk yang sudah di beli akan muncul pada tampilan wish

list dibagian atas sebelah kanan halaman.

STIKOM

(52)

5. About Us

Gambar 5.5 About Us

Ini adalah tampilan about us, tampilan ini akan muncul ketika kita klik tombol about us pada button yang terletak pada bagian bawah home.

Tampilan ini berisi tentang perusahaan mulai dari berdirinya sampai target marketnya.

Visualisasinya Penulis menggunakan seperti selembar kertas yang

bertuliskan keterangan dari perusahaan. Selembar kertas menggambarkan dokumen penting dari perusahaan karena ini adalah latar belakang

berdirinya perusahaan sampai sekarang.

STIKOM

(53)

6. Contact

Gambar 5.6 Contact

Ketika user memilih dan mengklik button contact, maka akan muncul

tampilan contact seperti gambar diatas. Halaman contact ini berisi tentang info perusahaan mulai dari tempat, website, email, telephone dll. Ini

berguna untuk pelayanan terhadap konsumen dan sekaligus info lebih lanjut.

STIKOM

(54)

7. Merchandise

Gambar 5.7 Merchandise

Halaman mercahndise ini akan muncul ketika user mengklik button

merchandise, halaman ini menampilkan merchandise apa saja yang akan di dapatkan oleh costumer jika costumer hendak membeli produk dari chekli. Merchandise ini berguna untuk meningkatkan loyalitas pelanggan.

Contohnya merchandise pada gambar diatas adalah gantungan kunci, ketika gantungan kunci tersebut dipakai oleh costumer, otomatis pemakainya akan

melihat gantungan kunci tersebut. Ketika pemakai melihat gantungan kunci tersebut otomatis pemakai/costumer akan terus mengingat pada merek

chekli. Begitu seterusnya.

STIKOM

(55)

8. Log In

Gambar 5.8 Log in

Log in ini berguna untuk bertransaksi pembelian bagi costumer, ketika

costumer hendak membeli produk dari Chekli, costumer harus log in dahulu agar transaksi lebih mudah dan terpercaya. Bagi costumer yang belum memliki akun untuk log in, bisa langsung register. Pada gambar di atas

terdapat button create an account, ketika button tersebut di klik maka akan muncul tampilan seperti gambar di bawah ini:

STIKOM

(56)

9. Create an Account

Gambar 5.9 Create an Account

Halaman ini berguna bagi user yang belum mempunyai akun website dari

chekli bisa langsung mendaftarkan akun di halaman ini tanpa dipungut biaya. Setelah mendaftarkan akun, user bisa langsung log in dan belanja online di

website toko online chekli terseut.

STIKOM

(57)

BAB VI

PENUTUP

a. Simpulan

Kesimpulan yang dapat di ambil dari Perancangan Desain Website Toko

Online Chekli adalah sebagai berikut:

1. Berdasarkan hasil dari diskusi dan brainstorming dengan pihak

perusahaan, Chekli membutuhkan perancangan desain website toko online

untuk memudahkan para costumer untuk bertransaksi. Desain yang di buat harus komunikatif, memudahkan user dalam mengaplikasikan website dan

membuat nyaman para costumer ketika sedang membuka website.

2. Desain harus komunikatif, menarik dan sesuai dengan karakter perusahaan

chekli.

3. Menggunakan warna, text, tipografi, layout dan gambar-gambar yang sesuai dengan konsep yang telah ditetapkan dari awal.

STIKOM

(58)

6.2 Saran

Berdasarkan penjelasan perancangan di atas maka dapat di berikan saran

untuk pengembang sistem ini sebagai berikut:

1. Sebagai perusahaan tas yang berkualitas, maka dari segi desain website

toko online harus lah memiliki desain yang menarik, komunikatif, nyaman, sesuai dengan karakter perusahaan. Agar costumer nyaman ketika sedang membuka website tersebut. Dan haruslah memiliki desain yang

memudahkan costumer untuk mengaplikasikan website tersebut, agar costumer tidak bingung ketika sedang membuka website dan

mengaplikasikannya.

2. Selalu dikembangkan desainnya, disesuaikan dengan perkembangan zaman namun tetap mempertahankan karakter desain dari chekli dan juga

tidak meninggalkan konsep dasar dari perusahaan.

STIKOM

(59)

DAFTAR PUSTAKA

Kusrianto, Adi. 2010. Pengantar Tipografi, Jakarta: PT. Elex Media Komputindo.

Kusrianto,Adi. 2007. Pengantar Desain Komunikasi Visual. Yogyakarta: Penerbit Andi.

Moriarty, Sandra, dkk. 2009. Advertising. Jakarta: Kencana Prenada Media Group.

Nugroho, Eko. 2008. Pengenalan Teori Warna, Yogyakarta: Andi.

Hakin, Arfial Arsad.1984. Nirmana dwi matra (Desain Dasar Dwimatra)

Internet

http://faculty.petra.ac.id di akses tanggal 17 oktober 2013

http://id.wikipedia.org/wiki/Toko di akses tanggal 17 oktober 2013 http://id.wikipedia.org/wiki/Online di akses tanggal 22 oktober 2013

http://www.jasa-pembuatan-blog.com/2013 di akses tanggal 23 oktober 2013

STIKOM

Referensi

Dokumen terkait

Alat-alat seperti ini disimpan berkelompok berdasarkan jenis alat, seperti tabung reaksi, gelas kimia, labu (seperti Erlenmeyer dan labu didih), corong, buret dan pipet,

Pakaian dinas yang dipakai di luar waktu dinas dapat menimbulkan perasaan tak bebas dan mungkin bila disalahgunakan dapat mencemarkan nama baik lembaha kerja atau

kehandalan model infiltrasi sederhana dalam mengurangi limpasan permukaan akibat hujan sangat deras diindikasikan oleh adanya selisih antara tingginya kenaikan muka

Program Pemberdayaan Usaha Kecil dan Menengah melalui perkuatan modal lembaga perbankan dan non bank adalah rangkaian kegiatan pemerintah daerah dalam bentuk pemberian pinjaman

Dari tabel tersebut di atas dapat diketahui bahwa siswa yang menyatakan selalu menambah semangat belajar ketika menonton acara siaran televisi 20%, dan yang menyatakan

Dalam era globalisasi semakin banyak perkembangan dalam dunia teknologi informasi salah satunya adalah konsep tentang streaming video yang bisa diakses melalui handphone

(a) Based on the transmissibility curve given as in Figure 3, select suitable values c and k if the mass of the module is 3 kg and the dominant vibration of the fender is

Dengan pertolongan- Nya penulis dapat menyelesaikan penulisan Tugas Akhir yang berjudul Desain Layout Dan Foto Website E-Commerce Toko Online Bluetsca.com.. Meskipun