Struktur Menu untuk User Pengunjung

3.5.3.2 Perancangan Antarmuka

a. Perancangan Antarmuka Pengunjung

Perancangan antarmuka menu utama beranda P01. HEADER Kategori produk Kategori Kategori Kategori Testimoni anda Produk Terbaru GAMBAR PRODUK GAMBAR PRODUK GAMBAR PRODUK GAMBAR PRODUK GAMBAR PRODUK GAMBAR PRODUK GAMBAR PRODUK GAMBAR PRODUK P01 · Klik Beranda menuju ke Form P01. · Klik Daftar|Login menuju ke Form P02. · Klik Produk menuju ke Form p03. · Klik cara belanja menuju ke Form P04. · Klik Cara bayar menuju ke Form P05. · Klik Tentang Kami menuju ke Form p06. · Klik Gambarl Produk menuju ke Form p07. FOOTER JUDUL HALAMAN Cari produk Produk Terbanyak Dilihat Produk Lainnya GAMBAR PRODUK GAMBAR PRODUK GAMBAR PRODUK GAMBAR PRODUK Keranjang belanja Telusuri Pengiriman Daftar | login Beranda Produk Cara Belanja Cara bayaran Tentang Kami Produk Terlaris GAMBAR PRODUK Gambar 3.38 Tampilan Antarmuka Halaman Utama Pengunjung Perancangan antarmuka halaman daftar P02 HEADER Data Akun Pelanggan P02 · Klik Beranda menuju ke Form P01. · Klik Daftar|Login menuju ke Form P02. · Klik Produk menuju ke Form p03. · Klik cara belanja menuju ke Form P04. · Klik Cara bayar menuju ke Form P05. · Klik Tentang Kami menuju ke Form p06. · Klik Gambarl Produk menuju ke Form p07. FOOTER Cari produk Data Pribadi Email Nama Ulangi Password Password : : : Alamat Kota Provinsi No. telepon : : : : : v v Kode Pos : Simpan Batal Beranda Produk Cara Belanja Cara bayaran Tentang Kami Kategori produk Kategori Kategori Testimoni anda Keranjang belanja Telusuri Pengiriman Daftar | login Produk Terlaris GAMBAR PRODUK LOGIN PELANGGAN Email MASUK Password : : Masukan Email dan Password Formulil PENDAFTARAN PELANGGAN Lupa password Gambar 3.39 Tampilan Antarmuka halaman daftar pengunjung Perancangan Antarmuka Halaman produk P03 HEADER Semua Produk GAMBAR PRODUK GAMBAR PRODUK GAMBAR PRODUK GAMBAR PRODUK GAMBAR PRODUK GAMBAR PRODUK GAMBAR PRODUK GAMBAR PRODUK P03 · Klik Beranda menuju ke Form P01. · Klik Daftar menuju ke Form P02. · Klik Produk menuju ke Form p03. · Klik cara belanja menuju ke Form P04. · Klik Cara bayar menuju ke Form P05. · Klik Tentang Kami menuju ke Form p06. · Klik Detail Produk menuju ke Form p07. FOOTER JUDUL HALAMAN Cari produk GAMBAR PRODUK GAMBAR PRODUK GAMBAR PRODUK GAMBAR PRODUK Beranda Produk Cara Belanja Cara bayaran Tentang Kami Kategori produk Kategori Kategori Testimoni anda Keranjang belanja Telusuri Pengiriman Daftar | login Produk Terlaris GAMBAR PRODUK Kategori Gambar 3.40 Tampilan Antarmuka halaman produk Pengunjung