Perancangan Antar Muka Member
Gambar 3.32 Antar Muka Beranda 2. Halaman Lihat Produk
M02
BERANDA PRODUK
TENTANG KAMI AKUN SAYA
PRODUK TERLARIS
SLIDE SHOW SEMUA PRODUK
1 2
JENIS PRODUK
KERANJANG
Gambar 3.33 Antar Muka Produk 3. Halaman Tentang Kami
M03
BERANDA PRODUK
TENTANG KAMI AKUN SAYA
TENTANG KAMI
KERANJANG
Gambar 3.34 Antar Muka Tentang Kami
1. Klik BERANDA akan menuju M01
2. Klik PRODUK
akan menuju ke F02
3. Klik TENTANG
KAMI akan
menuju ke M03 4. Klik
AKUN SAYA
akan menuju ke M04
5. Klik JENIS
PRODUK 1 akan menuju M06
6. Klik JENIS
PRODUK 2 akan menuju M07
7. Klik KERANJANG
akan menuju M06
1. Klik BERANDA
akan menuju M01 2. Klik PRODUK akan
menuju ke M02 3. Klik
TENTANG KAMI akan menuju
ke M03 4. Klik AKUN SAYA
akan menuju
ke M04
5. Klik KERANJANG akan menuju M06
4. Halaman Akun Saya
M04
BERANDA PRODUK
TENTANG KAMI AKUN SAYA
PRODUK TERLARIS
SLIDE SHOW SEMUA PRODUK
KERANJANG
Pesanan Retur
Pengaturan Keluar
SLIDE AKUN SAYA
Gambar 3.15 Antar Muka Akun Saya 5. Halaman Keranjang
M05
BERANDA PRODUK
TENTANG KAMI AKUN SAYA
Nama produk
ukuran warna
satuan QTY
DETAIL PRODUK
KERANJANG
Sub total
ubah hapus
Selesai Belanja
Gambar 3.36 Antar Muka Keranjang
1. Klik BERANDA akan menuju M01
2. Klik PRODUK akan menuju ke M02
3. Klik TENTANG KAMI akan menuju
ke M03 4. Klik AKUN SAYA
akan menuju ke M04
5. Klik KERANJANG akan menuju M5
6. Klik PESANAN akan menuju ke
M08 7. Klik RETUR akan
menuju ke M09 8. Klik
PPENGATURAN akan menuju ke
M010 9. Klik KELUAR akan
menuju ke F01
1. Klik BERANDA akan menuju M01
2. Klik PRODUK akan menuju ke M02
3. Klik TENTANG
KAMI akan menuju ke M03
4. Klik MASUKDAFTAR
akan menuju ke M04 5. Klik
Terms Conditions
akan menuju ke 05
6. Klik KERANJANG
akan menuju ke M06 7. Klik
keluart akan
menuju ke F01 8. Klik selesai belanja
akan menuju ke M08
6. Halaman Jenis Produk Patung
M06
BERANDA PRODUK
TENTANG KAMI AKUN SAYA
PRODUK TERLARIS
KERANJANG
JENIS PRODUK PATUNG
Gambar 3.7 Antar Muka Jenis Produk Patung 7. Halaman Jenis Produk Bedug
M07
BERANDA PRODUK
TENTANG KAMI AKUN SAYA
PRODUK TERLARIS
KERANJANG
JENIS PRODUK BEDUG
Gambar 3.168 Antar Muka Jenis Produk Bedug
1. Klik BERANDA akan menuju M01
2. Klik PRODUK akan menuju ke M02
3. Klik TENTANG
KAMI akan menuju ke M03
4. Klik MASUKDAFTAR
akan menuju ke M04 5. Klik
Terms Conditions
akan menuju ke 05\
6. Klik KERANJANG
akan menuju ke M06 7. Klik
keluart akan
menuju ke F01 8. Klik selesai belanja
akan menuju ke M08
1. Klik Home akan menuju M01
2. Klik Categories
akan menuju ke M02
3. Klik Contacts
akan menuju ke M03
4. Klik About Us akan menuju ke
M04 5. Klik
Terms Conditions
akan menuju ke 05
6. Klik My Account akan menuju ke
M06 7. Klik My Cart akan
menuju ke M08 8. Klik Log Out akan
menuju ke F01 9. Klik Add to cart,
jika input qty valid maka akan menuju
M02. Jika input qty invalid, akan
tampil P03