5. Perancangan Antarmuka Menu login dapat dilihat pada gambar 3.50.
Gambar 3.50 Perancangan antarmuka menu login
· Klik beranda menuju P01
· Klik produk menuju P02
· Klik tentang kami menuju P03
· Klik cara pembelian menuju P04
· Klik login menuju P05
· Klik Daftar menuju P06
Produk | Produk | Produk | Produk | Semua
gambar gambar
gambar gambar
harga harga
harga harga
1
Header P05
gambar
gambar harga
harga
MASUK PASSWORD
EMAIL LUPA
PASSWORD CARA
PEMBELIAN PROFIL
TOKO BERANDA
Pencarian EMAIL
PRODUK TERBARU
PRODUK PALING SERING DILIHAT PASSWORD
6. Perancangan Antarmuka Menu Daftar dapat dilihat pada gambar 4.51.
· Klik beranda menuju P01
· Klik produk menuju P02
· Klik tentang kami menuju P03
· Klik cara pembelian menuju P04
· Klik login menuju P05
· Klik Daftar menuju P06
Produk | Produk | Produk | Produk | Semua Header
P06
MASUK PASSWORD
EMAIL LUPA
PASSWORD CARA
PEMBELIAN PROFIL
TOKO BERANDA
Pencarian EMAIL
PRODUK TERBARU
PASSWORD PENDAFTARAN MEMBER
KONFIRMASI PASSWORD DATA LOGIN
PROVINSI KODE POS
INPUT TEXT ABOVE HANDPHONE
KOTA KODE KEAMANAN
NAMA ALAMAT
NO TELEPON
BATAL SIMPAN
Gambar 3.51 Perancangan antarmuka menu daftar
3.1.13.1 Perancangan Antarmuka Member
1. Perancangan Antarmuka Menu Utama Beranda dapat dilihat pada
gambar 3.52.
· Klik beranda menuju P01
· Klik produk menuju P02
· Klik Profil Toko menuju P03
· Klik cara pembelian menuju P04
· Klik Detail barang menuju P05
· Klik Keranjang belanja menuju
P06 ·
Klik Selesai belanja menuju P07 ·
Klik pembayaran menuju P08 ·
Klik retur menuju P09 ·
Klik komentar menuju P10 ·
Klik history pembelian menuju P11
· Klik tracking menuju P12
Produk | Produk | Produk | Produk | Semua
gambar gambar
gambar gambar
harga harga
harga harga
1
Header P01
gambar
gambar harga
harga
ACCOUNT KERANJANG
BELANJA CARA
PEMBELIAN PROFIL
TOKO BERANDA
Pencarian IKLAN
PRODUK TERBARU
PRODUK
Gambar 3.52 Perancangan antarmuka member menu Beranda
2. Perancangan Antarmuka Member Menu Produk dapat dilihat pada gambar
3.53.
· Klik beranda menuju P01
· Klik produk menuju P02
· Klik Profil Toko menuju P03
· Klik cara pembelian menuju P04
· Klik Detail barang menuju P05
· Klik Keranjang belanja menuju
P06 ·
Klik Selesai belanja menuju P07 ·
Klik pembayaran menuju P08 ·
Klik retur menuju P09 ·
Klik komentar menuju P10 ·
Klik history pembelian menuju P11
· Klik tracking menuju P12
Produk | Produk | Produk | Produk | Semua
gambar gambar
gambar gambar
harga harga
harga harga
1
Header P02
gambar
gambar harga
harga
ACCOUNT KERANJANG
BELANJA CARA
PEMBELIAN PROFIL
TOKO BERANDA
Pencarian IKLAN
PRODUK TERBARU
PRODUK
Gambar 3.53 Perancangan antarmuka member menu Produk
3. Perancangan Antarmuka Member Profile Toko dapat dilihat pada gambar 3.54.
· Klik beranda menuju P01
· Klik produk menuju P02
· Klik Profil Toko menuju P03
· Klik cara pembelian menuju P04
· Klik Detail barang menuju P05
· Klik Keranjang belanja menuju
P06 ·
Klik Selesai belanja menuju P07 ·
Klik pembayaran menuju P08 ·
Klik retur menuju P09 ·
Klik komentar menuju P10 ·
Klik history pembelian menuju P11
· Klik tracking menuju P12
Produk | Produk | Produk | Produk | Semua
gambar gambar
gambar gambar
harga harga
harga harga
1
Header P03
gambar
gambar harga
harga
ACCOUNT KERANJANG
BELANJA CARA
PEMBELIAN PROFIL
TOKO BERANDA
Pencarian PROFIL
PRODUK TERBARU
PRODUK SERUPA
Gambar 3.54 Perancangan antarmuka member menu Profile Toko
