Perancangan Antar Muka Pengunjung

2. Perancangan Antar Muka Pengunjung

Antar muka beranda pengunjung P01 Ini adalah tampilan beranda pengunjung yang terdiri dari tampilan produk, menu, login dan daftar. Header footer Beranda Produk Bantuan Tentang kami Kontak kami Keranjang belanja daftar | login Kategori -lemari -kursi -meja Layanan pembayaran Tranfer bank -no rekening - atas nama Internet payment - paypal SELAMAT DATANG DI WEBSITE INDAH FURNITURE Chat Yahoo Messenger email Produk terbaru Produk terlaris Produk banyak dilihat Produk diskon P01 Detail produk Detail produk Detail produk Detail produk Nama produk harga Nama produk harga Nama produk harga Navigasi : 1. Klik tombol beranda menuju tampilan P01 2. Klik tombol produk menuju tampilan P02 1. Klik link detail produk menuju tampilan P03 3. Klik tombol bantuan menuju tampilan P04 4. Klik tombol tentang kami menuju tampilan P05 5. Klik tombol kontak kami menuju tampilan P06 6. Klik daftar menuju tampilan P07 7. Klik link login menuju tampilan P08 Gambar 3-58 Tampilan Beranda Pengunjung Antar muka produk P02 Ini adalah menu produk yang terdiri dari data produk yang dijual, tombol cari, dan tombol detail roduk Header footer Beranda Produk Bantuan Tentang kami Kontak kami Keranjang belanja daftar | login Kategori -lemari -kursi -meja Layanan pembayaran Tranfer bank -no rekening - atas nama Internet payment - paypal P02 Detail produk Detail produk Detail produk Detail produk Nama produk harga Nama produk harga Nama produk harga Nama produk harga cari Navigasi : 2. Klik tombol beranda menuju tampilan P01 3. Klik tombol produk menuju tampilan P02 4. Klik link detail produk menuju tampilan P03 5. Klik tombol bantuan menuju tampilan P04 6. Klik tombol tentang kami menuju tampilan P05 7. Klik tombol kontak kami menuju tampilan P06 8. Klik daftar menuju tampilan P07 9. Klik link login menuju tampilan P08 Gambar 3-59 Tampilan Produk Antar muka detail produk P03 Ini adalah tampilan detail produk yang terdiri dari data – data produk, tombol simpan keranjang dan tombol kembali Header footer Beranda Produk Bantuan Tentang kami Kontak kami Keranjang belanja daftar | login Kategori -lemari -kursi -meja Layanan pembayaran Tranfer bank -no rekening - atas nama Internet payment - paypal P03 Gambar produk Nama produk Kategori produk Diskon : Stok : Harga : Rp Keterangan : Jumlah pesanan qty : Simpan kekeranjang belanja kembali Navigasi : 1. Klik tombol beranda menuju tampilan P01 2. Klik tombol produk menuju tampilan P02 3. Klik link detail produk menuju tampilan P03 4. Klik tombol bantuan menuju tampilan P04 5. Klik tombol tentang kami menuju tampilan P05 6. Klik tombol kontak kami menuju tampilan P06 7. Klik daftar menuju tampilan P07 8. Klik link login menuju tampilan P08 Gambar 3-60 Tampilan Detail Produk Antar muka bantuan P04 Ini adalah tampilan menu bantuan yang terdiri dari bantuan untuk cara berbelanja di website ini Header footer Beranda Produk Bantuan Tentang kami Kontak kami Keranjang belanja daftar | login Kategori -lemari -kursi -meja Layanan pembayaran Tranfer bank -no rekening - atas nama Internet payment - paypal P04 Bantuan pembelian Navigasi : 1. Klik tombol beranda menuju tampilan P01 2. Klik tombol produk menuju tampilan P02 3. Klik link detail produk menuju tampilan P03 4. Klik tombol bantuan menuju tampilan P04 5. Klik tombol tentang kami menuju tampilan P05 6. Klik tombol kontak kami menuju tampilan P06 7. Klik daftar menuju tampilan P07 8. Klik link login menuju tampilan P08 Gambar 3-61 Tampilan Bantuan Antar muka tentang kami P05 Ini adalah tampilan menu tentang kami yang terdiri dari data perusahaan seperti produk yang dijual dan sejarah perusahaan Header footer Beranda Produk Bantuan Tentang kami Kontak kami Keranjang belanja daftar | login Kategori -lemari -kursi -meja Layanan pembayaran Tranfer bank -no rekening - atas nama Internet payment - paypal P05 Tentang kami Navigasi : 1. Klik tombol beranda menuju tampilan P01 2. Klik tombol produk menuju tampilan P02 3. Klik link detail produk menuju tampilan P03 4. Klik tombol bantuan menuju tampilan P04 5. Klik tombol tentang kami menuju tampilan P05 6. Klik tombol kontak kami menuju tampilan P06 7. Klik daftar menuju tampilan P07 8. Klik link login menuju tampilan P08 Gambar 3-62 Tampilan Tentang Kami Antar muka kontak kami P06 Ini adalah tampilan menu kontak kami yang besisi no telpon dan cara pembayaran pesanan diwebsite ini. Header footer Beranda Produk Bantuan Tentang kami Kontak kami Keranjang belanja daftar | login Kategori -lemari -kursi -meja Layanan pembayaran Tranfer bank -no rekening - atas nama Internet payment - paypal P06 Kontak kami Navigasi : 1. Klik tombol beranda menuju tampilan P01 2. Klik tombol produk menuju tampilan P02 3. Klik link detail produk menuju tampilan P03 4. Klik tombol bantuan menuju tampilan P04 5. Klik tombol tentang kami menuju tampilan P05 6. Klik tombol kontak kami menuju tampilan P06 7. Klik daftar menuju tampilan P07 8. Klik link login menuju tampilan P08 Gambar 3-63 Tampilan kontak kami Antar muka daftar P07 Ini adalah tampilan menu daftar yang terdiri dari data isian seperti nama, email, password dan sebagainya. Header footer Beranda Produk Bantuan Tentang kami Kontak kami Keranjang belanja daftar | login Kategori -lemari -kursi -meja Layanan pembayaran Tranfer bank -no rekening - atas nama Internet payment - paypal P07 Pendaftaran pelanggan Email : Password : Ulangi password : Nama lengkap : Jenis kelamin : Alamat : Provinsi : Kabupatenkota : Kode pos : No. telp hp : Keterangan Isi semua data pendaftaran dengan benar dan jangan ada yang kosong Buat account pelanggan batal Pilih Pilih Pilih Navigasi : 1. Klik tombol beranda menuju tampilan P01 2. Klik tombol produk menuju tampilan P02 3. Klik link detail produk menuju tampilan P03 4. Klik tombol bantuan menuju tampilan P04 5. Klik tombol tentang kami menuju tampilan P05 6. Klik tombol kontak kami menuju tampilan P06 7. Klik daftar menuju tampilan P07 8. Klik link login menuju tampilan P08 Gambar 3-64 Tampilan Daftar Antar muka login P08 Ini adalah tampilan menu login pelanggan yang terdiri dari data isian email dan password, tombol login dan tombol lupa password Header footer Beranda Produk Bantuan Tentang kami Kontak kami Keranjang belanja daftar | login Kategori -lemari -kursi -meja Layanan pembayaran Tranfer bank -no rekening - atas nama Internet payment - paypal P08 Alamat : Login pelanggan Email : Password : login Lupa password Navigasi : 1. Klik tombol beranda menuju tampilan P01 2. Klik tombol produk menuju tampilan P02 3. Klik link detail produk menuju tampilan P03 4. Klik tombol bantuan menuju tampilan P04 5. Klik tombol tentang kami menuju tampilan P05 6. Klik tombol kontak kami menuju tampilan P06 7. Klik daftar menuju tampilan P07 8. Klik link login menuju tampilan P08 Gambar 3-65 Tampilan Login

3. Perancangan Antar Muka Pelanggan