Catalog online beauty Halaman ini berfungsi untuk menampilkan gambar produk kecantikan beserta harganya. Setiap gambar merupakan link yang menuju ke halaman spesifikasi produk. Halaman spesifikasi produk akan menampilkan gambar produk kecantikan lebih besar dan jelas, jenis produk, kode produk, merk produk, netto (berat bersih produk), kuantitas/ paket dan harganya. Catalog online chemical Halaman ini berfungsi untuk menampilkan gambar produk kimia beserta harganya. Setiap gambar merupakan link yang menuju ke halaman spesifikasi produk. Halaman spesifikasi produk akan menampilkan gambar produk kimia lebih besar dan jelas, jenis produk, kode produk, merk produk, netto (berat bersih produk), kuantitas/ paket dan harganya. Order form Fasilitas ini menyediakan form pemesanan yang dapat diisi oleh pelanggan yang ingin melakukan pemesanan. Fasilitas ini berfungsi untuk mempermudah proses pemesanan produk. Pelanggan yang telah mengisi form pemesanan dan mengirimkannya melalui tombol send akan dikonfirmasi lebih lanjut oleh CV. Aneka Karya Utama mengenai pemesanannya. Contact us Fasilitas ini berfungsi untuk memberikan informasi mengenai nomor telepon, faksimili dan alamat e-mail. Sarana sarana ini akan mempermudah pelanggan untuk menyampaikan saran, keluhan dan kritik untuk CV. Aneka Karya Utama. (Frequently Asked Question) Halaman ini menampilkan topik pertanyaan berkaitan dengan masalah yang sering ditemui oleh pelanggan berhubungan dengan CV. Aneka Karya Utama. Setiap pertanyaan merupakan link menuju ke halaman yang menampilkan jawaban dan penjelasan dari solusi masalah. Fasilitas ini berfungsi untuk membantu pelanggan 79
menemukan solusi atas masalah yang mereka hadapi berkaitan dengan CV. Aneka Karya Utama secara cepat. Berdasarkan sistem pemasaran konvensional pada CV. Aneka Karya Utama maka perlu dilakukan beberapa prosedur untuk penggunaan web site pemasaran. Beberapa prosedur tersebut adalah sebagai berikut : Sistem pemasaran CV. Aneka Karya Utama akan dilaksanakan seperti biasa, yakni melalui media kertas (brosur), telepon dan faksimili. Namun sosialisasi web site akan mulai dilakukan dengan mencantumkan alamat web site dan e-mail pada brosur. Untuk setiap pengiriman paket pesanan terhadap pelanggan dapat disertakan pencantuman alamat web site dan e-mail CV. Aneka Karya Utama. Sosialisasi secara lisan dapat dilakukan dengan memberitahukan alamat web site dan e-mail CV. Aneka Karya Utama terhadap pelanggan yang menghubungi CV. Aneka Karya Utama. Informasi mengenai produk terbaru dan perubahan harga harus segera diperbaharui sesuai dengan perkembangan yang terjadi. Hal ini bertujuan untuk menjaga informasi dalam web site tetap up to date. Dalam hal ini informasi dalam web site yang sudah tidak terpakai lagi hendaknya segera dihapus. Pelanggan yang ingin melakukan pemesanan produk dapat diperkenalkan kepada order form online yang terdapat pada web site CV. Aneka Karya Utama. 80
4.7 Perancangan Web Site Pemasaran Perancangan web site pemasaran untuk CV. Aneka Karya Utama ini menggunakan Microsoft Windows 2000 dengan program Dreamweaver dan HTML (Hyperteks Markup Language). Fitur- fitur yang akan digunakan dalam web site bertujuan untuk memudahkan pelanggan dalam mencari informasi yang mereka butuhkan. Untuk memudahkan pelanggan dalam menggunakan web site ini maka web site akan dirancang dengan format teks yang sama, warna yang sesuai dan susunan yang teratur dan terarah. Web site ini akan menggunakan bahasa Inggris. Bahasa Inggris merupakan bahasa universal yang memungkinkan calon pelanggan lain dari berbagai negara untuk memesan produk pada CV. Aneka Karya Utama, sebab pemakaian web site akan memperluas jangkauan pemasaran CV. Aneka Karya Utama. 4.8 Diagram peralihan (STD/ State Transition Diagram) Fitur-fitur dalam web site ini memiliki link antar bagian yang apabila diklik akan menuju ke halaman-halaman dalam web site yang akan dirancang ini. Diagram peralihan akan menggambarkan secara jelas hubungan antara suatu fitur dengan fitur yang lainnya. 81
4.8.1 STD Home home Klik about us akan tampil profil perusahaan About us Klik catalog catalog Klik order form Order form Ditampilkan katalog ditampilkan form pemesanan Kilk kategori Ditampilkan spesifikasi produk Food Beverage Klik send Pesanan terkirim Klik contact us Ditampilkan informasi perusahaan send Beauty Contact us Chemical klik ditampilkan pertanyaan Pertanyaan I Pertanyaan II klik pertanyaan I-IV ditampilkan jawaban I-IV Pertanyaan III Pertanyaan IV Gambar 4.21 STD Home STD Home merupakan diagram peralihan halaman home menuju ke halaman lainnya yang ada dalam web site CV. Aneka Karya Utama. Halaman home akan menampilkan beberapa menu yang merupakan link-link yang terhubung ke halaman about us, catalog online. Order form, contact us dan ( Frequently Asked Question). 82
Menu About Us apabila diklik akan menampilkan halaman baru yang menampilkan profil perusahaan CV. Aneka Karya Utama. Menu catalog online akan mengantarkan pelanggan pada halaman yang menampilkan gambar-gambar produk. Gambar-gambar produk ini merupakan link yang akan menghubungkan pelanggan ke halaman spesifikasi produk. Menu order form yang tersedia pada halaman home apabila diklik akan menampilkan form pemesanan yang dapat diisi oleh pelanggan. Apabila pelanggan menemui kesulitan maka dapat menghubungi pelanggan dengan mengklik halaman contact us. Halaman ini akan menampilkan informasi-informasi bagi pelanggan untuk menghubungi CV. Aneka Karya Utama. Menu akan menghubungkan pelanggan kepada halaman baru yang berisi pilihan topik pertanyaan mengenai permasalahan yang sering dihadapi oleh pelanggan. Setiap pertanyaan merupakan link yang terhubung ke suatu halaman yang menampilkan jawaban dan penjelasan mengenai permasalahan yang berhubungan dengan CV. Aneka Karya Utama. 83
4.8.2 STD About Us About us Klik home akan tampil logo perusahaan home Klik catalog Ditampilkan katalog catalog Klik order form ditampilkan form pemesanan Order form Food Kilk kategori Ditampilkan spesifikasi produk Beverage Klik contact us Ditampilkan informasi perusahaan Klik send Pesanan terkirim send Beauty Contact us Chemical klik ditampilkan pertanyaan Pertanyaan I Pertanyaan II klik pertanyaan I-IV ditampilkan jawaban I-IV Pertanyaan III Pertanyaan IV Gambar 4.22 STD About Us STD About Us merupakan diagram peralihan halaman About Us menuju ke halaman lainnya yang ada dalam web site CV. Aneka Karya Utama. Halaman About Us akan menampilkan beberapa menu yang merupakan link-link yang terhubung ke halaman Home, catalog online. Order form, contact us dan ( Frequently Asked Question). 84
4.8.3 STD Catalog Online Catalog Klik home akan tampil logo perusahaan klik tiap kategori ditampilkan spesifikasi produk Food home Beverage spesifikasi Klik About Us Ditampilkan profil perusahaan Beauty Chemical About Us Klik order form Ditampilkan form pemesanan Order form klik contact us ditampilkan informasi perusahaan Contact us klik send pesanan terkirim klik ditampilkan pertanyaan SEND Pertanyaan I Pertanyaan II klik pertanyaan I-IV ditampilkan jawaban I-IV Pertanyaan III Pertanyaan IV Gambar 4.23 STD Catalog Online STD Catalog online merupakan diagram peralihan halaman catalog online menuju ke halaman lainnya yang ada dalam web site CV. Aneka Karya Utama. Halaman catalog online akan menampilkan beberapa menu yang merupakan link-link yang terhubung ke halaman Home, About us, Order form, contact us dan ( Frequently Asked Question). Halaman catalog online ini terbagi menjadi beberapa bagian yaitu : catalog food, catalog beverage, catalog beauty dan catalog chemical. Setiap bagian halaman ini akan menampilkan gambar gambar produk yang ditawarkan CV. Aneka Karya Utama. Setiap gambar merupakan link 85
yang terhubung ke halaman spesifikasi produk, dimana halaman spesifikasi produk ini akan menampilkan informasi tipe produk, kode produk, merk produk, netto produk, quantity/ packet dan price/packet. 4.8.4 STD Order Form Order form Klik home akan tampil logo perusahaan klik send pesanan terkirim SEND home Klik catalog Ditampilkan katalog catalog klik contact us ditampilkan informasi perusahaan Contact us Kilk kategori Food klik ditampilkan pertanyaan-pertanyaan Ditampilkan spesifikasi produk Beverage Pertanyaan I Beauty Klik tiap pertanyaan Ditampilkan jawaban Pertanyaan II Chemical Pertanyaan III Pertanyaan IV Gambar 4.24 STD Order Form STD order form merupakan diagram peralihan halaman order form menuju ke halaman lainnya yang ada dalam web site CV. Aneka Karya Utama. Halaman order form akan menampilkan beberapa menu yang merupakan link-link yang terhubung ke halaman Home, About us, catalog online, contact us dan ( Frequently Asked Question). 86
4.8.5 STD Contact Us Contact Us Klik about us akan tampil profil perusahaan About us Klik catalog Ditampilkan katalog catalog Klik order form ditampilkan form pemesanan Order form Food Klik send Pesanan terkirim Klik home Kilk kategori Ditampilkan logo perusahaan Ditampilkan spesifikasi produk Klik contact us Beverage Ditampilkan informasi perusahaan send home Beauty Contact us Chemical klik ditampilkan pertanyaan Pertanyaan I Pertanyaan II klik pertanyaan I-IV ditampilkan jawaban I-IV Pertanyaan III Pertanyaan IV Gambar 4.25 STD Contact Us STD contact us merupakan diagram peralihan halaman contact us menuju ke halaman lainnya yang ada dalam web site CV. Aneka Karya Utama. Halaman contact us akan menampilkan beberapa menu yang merupakan link-link yang terhubung ke halaman Home, About us, catalog online, order form dan ( Frequently Asked Question). 87
4.8.6 STD (Frequently Asked Question) Pertanyaan I jawaban I Klik tiap pertanyaan Ditampilkan jawaban Pertanyaan II jawaban II Klik about us akan tampil profil perusahaan Pertanyaan III Pertanyaan IV jawaban III jawaban IV About us Klik catalog Ditampilkan katalog catalog Klik order form ditampilkan form pemesanan Order form Klik home Ditampilkan logo perusahaan home Kilk kategori Ditampilkan spesifikasi produk Food Beverage Klik send Pesanan terkirim Klik contact us Ditampilkan informasi perusahaan send Beauty Contact us Chemical Gambar 4.26 STD (Frequently Asked Question) STD merupakan diagram peralihan halaman menuju ke halaman lainnya yang ada dalam web site CV. Aneka Karya Utama. Halaman akan menampilkan beberapa menu yang merupakan link-link yang terhubung ke halaman Home, About us, catalog online, order form dan contact us. 88
4.9 Rancangan Layar 4.9.1 Rancangan Layar Home LOGO CV. ANEKA KARYA UTAMA CV. ANEKA KARYA UTAMA Copyright 2003 Gambar 4.27 Rancangan layar home Home sebagai halaman pertama web site terdapat logo dan tulisan CV. Aneka Karya Utama. Tulisan CV. Aneka Karya Utama merupakan link yang apabila diklik akan tampil halaman about us. Halaman ini berfungsi untuk menunjukkan bahwa pelanggan telah mengakses web site CV. Aneka Karya Utama. 89
4.9.2 Rancangan Layar About Us LOGO CV. AKU CV. ANEKA KARYA UTAMA search HOME ABOUT US CATALOG ORDER FORM CONTACT US PROFIL PERUSAHAAN Copyright 2003 Gambar 4.28 Rancangan layar about us About us merupakan halaman yang menampilkan profil CV. Aneka Karya Utama. Profil CV. Aneka Karya Utama terdiri dari sejarah, kegiatan dan divisi-divisi perusahaan. Pada halaman ini terdapat link yang menghubungkan about us dengan home, catalog, order form, contact us dan (Frequently Asked Question). Pelanggan dapat mengklik pilihan catalog untuk melihat tampilan produk. Pelanggan dapat mengenal lebih jauh CV. Aneka Karya Utama melalui fasilitas about us ini. Fasilitas ini berfungsi untuk mempertahankan kepercayaan pelanggan terhadap CV. Aneka Karya Utama sehingga ancaman pendatang baru dapat dikurangi. 90
4.9.3 Rancangan Layar Catalog Online LOGO CV. AKU CV. ANEKA KARYA UTAMA search HOME ABOUT US CATALOG ORDER FORM CONTACT US FOOD PENJELASAN MENGENAI KATALOG ONLINE BEVERAGE BEAUTY CHEMICAL Copyright 2003 Gambar 4.29 Rancangan layar Catalog online Catalog online terdiri dari link antara food, beverage, beauty dan chemical. Halaman catalog menampilkan informasi tentang produk terbaru dan harganya serta menjelaskan bahwa pelanggan dapat mengklik tampilan produk untuk melihat spesifikasi produk lebih lanjut. Halaman catalog ini juga mengandung link untuk menuju halaman home, about us, order form, contact us dan ( Frequently Asked Question). Pelanggan dapat mengklik pilihan jenis produk untuk melihat tampilan produk yang diinginkannya. Fasilitas catalog online ini dapat mendukung pelayanan terhadap pelanggan karena mempermudah pelanggan dalam membuat keputusan pembelian. 91
4.9.3.1 Rancangan Layar Catalog Food Products LOGO CV. AKU CV. ANEKA KARYA UTAMA search HOME ABOUT US CATALOG ORDER CONTACT FORM US FOOD FP01 FP02 FP03 BEVERAGE FP04 FP05 FP06 BEAUTY CHEMICAL FP07 FP08 FP09 FP10 FP11 FP12 Copyright 2003 Gambar 4.30 Rancangan layar catalog food Catalog online food menampilkan jenis-jenis produk makanan yang dijual CV. Aneka Karya Utama beserta kode produk untuk memudahkan pelanggan mengisi order form. Pelanggan dapat mengklik tampilan gambar produk untuk melihat spesifikasi produk. Kode untuk food adalah FP. Halaman catalog food berisi link yang terhubung dengan home, about us, order form, contact us, (Frequently Asked Question), beverage, beauty dan chemical. Catalog online food ini berfungsi untuk mempermudah pelanggan dalam memilih dan membuat keputusan pembelian terhadap produk-produk makanan. 92
4.9.3.2 Rancangan Layar Catalog Beverage Products LOGO CV. AKU CV. ANEKA KARYA UTAMA search HOME ABOUT US CATALOG ORDER FORM CONTACT US FOOD BP01 BP02 BP03 BEVERAGE BEAUTY BP04 BP05 BP06 CHEMICAL Copyright 2003 Gambar 4.31 Rancangan layar catalog beverage Catalog online beverage menampilkan jenis jenis produk minuman yang dijual CV. Aneka Karya Utama beserta kode produk untuk memudahkan pelanggan mengisi order form. Pelanggan dapat mengklik tampilan gambar produk untuk melihat spesifikasi produk. Kode untuk beverage adalah BP. Halaman catalog beverage berisi link yang terhubung dengan home, about us, order form, contact us, (Frequently Asked Question), food, beauty dan chemical. Catalog online beverage ini berfungsi untuk mempermudah pelanggan dalam memilih dan membuat keputusan pembelian terhadap produk-produk minuman. 93
4.9.3.3 Rancangan Layar Catalog Beauty Products LOGO CV. AKU CV. ANEKA KARYA UTAMA search HOME ABOUT US CATALOG ORDER FORM CONTACT US FOOD TP01 TP02 TP03 BEVERAGE BEAUTY TP04 TP05 CHEMICAL Copyright 2003 Gambar 4.32 Rancangan layar catalog beauty Catalog online beauty menampilkan jenis jenis produk kecantikan yang disediakan CV. Aneka Karya Utama beserta kode produk untuk memudahkan pelanggan mengisi order form. Pelanggan dapat mengklik tampilan gambar produk untuk melihat spesifikasi produk. Kode untuk beauty adalah TP. Halaman catalog beauty berisi link yang terhubung dengan home, about us, order form, contact us, (Frequently Asked Question), food, beverage, dan chemical. Catalog online beauty ini berfungsi untuk mempermudah pelanggan dalam memilih dan membuat keputusan pembelian terhadap produk-produk kecantikan. 94