Perancangan Antar Muka Pengunjung

Antar muka ini adalah antar muka produk kami P05 Teks Produk Teks Produk Teks Produk Teks Produk OUR PRODUCTS P05 Media Pembayaran BANNER Home Profile Guest Book Contact Produk Costum Member Keranjang Belanja Email Password Login Anda lupa password?klik disini Jika anda belum mendaftar silahkan daftar Belanja Anda : Total : Lihat Detail Belanja Syarat dan Ketentuan P05 Member Keranjang Belanja Email Password Login Anda lupa password?klik disini Jika anda belum mendaftar silahkan daftar Belanja Anda : Total : Lihat Detail Belanja Nama Produk Image Harga +Add To Cart| Details Nama Produk Image Harga +Add To Cart| Details Nama Produk Image Harga +Add To Cart| Details Nama Produk Image Harga +Add To Cart| Details Nama Produk Image Harga +Add To Cart| Details Nama Produk Image Harga +Add To Cart| Details cari cari Cari produk BERANDA | PROFIL | BUKU TAMU | CARA BELANJA | KONTAK | ORDER MODELING Welcome To Benitashop BANNER Teks Produk Teks Produk Teks Produk Teks Produk Produk kami Media Pembayaran IMAGE Contact Live Navigasi : 1. Klik menu “profil” untuk menuju ke P02 2. Klik Menu “buku tamu” untuk menuju Ke P03 3. Klik menu “Kontak” untuk menuju ke P04 4. Klik menu “Lihat detail belanja ” untuk menuju ke P07 5. Klik link detail untuk menuju ke P06 6. Klik menu “beranda” untuk menuju ke P01 7. Klik link “cara belanja” untuk menuju ke P09 Gambar 3.26 Perancangan Antar Muka Produk kami Antar muka ini adalah antar muka Detail produk P06 P06 Member Keranjang Belanja Email Password Login Anda lupa password?klik disini Jika anda belum mendaftar silahkan daftar Belanja Anda : Total : Lihat Detail Belanja Nama Produk +Add To Cart | Back Image Nama Produk : Tipe Produk : Kategori Produk : Ukuran : Jenis Model Produk : Harga : cari cari Cari produk BERANDA | PROFIL | BUKU TAMU | CARA BELANJA | KONTAK | ORDER MODELING Welcome To Benitashop BANNER Teks Produk Teks Produk Teks Produk Teks Produk Produk kami Media Pembayaran IMAGE Contact Live Navigasi : 1. Klik menu “profil” untuk menuju ke P02 2. Klik Menu “Buku Tamu ” untuk menuju Ke P03 3. Klik menu “kontak” untuk menuju ke P04 4. Klik menu “Lihat detail belanja ” untuk menuju ke P07 5. Klik menu “beranda” untuk menuju ke P01 6. Klik link “teks produk” untuk menuju ke P05 7. Klik link “cara belanja” untuk menuju ke P09 Gambar 3.27 Perancangan Antar Muka Detail Produk Antar muka ini adalah antar muka Lihat Detail Belanja P07 Teks Produk Teks Produk Teks Produk Teks Produk PRODUK KAMI P07 Media Pembayaran BANNER BERANDA PROFIL Buku tamu KONTAK PESAN MODEL Member Keranjang Belanja Email Password Login Anda lupa password?klik disini Jika anda belum mendaftar silahkan daftar Belanja Anda : Total : Lihat Detail Belanja Jumlah Kategori Produk Model Produk Harga Satuan Qty Jumlah Aksi Kategori Produk Kategori Produk Kategori Produk Model Produk Model Produk Model Produk Harga Satuan Harga Satuan Harga Satuan Qty Qty Qty Jumlah Jumlah Aksi Aksi Aksi Total Belanja Anda : Total Check Out cari cari Cari produk GAMBAR PRODUK Navigasi : 1. Klik menu “profil” untuk menuju ke P02 2. Klik Menu “Buku Tamu” untuk menuju Ke P03 3. Klik menu “kontak” untuk menuju ke P04 4. Klik menu “Lihat detail belanja ” untuk menuju ke P07 5. Klik menu “beranda” untuk menuju ke P01 6. Klik link “teks produk” untuk menuju ke P05 7. Klik link “cara belanja” untuk menuju ke P09 Gambar 3.28 Perancangan Antar Muka Lihat Detail Belanja Antar muka ini adalah antar muka daftar P08 Teks Produk Teks Produk Teks Produk Teks Produk PRODUK KAMI P08 BANNER BERANDA PROFIL BUKU TAMU KONTAK PESAN MODEL Member Keranjang Belanja Email Password Login Anda lupa password?klik disini Jika anda belum mendaftar silahkan daftar Belanja Anda : Total : Lihat Detail Belanja Media Pembayaran Account Member Member ID Pertanyaan untuk lupa password Image Security Your Email : Password : Ulangi Password : Cek Ketersediaan Nama Lengkap: Jenis Kelamin : Alamat : Provinsi : Kota : Telp Hp : Kode Pos : Pertanyaan : Jawaban : Image Image Security : Reload Image Daftar Batal cari cari Cari produk GAMBAR PRODUK Navigasi : 1. Klik menu “profil” untuk menuju ke P02 2. Klik Menu “Buku Tamu” untuk menuju Ke P03 3. Klik menu “kontak” untuk menuju ke P04 4. Klik menu “Lihat detail belanja ” untuk menuju ke P07 5. Klik menu “beranda” untuk menuju ke P01 6. Klik link “teks produk” untuk menuju ke P05 7. Klik link “cara belanja” untuk menuju ke P09 Gambar 3.29 Perancangan Antar Muka Daftar Antar muka ini adalah antar muka cara belanja P09 P09 Member Keranjang Belanja Email Password Login Anda lupa password?klik disini Jika anda belum mendaftar silahkan daftar Belanja Anda : Total : Lihat Detail Belanja Cara Berbelanja cari cari Cari produk BERANDA | PROFIL | BUKU TAMU | CARA BELANJA | KONTAK | ORDER MODELING Welcome To Benitashop BANNER Teks Produk Teks Produk Teks Produk Teks Produk Produk kami Media Pembayaran IMAGE Contact Live Navigasi : 1. Klik menu “profil” untuk menuju ke P02 2. Klik Menu “Buku Tamu” untuk menuju Ke P03 3. Klik menu “kontak” untuk menuju ke P04 4. Klik menu “Lihat detail belanja ” untuk menuju ke P07 5. Klik menu “beranda” untuk menuju ke P01 6. Klik link “teks produk” untuk menuju ke P05 Gambar 3.30 Perancangan Antar Muka Cara Belanja

2. Perancangan Antar Muka Member

Antar muka ini adalah antar muka home M01 BERANDA | PROFIL | BUKU TAMU | CARA BELANJA | KONTAK | ORDER MODELING M01 BANNER Member Keranjang Belanja Email Password Login Anda lupa password?klik disini Jika anda belum mendaftar silahkan daftar Belanja Anda : Total : Lihat Detail Belanja Nama model Image Harga Beli| Details Teks Produk Teks Produk Teks Produk Teks Produk Produk kami Media Pembayaran IMAGE cari cari Cari produk Contact Live Welcome To Benitashop Nama Model Image Harga Beli| Details Nama Model Image Harga Beli| Details Nama Model Image Harga Beli| Details Nama Model Image Harga Beli| Details Nama Model Image Harga Beli| Details Nama Model Image Harga Beli| Details Nama Model Image Harga Beli| Details Nama Produk Nama Produk Navigasi : 1. Klik menu “profil” untuk menuju ke M02 2. Klik Menu “Buku Tamu” untuk menuju Ke M03 3. Klik menu “Contact” untuk menuju ke M04 4. Klik menu “Lihat detail belanja ” untuk menuju ke M07 5. Klik link detail untuk menuju ke M06 6. Klik menu “order model” untuk menuju ke M17 7. Klik link “produk kami” untuk menuju ke M05 Gambar 3.31 Perancangan Antar Muka Home Antar muka ini adalah antar muka profile M02 M02 Member Keranjang Belanja Lihat Profil | Ganti Password | Lihat Transaksi | Logout Belanja Anda : Total : Lihat Detail Belanja Profile Selamat datang,.... cari cari Cari produk BERANDA | PROFIL | BUKU TAMU | CARA BELANJA | KONTAK | ORDER MODELING Welcome To Benitashop BANNER Teks Produk Teks Produk Teks Produk Teks Produk Produk kami Media Pembayaran IMAGE Contact Live Navigasi : 1. Klik menu “beranda” untuk menuju ke M01 2. Klik Menu “Buku Tamu” untuk menuju Ke M03 3. Klik menu “kontak” untuk menuju ke M04 4. Klik menu “Lihat detail belanja ” untuk menuju ke M07 5. Klik link detail untuk menuju ke M06 6. Klik menu “order model” untuk menuju ke M17 7. Klik link “lihat profil” untuk menuju ke M09 8. Klik link “Ganti password” untuk menuju ke M10 9. Klik link “lihat transaksi” untuk menuju ke M14 10. Klik link “produk kami” untuk menuju ke M05 Gambar 3.32 Perancangan Antar Muka Profil Antar muka ini adalah antar muka buku tamu M03 M03 Member Keranjang Belanja Belanja Anda : Total : Lihat Detail Belanja Lihat Profil | Ganti Password | Lihat Transaksi | Logout Selamat datang,.... Buku Tamu email Subjek Pesankomentar Kirim Pesan Komentar cari cari Cari produk BERANDA | PROFIL | BUKU TAMU | CARA BELANJA | KONTAK | ORDER MODELING Welcome To Benitashop BANNER Teks Produk Teks Produk Teks Produk Teks Produk Produk kami Media Pembayaran IMAGE Contact Live Kembali Ke Beranda Navigasi : 1. Klik menu “beranda” untuk menuju ke M01 2. Klik Menu “profil” untuk menuju Ke M02 3. Klik menu “kontak” untuk menuju ke M04 4. Klik menu “Lihat detail belanja ” untuk menuju ke M07 5. Klik link “order model” untuk menuju ke M17 6. Klik link “lihat profil” untuk menuju ke M09 7. Klik link “Ganti password” untuk menuju ke M10 8. Klik link “lihat transaksi” untuk menuju ke M13 9. Klik link “produk kami” untuk menuju ke M05 Gambar 3.33 Perancangan Antar Muka Buku Tamu Antar muka ini adalah antar muka Kontak M04 M04 Member Keranjang Belanja Belanja Anda : Total : Lihat Detail Belanja Lihat Profil | Ganti Password | Lihat Transaksi | Logout Selamat datang,.... KONTAK KAMI cari cari Cari produk BERANDA | PROFIL | BUKU TAMU | CARA BELANJA | KONTAK | ORDER MODELING Welcome To Benitashop BANNER Teks Produk Teks Produk Teks Produk Teks Produk Produk kami Media Pembayaran IMAGE Contact Live Navigasi : 1. Klik menu “beranda” untuk menuju ke M01 2. Klik Menu “Buku tamu” untuk menuju Ke M03 3. Klik menu “Profil” untuk menuju ke M02 4. Klik menu “Lihat detail belanja ” untuk menuju ke M07 5. Klik link “order model” untuk menuju ke M17 6. Klik link “lihat profil” untuk menuju ke M09 7. Klik link “Ganti password” untuk menuju ke M10 8. Klik link “lihat transaksi” untuk menuju ke M13 9. Klik link “produk kami” untuk menuju ke M05 Gambar 3.34 Perancangan Antar Muka Kontak Antar muka ini adalah antar muka Produk Kami M05 M05 Keranjang Belanja Belanja Anda : Total : Lihat Detail Belanja Nama Produk Image Harga Beli | Details Nama Produk Image Harga Beli| Details Nama Produk Image Harga Beli | Details Nama Produk Image Harga Beli | Details Nama Produk Image Harga Beli | Details Nama Produk Image Harga Beli | Details Member Lihat Profil | Ganti Password | Lihat Transaksi | Logout Selamat datang,.... cari cari Cari produk BERANDA | PROFIL | BUKU TAMU | CARA BELANJA | KONTAK | ORDER MODELING Welcome To Benitashop BANNER Teks Produk Teks Produk Teks Produk Teks Produk Produk kami Media Pembayaran IMAGE Contact Live Navigasi : 1. Klik menu “beranda” untuk menuju ke M01 2. Klik Menu “Buku tamu” untuk menuju Ke M03 3. Klik menu “kontak” untuk menuju ke M04 4. Klik menu “Lihat detail belanja ” untuk menuju ke M07 5. Klik link detail untuk menuju ke M06 6. Klik link “order model” untuk menuju ke M17 7. Klik link “lihat profil” untuk menuju ke M09 8. Klik link “Ganti password” untuk menuju ke M10 9. Klik link “lihat transaksi” untuk menuju ke M13 Gambar 3.35 Perancangan Antar Muka Produk Kami