BAB III DATA PERANCANGAN
3.1
Data Perusahaan 3.1.1. Tentang Perusahaan Benggol ART adalah sebuah perusahaan setara dengan UKM (Usaha Kecil Menengah), yang di bangun melalui komunitas PKK dari Kelurahan Duri Pulo, Jakarta Pusat. Awalnya perusahaan ini memang dikumpulkan oleh petugas kelurahan yang mengumpulkan tangan-tangan kreatif untuk mendapatkan training atau pelatihan kerajinan tangan yang di fasilitasi oleh pemerintah. Setelah beberapa waktu mendapatkan pelatihan para pelaku kerajinan tangan ini banyak menghasilkan karya yang bersifat daur ulang. Hingga suatu saat mereka ditantang untuk membuat bunga dari stocking, hanya bermodalkan tutorial dalam bentuk buku dan tanpa pengajar. Pak Benggol dan istrinya (sebagai pemilik dari benggol ART) mencoba menerjemahkan tiap kata dan cara yang di terapkan oleh buku tersebut untuk membuat bunga stocking. Hingga ketika beberapa kali mengikuti bazaar-bazaar yang di sediakan oleh pemerintah pusat setempat dan beberapa kali mendapat apresiasi ketika memperlihatkan hasil karya mereka, memutuskan untuk menjual. Awalnya perusahaan ini mendapatkan bahan utama dengan membeli dari pengepak bahan-bahan industri yang tidak layak digunakan dan masih terkonsep dengan istilah daur ulang, namun di pertengahan tahun 2013, perusahaan ini
22
mendapatkan market yang cukup luas untuk produk-produk kerajinan tangan, hingga mendapatkan kebanjiran order dan hal ini memaksa perusahaan ini untuk mendapatkan bahan baku yang lebih berkualitas dengan membeli bahan bahannya dari suplier, karena apabila membeli dari pengepak, mereka tidak selalu menjual bahan baku yang memenuhi kebutuhan untuk produk. 3.1.1. Visi dan Misi Perusahaan A. VISI Menjadikan perusahaan Handicraft ini yang terkemuka kreatif dan berinovatif baik dari segi produk maupun dari segi pemasaran sebagai pengrajin tangan yang professional dan dapat memuaskan konsumen B. Misi 1.
Merancang produk yang memiliki nilai estetika yang tinggi
2.
Mengenalkan produk-produk handicraft Indonesia sampai ke pasar international.
3.
Memberikan
pelayanan
yang
mempermudah
konsumen
dalam
melakukan transaksi. 4.
Memberikan inovasi produk handicraft yang baru.
5.
Terus menggali nilai seni yang berpotensial tinggi di Indonesia, untuk dikembangkan menjadi produk handicraft.
3.1.3. Logo Perusahaan Logo adalah lambang atau simbol khusus yang mewakili suatu perusahaan atau organisasi. Sebuah logo bisa berupa nama, lambang atau elemen grafis lain yang ditampilkan secara visual. Sebuah logo diciptakan sebagai 23
identitas agar unik dan mudah dibedakan dengan perusahaan competitor / pesaing. Logo bisa diibaratkan dengan wajah. Setiap orang bisa dengan mudah dikenali antara satu dengan yang lain hanya dengan melihat wajah. Begitu juga halnya dengan logo. Logo merupakan sebuah visi penyampaian citra positif melalui sebuah tampilan sederhana dalam bentuk simbol.
Gambar 3.1.3A : (Logo Perusahaan untuk Toko Online)
Logo tidak menjadi fokus dalam pembuatan Toko Online Handicraft ini, namun logo di sesuaikan dalam format toko online dan mengalami sedikit perubahan nama dengan komposisi yang sama dari logo perusahaan pada awalnya, di fungsikan untuk membentuk komposisi yang baik dalam penempatan logo
Gambar 3.1.3B : (Logo perusahan awal)
24
3.1.4. Tentang Produk Produk yang di jual oleh perusahaan ini adalah karya kerajinan tangan yang dihasilkan dari peralatan yang cukup sederhana, produk produk yang dijual di kelompokan menurut bahan baku utama yang di pakai. ( contohnya : aneka rangkaian bunga dari stocking, menggunakan bahan baku utama stocking ) berikut adalah detil produk produk yang di jual perusahaan ini A.
Bunga stocking Bunga stocking adalah sebuah karya seperti rangkaian bunga pada
umumnya, yang dibuat menggunakan bahan utama berupa stocking. Dengan bahan bahan seperti kawat, solatip bewarna lem silikon dan beberapa pernak pernik, yang di disain untuk menjadi sebuah bentuk rangkaian bunga yang indah dan di fungsikan untuk menambah aksen dalam ruang kerja atau ruangan ruangan tertentu dalam kantor atau rumah.
Gambar 3.1.4A : (Produk Bunga Stocking)
25
B.
Pensil Ondel Ondel Jakarta Pensil ondel-ondel adalah pensil yang diberikan sebuah bentuk icon
Jakarta yaitu ondel ondel, dibuat semirip mungkin namun tetap diberikan sentuhan khas. Menggunakan kain flannel dan dakron untuk membuat bentuk boneka yang di tempelkan pada atas pensil.
Gambar 3.1.4B : (Produk pensil ondel ondel) C.
Boneka flanel Boneka flanel adalah boneka yang dibuat berpasang pasangan dengan
menggunakan bahan baku utama flannel dan dakron, dibuat dengan menggunakan pakaian adat nasional, adapun dalam bentuk ondel ondel Jakarta.
Gambar 3.1.4C : (Produk Boneka Flanel)
26
3.2
Data Online 3.2.1. Custum Management System (CMS) CMS adalah sebuah aplikasi web atau software web yang tujuannya untuk memudahkan dalam pengelolaan (upload,edit,menambahkan,dll) konten dalam sebuah website/blog/aplikasi web tanpa harus dibekali pengetahuan tentang hal-hal yang bersifat teknis tanpa harus memiliki pengetahuan tentang bahasa pemrograman web, jadi dengan CMS walaupun kita tidak dapat membangun sebuah website tanpa harus paham mengenai html dan yang lainnya,si dalam CMS, manajemen file-file juga sangat terstruktur, setiap elemen antara isi dan tampilan desain terpisah.
A. Keuntungan Mengunakan CMS
Konsistensi design website dapat dijaga
Content yang dikehendaki dapat dipublikasikan tanpa pengeditan oleh orang lain.
Menghemat biaya untuk mempekerjakan web specialist.
Notifikasi otomatis kepada pemilik website jika ada content yang sudah kadaluarsa.
Memungkinkan kerjasama yang baik antar pengelola suatu website
Mengurangi kompleksitas dalam pengelolaan informasi ke website
http://yudis-tiro15.blogspot.com/2013/04/pengertian-dan-contoh-contoh-cms.html
27
B. Fasilitas Dasar CMS -
Content Authoring, Editing and Management
-
Workflow, Collaboration, and Security
-
Publishing
-
Standarts Support
-
Technical specifications
3.2.2. Jenis Jenis CMS A. CMS Wordpress Tentu bagi kalian yang sudah lalu lalang di dunia web dan blog tidak asing lagi dengan CMS ini, namun untuk informasi bagi yang belum tahu, CMS Wordpress ini adalah sebuah CMS yang sebenarnya dikategorikan ke dalam CMS jenis Blog. Meskipun di khususnya untuk blog, namun kenyataannya banyak sekali developer-developer yang menggunakan CMS ini untuk membuat sebuah website baik itu company profile, hingga toko online. Karena CMS Wordpress ini selain User Friendly, juga memiliki fitur dan layanan yang banyak, selain itu dukungan komunitas juga sudah menyebar luas. Selengkapnya tentang CMS Wordpress bisa dilihat di postingan saya di "CMS Wordpress".
28
B.
CMS Joomla CMS Joomla juga banyak yang menggunakannya. Mayoritas CMS
Joomla digunakan untuk membuat sebuah website baik itu company profile, personal, website sekolah, hingga toko online. Karena CMS Joomla ini memang dikhususnya untuk membangun website yang powerfull. Meskipun CMS Wordpress juga powerfull, tetapi CMS Joomla lebih komplek dari CMS Wordpress dan sistem manajemennya yang sedikit rumit dari CMS Wordpress. Untuk informasi lengkap tentang CMS Joomla bisa dilihat di postingan saya di "CMS Joomla" C.
CMS Drupal Dengan Drupal Anda dapat dengan mudah membangun berbagai jenis
halaman website dari membuat blog sederhana sampai forum online dengan komunitas yang besar. Desain Drupal memang tidak sebagus Joomla!, tapi sangat mudah untuk di-customize. Drupal memiliki beberapa modul tambahan yang menarik, seperti untuk search tool dan search engine friendly URL, dan agregator berita. D.
Aura CMS Ini adalah salah satu CMS hasil buatan anak indonesia. Namun, CMS ini
masih banyak mempunyai kekurangan dibandingkan CMS-CMS seperti di atas, tetapi jika anda mampu mengembangkan CMS ini, alhasil CMS ini akan setara
29
dengan CMS-CMS yang sudah populer saat ini. Selengkapnya tentang Aura CMS di sini. E.
CMS Opencart CMS OpenCart adalah CMS khusus untuk membuat sebuah Toko
Online. CMS ini juga banyak dipakai baik bagi kalangan personal maupun developer yang ingin membangun sebuah toko online. CMS Opencart ini sudah bisa dibilang lengkap, karena memang CMS ini dikhususkan untuk ECommerce. Beda dengan CMS-CMS diatas. Kekurangan CMS Opencart adalah dari sisi SEO, tetapi untuk manajemen kontennya CMS ini bisa dibilang mudah. Selengkapnya tentang CMS Opencart bisa dilihat di sini F.
CMS Pretshop CMS Prestashop juga sama dengan CMS Opencart, kedua CMS ini
sama-sama dikhususkan untuk membuat sebuah toko online dengan mudah. Selengkapnya tentang CMS Prestashop bisa dibaca di sini 3.2.3. Istilah Dalam Website a. Nama Domain Nama domain atau biasa disebut dengan Domain Name atau URL adalah alamat unik di dunia internet yang digunakan untuk mengidentifikasi sebuah website, atau dengan kata lain domain name adalah alamat yang digunakan untuk menemukan sebuah website pada dunia internet.
30
Nama domain diperjual belikan secara bebas di internet dengan status sewa tahunan dan maxsimal 10 tahun. Setelah Nama Domain itu terbeli di salah satu penyedia jasa pendaftaran, maka pengguna disediakan sebuah control panel untuk administrasinya dan control panel domain untuk settingan domain itu sendiri. Jika pengguna lupa/tidak memperpanjang masa sewanya, maka nama domain itu akan di lepas lagi ketersediaannya untuk umum. Berikut gambar ilustrasi :
Gambar 3.2.3A : (Redemption Priode Domain)
Ada 2 jenis nama domain yang beredar saat ini di Internet, yaitu Top Level Domain Name (TLD) dan Country Code Top Level Domain Name (ccTLD) atau Local Domain.
31
Top Level Domain Name (TLD)
Tabel 3.2.3A : (Tabel Top Level Domain) 32
Country Code Top Level Domain (ccTLD) Country Code Top Level Domain Name atau disebut juga Local Domain, adalah nama domain yang disesuaikan dengan kode negara yang bersangkutan, Misal :
Tabel 3.2.3B : ( Contry Code Top Level Domain )
Daftar lengkap untuk ccTLD dapat dilihat pada "Lampiran I :Indeks Kode Negara Untuk Nama Domain". Lalu di masing-masing negara ada beberapa domain lokal (local domain). Sebagai contoh di Indonesia, berikut ini adalah daftar nama domain lokal yang digunakan di Indonesia:
33
Tabel 3.2.3C : (cc LTD) Saat ini domain yang berakhiran ".id" dikelola oleh Depkominfo. Informasi mengenai kebijaksanaan (policy) domain ".ID" beserta informasi lainnya dapat diperoleh di situs web Depkominfo (http://www.register.net.id ). Domain yang didaftarkan di Indonesia harus berada di bawah Second Level Domain (SLD) ac.id, co.id, or.id, net.id, web.id, sch.id, go.id, mil.id. Masingmasing SLD memiliki aturan yang berbeda. TLD lain dapat menerapkan kebijaksanaan yang lain.
34
b. Hosting Hosting merupakan tempat penyimpanan file situs. Yakni tempat di mana semua file yang digunakan untuk situs berada. Mulai dari Softacaulos autoinstaller CMS, serta settingan lainnya yang ada di dalamnya. Sebagaimana tempat penyimpanan file, hosting memiliki ukuran yang beranekaragam. Tergantung jasa hosting menyediakan paket – paket Untuk hosting skala kecil, sampai dengan 100GB, Anda bisa menyewanya. Sedangkan untuk hosting yang berukuran besar, biasanya digunakan server sendiri bisa VPS (virtual private server) atau yang lebih besar Colocation Server dan Dedicated Server yang berfungsi sebagai web server. Lokasi server pun dapat beragam bisa di letakan di Indonesia (iix) atau Amerika,Singapore, Jerman dan lainnya. c.
Browser
Gambar 3.2.3B (Google Browser)
35
Gambar 3.5.3 (Opra Browser)
Gambar 3.5.4 (Mozila Browser)
Gambar 3.5.5 (Safari Browser) 36
Adalah sebuah software yang digunakan untuk menyelusuri dan menampilkan informasi dari webserver, seperti Internet expoler, opera, mozila firefox dan lain lain. d.
Konten Segala sesuatu yang dapat dilihat oleh pengunjung baik berupa gambar,
tulisan, animasi, video, suara, tombol navigasi dan sebagainya. Jadi jika kita mengunjungi suatu website sebenarnya yang kita kunjungi adalah content. Pengaturan content ini dilakukan pada saat pemograman website (coding), entah itu jenis contentnya, warna, posisi dan sebagainya. Hal inilah yang mendasari perencanaan pembuatan website harus dilakukan sebaik mungkin, karena content-content yang akan ditampilkan pada website baik posisi maupun jenisnya akan ditentukan dari sini. e.
Download dan Upload Sebuah proses dalam pengambilan file-file tertentu yang terdapat di
internet baik melalui web server, FTP server,mail server, server ataupun sistem lain yang identik.Upload : suatu cara untuk mengirimkan data anda (contoh: data gambar, data program, data word, data excel, data pdf) dari PC milik pribadi ke sebuah sistem Server atau sistem yang mirip lainnya dan data kita akan di publikasikan di internet sehingga data milik kita bisa dilihat dan diambil oleh orang lain. Attachment File : untuk mengirimkan suatu file (baik berupa video,gambar,animasi dll) melalui email ke alamat email tujuannya.
37
f.
FAQ (Frequantley Asked Question) Adalah pertanyaan yang sering diajukan dalam daftar pertanyaan dan
jawaban sering ditanyakan dalam beberapa konteks, dan berkaitan dengan topik tertentu. "FAQ" biasanya diucapkan sebagai initialism bukan akronim, tapi bentuk akronim tidak ada. Karena singkatan FAQ berasal di media tekstual, pengucapannya bervariasi; "fack", "faak", "fax", and "facts" yang sering didengar. Tergantung pada penggunaan, istilah ini mungkin merujuk secara khusus untuk pertanyaan yang sering diajukan tunggal, atau daftar dirakit dari banyak pertanyaan dan jawaban mereka. FAQ adalah dokumen online yang menimbulkan serangkaian pertanyaan dan jawaban yang umum tentang topik tertentu. FAQ berasal dalam kelompok Usenet sebagai cara untuk menjawab pertanyaan tentang aturan layanan. Saat ini, ada FAQ di Web untuk banyak topik. Sering, FAQ diformat sebagai file bantuan atau dokumen hypertext. g.
Webmail Webmail adalah layanan email yang bisa diakses menggunakan web
browser internet explorer, firefox dan opera, google crome, safari, netscape dan lain-lain. Kelebihan webmail bisa dibuka oleh komputer yang berbeda secara langsung tanpa harus mengatur ulang layanan. Manfaat menggunakan webmail yaitu email yang kita kirim akan dapat diakses dari mana saja. Berbeda jika kita menggunakan aplikasi lain seperti Outlook Express, Mozilla’s Thunderbird dimana email tersebut hanya dapat diakses dari komputer tertentu. dan salah
38
satunya kerugian kita mengakses email lewat webmail adalah harus terhubung dengan koneksi internet jika ingin mengecek atau membaca email di akun pengguna itu sendiri. h.
HTML HTML atau Hypertext Markup Language adalah suatu sistem penulisan
perintah dan formating hypertext sederhana yang ditulis ke dalam dokumen teks ASCII agar dapat menghasilkan tampilan visual yang terintegrasi. Dengan kata lain, dokumen yang dibuat dalam aplikasi pengolah kata dan disimpan ke dalam format ASCII normal sehingga menjadi home page dengan tampahan perintahperintah HTML. HTML lebih menekankan pada penggambaran komponen-komponen struktur dan formatting di dalam halaman web dari pada menentukan penampilannya. Sedangkan web browser digunakan untuk mengiterpretasikan perintah-perintah HTML. Salah satu hal penting tentang eksistensi HTML adalah tersedianya lingua franca (bahasa komunikasi). HTML tidak di disain untuk dekstop publishing, tetapi didesain sebagai bahasa pengkodean untuk World Wide Web. HTML menawarkan beberapa kemampuan untuk menampilkan dokumen melalui berbagai macam sistem komputer.
39
i.
CSS CSS adalah Style Sheet yang digunakan untuk mengatur tampilan
dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda. j.
PHP Menurut Swastika (2006) PHP merupakan bahasa berbentuk skrip yang
ditempatkan dalam server dan diproses di server. Hasilnya akan dikirimkan ke client, tempat pemakai menggunakan browser. PHP dikenal sebagai sebuah bahasa scripting, yang menyatu dengan tag-tag HTML, dieksekusi di server, dan digunakan untuk membuat halaman web yang dinamis seperti halnya Active Server Pages (ASP) atau Java Server Pages (JSP). PHP merupakan sebuah software open source. Nah, hal inilah yang membedakan ASP dengan PHP. 3.3
Element - Elmen Penting Dalam Perancangan Toko Online 3.3.1
Informasi Harga yang Jelas dan Tidak Tercampur Aduk Pernahkan Anda mengecek sebuah produk secara online dan Anda tidak
yakin apa perbedaan dari paket Gold dan paket Silver? Atau paket untuk Pro yang mirip-mirip dengan paket Basic? Tanpa adanya tabel atau halaman khusus yang menunjukkan perbedaan jelas tentang nilai yang dimiliki setiap produk, Anda tidak akan bisa melakukan banyak penjualan.
40
Jadi bagaimana seseorang bisa membuat perbedaan jelas diantara banyaknya golongan dan paket produk yang mereka miliki? Cara yang paling efektif adalah menggunakan filosofi yang mudah berfokuslah pada keuntungan, bukannya fitur,dan tekankan pada perbedaan-perbedaan yang ada. Tabel harga yang paling efektif bisa memungkinkan Anda untuk menegaskan nilai yang ingin Anda tonjolkan dari setiap pilihan yang ada, dan bisa memperlihatkan dengan jelas perbedaan dari semuanya. 3.3.2
Kepercayaan Pelanggan Seiring dengan fakta bahwa ada begitu banyak transaksi yang dilakukan
secara online, kurangnya interaksi secara personal melalui media ini bahkan kesalahan yang kecil dalam halaman toko online Anda bisa dengan cepat menghapus kepercayaan pelanggan pada produk dan bisnis Anda. Walaupun begitu, banyak cara untuk membangun kepercayaan, dan hampir semuanya mudah untuk diimplementasikan. Sebagai contoh, jadi Anda menggunakan sertifikasi SSL untuk mengamankan transaksi yang terjadi, terutama saat Anda mencatat nomor kartu kredit, tunjukkan hal tersebut! Banyak pelanggan tahu bagaimana menguji keamanan sebuah halaman web saat melakukan transaksi secara online, jadi mereka akan mencari logo gembok yang biasanya menandakan keamanan. Berikan penjelasan yang jelas tentang program pengembalian uang (refund) yang anda miliki, jadi pelanggan Anda tahu bahwa mereka akan
41
mendapat sebuah solusi saat ada yang tidak berjalan sesuai rencana. Tampilkan nomor telepon dan alamat kantor Anda, atau bahkan tawarkan chatting langsung di situs Anda, untuk membantu Anda menanggulangi pertanyaan-pertanyaan yang muncul sebelum pembelian. Akhirnya, tentukan sebuah ekspektasi bagi pelanggan Anda, kapan dan bagaimana mereka akan mendengar kabar dari Anda. Hal itu merupakan cara mudah untuk berkomunikasi, dari pada membiarkan pelanggan Anda merasa digantung dan tidak tahu apakah pertanyaan mereka sudah dijawab atau belum. 3.3.3
“Sosial Proof” yang Tidak Biasa Bukan menjadi rahasia lagi bahwa ‘social proof’ membantu menaikkan
tingkat penjualan, tapi biasanya hanya digunakan dalam bentuk logo atau dukungan dari selebriti. Pakailah cara yang tidak biasa digunakan untuk menciptakan ‘social proof’, pakailah orang-orang yang memang berbelanja di toko Anda ditambah foto mereka. Bagikan cerita tentang kasus yang penting atau anekdot dari klien. Memasukkan ‘social proof’ ke dalam halaman produk Anda adalah cara untuk menambah dan menguatkan pengaruh positif dari sebuah produk kepada pelanggan Anda. Hal itu bisa berbentuk apa saja, dimulai dari testimonial pelanggan, rating, atau sekedar memberitahu jumlah barang yang tersisa dalam inventori Anda.
42
Netfix terkenal karena algoritma rating film yang mereka miliki, yang memperhitungkan
rating
semua
pelanggan
secara
keseluruhan,
dan
menggunakannya untuk memprediksi rating untuk setiap user. Sangat menyenangkan saat Anda bisa mengetahui bahwa sebuah film akan cocok dengan selera Anda, dan hasil penilaiannya bukan hanya berdasar pada film yang sudah Anda tonton, tapi juga bersumber dari film yang ditonton orang lain yang memiliki selera mirip dengan Anda. 3.3.4
Perlihatkan dan Katakanlah Banyak halaman produk yang menyediakan terlalu sedikit penjelasan
tentang apa yang sebenarnya dibeli oleh pelanggan Anda. Hal ini sangat jelas pada halaman penjualan software, jika Anda menjual sebuah software, maka tunjukkan apa yang bisa dilakukannya melalui sebuah demo. Gunakanlah fungsi yang dimiliki produk tersebut untuk menjual dirinya sendiri. Cobalah lihat tur produk yang luar biasa milik Joyride, sebuah plugin yang dikhususkan untuk membuat tur produk. Dengan segera mereka akan mengkomunikasikan keuntungan inti dari sebuah produk dengan menggunakan fungsi produk tersebut untuk mendemonstrasikan dirinya sendiri. 3.3.5
Fiture Close Up yang Baik Tentunya, kebanyakan halaman produk memiliki gambar yang besar
tentang produk yang ditawarkan. Tapi bagaimana kalau kita ingin melihat bagian belakangnya? Bagian bawahnya? Detail jahitannya? Tanyakan pada diri 43
Anda sendiri, “bagaimana cara saya bisa melihat produk secara keseluruhan dan lebih personal sebelum saya membelinya?” Menawarkan sejumlah gambar yang cocok untuk sebuah produk akan memungkinkan pengunjung situs Anda bisa merasakan sedekat mungkin dengan produk tersebut secara digital. Anda bisa saja menyediakan gambar dengan resolusi tinggi agar user bisa melakukan pembesaran untuk melihat detail yang mereka butuhkan dengan kualitas gambar yang tidak menurun. 3.3.6
Pilihan Mirip dengan menampilkan beberapa foto untuk sebuah produk, sebuah
unsur yang sering dilupakan adalah menampilkan variasi dari sebuah produk. Sebagai contoh, apakah ada versi lain dari produk tersebut yang memiliki tambahan khusus? Adakah model yang menggunakan bahan berbeda dan tekstur yang lebih kasar atau lembut? Ingatlah bahwa gambar-gambar yang Anda letakkan di halaman produk adalah satu-satunya faktor yang dimiliki pelanggan dalam membuat keputusan, jadi jika mereka tidak bisa melihat dengan jelas apa yang akan mereka dapat, mereka mungkin akan ragu-ragu dalam melakukan transaksi. Mungkin Anda tidak hanya menampilkan gambar dalam jumlah dan sudut yang bervariasi, tapi bisa saja Anda menampilkan semua gambar kombinasi warna yang mungkin untuk produk Anda. Untuk menambah poinnya, bisa saja Anda membolehkan pelanggan Anda untuk masuk ke daftar email 44
Anda sehingga mereka bisa mendapat notifikasi saat warna yang mereka inginkan sudah ada. 3.3.7
Berinvestasila Dalam Penulisan Salah satu bagian pokok dari sebuah halaman produk adalah bagian fitur
dan detail dari sebuah produk. Seringkali, kebanyakan toko hanya akan menampilkan poin-poin tersebut dalam sebuah daftar biasa, dan membiarkannya begitu saja. Daftar seperti itu akan memberatkan pengunjung karena mereka harus menentukan sendiri keuntungan yang benar-benar dimiliki produk yang bersangkutan. Anda akan membuat mereka berpikir keras karena mereka yang bertugas menentukan perbedaan dan kelebihan produk Anda dengan kompetitor. Berfokus pada kelebihan dan keuntungan yang akan didapat pengguna Anda akan sangat membantu mereka, karena hal ini akan menjawab pertanyaan paling penting yang ada dalam benak pengunjung, kenapa saya harus membeli produk ini? Hal ini bisa dicapai dengan cara penulisan yang baik dalam halaman produk. Sebuah tulisan yang baik akan membantu sebuah produk untuk lebih diminati, dan sekaligus menghibur pengunjung situs Anda. 3.3.8
Kecepatan Dalam Membuat Halaman Sangat lucu bahwa salah satu unsur yang diabaikan dari desain sebuah
halaman produk bahkan tidak ada dalam halaman tersebut , atau setidaknya tidak
45
terlihat. Kecepatan untuk memuat sebuah halaman bisa menjadi faktor yang sangat menentukan apakah pengunjung Anda akan membeli atau langsung pergi saja. Ini artinya Anda harus tetap memperhatikan kecepatan saat mendesain halaman produk Anda, terutama jika Anda berencana menggunakan gambar dalam jumlah banyak, atau media lain yang berukuran besar. Berdasarkan hasil studi baru-baru ini, pengguna akan menentukan bagus tidaknya sebuah website dalam 3 detik, yang artinya makin lama Anda membuat mereka menunggu, makan makin kecil kemungkinan Anda bisa menarik perhatian mereka. Jangan membuat pelanggan (atau calon pelanggan) Anda menunggu terlalu lama. Pemain besar dalam dunia penjualan online, Amazon, memiliki halaman produk yang sangat cepat dimuat, sesuatu yang harus dimiliki, ketika jeda beberapa detik bisa berarti kehilangan banyak pelanggan potensial. 3.3.9
Langkah yang Jelas Mungkin ini adalah kesalahan terbesar dalam sejarah internet, tapi terlalu
banyak halaman produk dipenuhi dengan berbagai pilihan aksi yang bisa diambil pengunjung. Contohnya: melihat foto pengunjung, melihat harga, meminta bantuan, berbicara dengan representatif, membaca ulasan. Tanpa desain yang baik, semua hal tersebut akan bercampur menjadi kekacauan, dan membuat pelanggan Anda merasa kebingungan.
46
Mungkin Anda sangat tertarik untuk menggunakan halaman produk Anda semaksimal mungkin, tapi ingatlah bahwa fokus dan kejelasan adalah kunci utama untuk benar-benar menuntun pelanggan Anda ke arah tujuan utama Anda, penjualan. Beberapa cara umum untuk mendesain adalah menggunakan tombol yang kontras dengan background, unik, dan tidak mengelilingi tombol aksi dengan hal-hal lain. 3.3.10 Penjualan Secara Tidak Langsung Jika Anda menjual software atau jasa, maka tanpa penjualan tidak langsung Anda pasti kehilangan beberapa kesempatan. Bisakah Anda memberikan masa percobaan gratis? Jasa gratis untuk satu bulan? Bisakah pengunjung mendaftarkan sebuah akun tanpa membayar, mendownload software secara gratis lalu tinggal mengaktifkannya nanti, atau bermain menggunakan versi demo Seringkali, pengguna tidak akan mau memutuskan untuk membeli produk Anda begitu saja. Karena itu, Anda harus membuat mereka terpancing dengan cara penjualan kecil-kecilan yang tidak akan terlalu membebani mereka. Dengan cara membangun hubungan Anda dengan membuat pengguna melakukan komitmen kecil untuk membeli, Anda sedang membangun jalan menuju penjualan yang besar.
47
3.3.11 Jalur Yang Tepat Seberapa banyak langkah yang diperlukan antara halaman produk Anda, dan halaman konfirmasi transaksi? Jika Anda tidak tahu, mungkin langkahnya terlalu banyak. Jika hal ini terjadi pada situs Anda, jangan terlalu banyak berharap mendapat banyak penjualan. Jika pelanggan sedang berada dalam halaman konfirmasi, maka bawa mereka menuju halaman transaksi akhir secepat dan seefisien mungkin. Jangan membuat proses pembelian mereka selayaknya sebuah perjalanan berat, yang memungkinkan mereka berpikir untuk tidak jadi membeli sepanjang waktu tersebut. Lawanlah keinginan untuk mengalihkan pengguna Anda dengan apapun yang akan membawa mereka pergi dari jalur transaksi pembelian Anda. Jangan membawa mereka ke bagian lain dari situs Anda hanya karena mereka sepertinya akan menyukainya. Jangan ganggu mereka dengan tautan ke postingan terakhir Anda. Anda sudah bekerja keras untuk membawa pengunjung menuju tahap ini, jadi biarkan mereka menyelesaikan transaksi sebelum Anda membawa mereka ke halaman lain. Kesimpulan Halaman produk bisa menjadi sebuah proses dansa yang sulit, dimana sebuah langkah yang salah akan membuat Anda kehilangan kepercayaan dari pasangan dansa Anda, dalam hal ini, pengunjung situs Anda.
48
Gunakanlah waktu untuk menyiapkan setiap elemen diatas dengan baik dan dengan itu, kemungkinan besar Anda bisa mendapat penjualan yang tinggi dan mendapat hasil yang lebih baik. 3.4
Tahap Dasar Desain Toko Online Handycraft 3.4.1
Merumuskan Tujuan Pembuatan website Berdasarkan fungsi dan kegunaannya website di katagorikan menjadi
beberpa jenis web design sebgai berikut : 1.
Web Perseorangan, yaitu situs yang di gunakan untuk menceritakan tentang biografi diri, pengalaman pribadi, dsb (contoh : Blog pribadi).
2.
Web Komersial, yaitu situs yang biasa dipakai untuk menunjukan produk dan jasa dari suatu perusahaan, atau juga dapat melakukan transaksi online (dengan system shoping chart). (contohnya : company profile dan shop online).
3.
Web Pemerintahan, yaitu jenis situs yang hanya boleh digunakan oleh instansi kepemerintahan setempat.
4.
Web non-Profit, yaitu jenis website yang khusus digunakan untuk sebuah yayasan
Berdasarkan keberadaan konten management system (CMS) : 1.
Web Statistic Yaitu situs website yang langsung ditulis dalam bentuk HTML dan berbentuk sederhana seperti web disain klasik, disain website lima halaman, website produk dan jasa.
49
2.
Web Dinamis Yaitu situs website yang di tulis dalam bentuk bahasa pemograman dan database seperti : PHP, ASP, Javascript, Ajax, JQuery, MYSQL. Dalam perkembangan web dinamis menggunakan CMS sebagai Back-end untuk administrator web tersebut. Salah satu yang paling sangat terkenal SEO friendly adalah wordpress. Sangat handal sekali untuk dipakai sebagai website dinamis karena kecepatan dan structure front end yang google friendly. Membuat web dengan wordpress sangat mudah dan cepat untuk dipelajari, adapun CMS lain berupa : Joomlah, Drupal dsb.
3.5
Langkah Mempersiapkan DesainWebsite 3.5.1
Tujuan /Goal website Setiap disain harus mempunyai tujuan yang jelas dan goal apa yang ingin
di raih melalui website tersebut. Jika itu website portfolio, tentukan tujuan nya, apakah untuk mendapatkan project baru? , melakukan personal branding atau untuk menjadi semacam katalog online hasil kerja kita? Dengan tujuan yang jelas maka kita akan dengan mudah menemukan konsep dan gaya desain yang pas. Hindari tujuan untuk ‘tampil keren’ di awal pemikiran, karena desain yang kita anggap keren itu mungkin hanya bertahan dalam waktu 1 bulan saja, sehingga dalam waktu singkat kita merasa harus mendesain kembali website kita. “Keren” itu hanya “kulit” nya, yang terpenting adalah fungsi dan tujuan website tersebut.
50
3.5.2
Site Map
Gambar 3.5.2 : (Contoh Site Map)
Site map merupakan bagian yang sangat vital, karena akan menjadi gambaran alur informasi yang jelas mengenai website yang kita buat. Tentukan navigasi dan fiture yang diperlukan di tahap ini dan buang fitur yang tidak efektif. 3.5.3
Sketsa/Wireframe
Gambar 3.5.3: (Contoh Sketsa)
Alangkah baiknya sebelum membuat desain website dalam bentuk digital, sebaiknya kita membuat sketsa awal, meskipun hanya sekedar coret coret belaka, sketsa berfungsi sangat vital sebagai panduan awal untuk disain digital. Langkah seperti ini dilakukan untuk
51
mengantisipasi dua kali pengerjaan ketika merancang dalam bentuk digital. 3.5.4
Resolusi dan warna 72 dpi adalah standar resolusi dalam pembuatan website untuk tampilan
monitor (jangan pernah sekali-kali menggunakan hingga mencapi 100dpi, karena ukuran aslinya akan membesar juga). Dan gunakan warna RGB yang memang dikhususkan untuk monitor. 3.5.5. Lebar konten website Sebaiknya lebar konten di beri ukuran maksimal lebar 960pixel, karena biasanya kita menggunakan 1024x768 pixel untuk sebuah ukuran background atau full image pada website. Ini berfungsi untuk menjaga area konten agar tidak terlalu melebar dan tetap dapat terfokuskan point-point penting yang ada pada web. 3.5.6
Menggunakan Grid System Grid sistem berfungsi untuk membentuk suatu kekonsistensi dari suatu
desain yang sedang dirancang, bukan berarti grid system membatasi dalam melakukan disain, tapi lebih ke pembentukan komposisi yang sesuai. 3.5.7
Managemant Layer Pada Software Design Kadang kita sering meremehkan management layer software design,
mungkin karena itu kita yang membuat itu menjadi hal yang biasa, yang menjadi
52
pertanyaan, bagaimana bila terjadi suatu desain yang harus di revisi namun layer pada program editing berantakan dan tanpa nama dan spesifikasi dari object, itu pasti akan membingungkan dan akan menjadi kendala kita dalam membuat disain. Kesimpulan 7 langkah diatas adalah langkah awal kita supaya terbiasa mendesain dalam keadaan yang terorganisir (khususnya desain web) karena kita tau, terkadang kita tidak bisa mengerjakan suatu project sendirian. Dalam ini mungkin kita butuh rekan yang di bentuk dalam suatu TIM dengan kontribusi dan keahlian masing-masing. 3.6
Refrensi Disain
Gambar 3.6.1: (Layout www.tokobagus.com)
Gambar 3.6.2 : (Layout bubble Site)
53
Gambar 3.6.3 : (Layout www.fokusnusantara.com)
54
Gambar 3.5.4 : (www.lazada.co.id)
