Perancangan Antarmuka Menu Utama Beranda Perancangan Antarmuka Menu Akun Saya

3.2.2.2 Perancangan Antarmuka Pengunjung

Perancangan antarmuka untuk pengunjung dari aplikasi E-Commerce pada distro B-One adalah sebagai berikut:

1. Perancangan Antarmuka Menu Utama Beranda

F01 LOGO B-One Clothing Beranda Akun Saya Keranjang Belanja Kontak B-One Celana Panjang Celana Boxer BajuT-Shirt Jaket SepatuSandal Tas Dompet Topi Email Password Daftar Cari B-One Klik tombol Beranda menuju F01 Klik tombol Akun Saya menuju F02 Klik tombol Daftar menuju F03 Klik tombol Keranjang Belanja menuju F01 Klik tombol B-One menuju F04 Klik tombol Kontak B-One menuju F05 Klik tombol Cari menuju F06 Klik tombol Beli menuju F01 Klik tombol Details menuju F07 Klik tombol Celana Panjang,Celana Boxer,BajuT-Shirt, Jaket, Sepatu Sandal, Tas, Dompet, Topi menuju F8 Klik lupa password menuju F09 Kategori Produk B-One Gambar Gambar Gambar Login Login Pencarian Produk Diskon Gambar Gambar Gambar Gambar Beli details details details details details details Gambar Terbaru Gambar 0 barang Keranjang Belanja Gambar Beli Beli Beli Beli Beli Customer Service Gambar Facebook Gambar Gambar Gambar Gambar details details details Beli Beli Beli Gambar Gambar Gambar details details details Beli Beli Beli Lupa Password? Terlaris Gambar Nama Layer : F01 Ukuran Layer : 800 pixel x 600 pixel Font : Arial Background : Putih home akun saya daftar b-one kontak b-one Halaman : 1 | 2 | 3 Total Barang All Rights Reserved 2011 B-One Clothing LOGO B-One Clothing Ukuran Ukuran Ukuran Qty Qty Qty Ukuran Qty Ukuran Qty Ukuran Qty Ukuran Qty Ukuran Qty Ukuran Qty Ukuran Qty Ukuran Qty Ukuran Qty Gambar 3.33 Perancangan Antarmuka Menu Utama Beranda

2. Perancangan Antarmuka Menu Akun Saya

F02 LOGO B-One Clothing Beranda Akun Saya Keranjang Belanja Kontak B-One Celana Panjang Celana Boxer BajuT-Shirt Jaket SepatuSandal Tas Dompet Topi Email Password Daftar Cari B-One Klik tombol Beranda menuju F01 Klik tombol Akun Saya menuju F02 Klik tombol Daftar menuju F03 Klik tombol Keranjang Belanja menuju F01 Klik tombol B-One menuju F04 Klik tombol Kontak B-One menuju F05 Klik tombol Cari menuju F06 Klik tombol Beli menuju F01 Klik tombol Details menuju F07 Klik tombol Celana Panjang,Celana Boxer,BajuT-Shirt, Jaket, Sepatu Sandal, Tas, Dompet, Topi menuju F8 Klik lupa password menuju F09 Kategori Akun Saya Login Login Pencarian Produk Diskon Gambar Gambar Terbaru Gambar 0 barang Keranjang Belanja Gambar Customer Service Gambar Facebook Gambar Lupa Password? Terlaris Gambar Nama Layer : F02 Ukuran Layer : 800 pixel x 600 pixel Font : Arial Background : Putih home akun saya daftar b-one kontak b-one Halaman : 1 | 2 | 3 Total Barang All Rights Reserved 2011 B-One Clothing LOGO B-One Clothing Pesan Gagal Gambar 3.34 Perancangan Antarmuka Menu Akun Saya 3. Perancangan Antarmuka Daftar F03 LOGO B-One Clothing Beranda Akun Saya Keranjang Belanja Kontak B-One Celana Panjang Celana Boxer BajuT-Shirt Jaket SepatuSandal Tas Dompet Topi Email Password Daftar Cari B-One Klik tombol Beranda menuju F01 Klik tombol Akun Saya menuju F02 Klik tombol Daftar menuju F03 Klik tombol Keranjang Belanja menuju F01 Klik tombol B-One menuju F04 Klik tombol Kontak B-One menuju F05 Klik tombol Cari menuju F06 Klik tombol Beli menuju F01 Klik tombol Details menuju F07 Klik tombol Celana Panjang,Celana Boxer,BajuT-Shirt, Jaket, Sepatu Sandal, Tas, Dompet, Topi menuju F8 Klik lupa password menuju F09 Kategori Daftar Login Login Pencarian Produk Diskon Gambar Gambar Terbaru Gambar 0 barang Keranjang Belanja Gambar Customer Service Gambar Facebook Gambar Lupa Password? Terlaris Gambar Nama Layer : F03 Ukuran Layer : 800 pixel x 600 pixel Font : Arial Background : Putih home akun saya daftar b-one kontak b-one Halaman : 1 | 2 | 3 Total Barang All Rights Reserved 2011 B-One Clothing LOGO B-One Clothing Registrasi Nama Alamat Provinsi Kota kab Kode Pos Telp Fax Email Password Re-enter Password Account Login daftar reset Syarat dan Ketentuan Gambar 3.35 Perancangan Antarmuka Daftar

4. Perancangan Antarmuka B-One