5. Perancangan Antarmuka Menu Detail Produk dapat dilihat pada gambar 3.56.
· 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 Header
P05
ACCOUNT KERANJAN
G BELANJA CARA
PEMBELIAN PROFIL
TOKO BERANDA
Pencarian SHOP BY MALINDO
JAYA PRODUK
TERBARU
PRODUK PALING LARIS GAMBAR
GAMBAR NAMA PRODUK
DESKRIPSI :
STOK YANG TERSEDIA HARGA
UKURAN :
: :
: :
JUMLAH PRODUK BELI
NILAI RATING PRODUK
Gambar 3.56 Perancangan antarmuka menu detail produk
6. Perancangan Antarmuka Menu Keranjang Belanja dapat dilihat pada gambar
3.57.
· 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 Header
P06
ACCOUNT KERANJANG
BELANJA CARA
PEMBELIAN PROFIL
TOKO BERANDA
Pencarian AKSI
SUB TOTAL JUMLAH
PRODUK BERAT
UKURAN HARGA
produk NAMA
PRODUK MERK
KATEGORI NO
ALAMAT PENGIRIMAN ALAMAT LAINNYA
KODE POS ALAMAT
KOTA PROVINSI
PILIH JASA PENGIRIMAN JASA PENGIRIMAN
TOTAL PEMBAYARAN DALAM DOLAR TOTAL PEMBAYARAN DALAM RUPIAH
ONGKOS KIRIM KURS DOLAR
SUBTOTAL BAYAR JUMLAH TOTAL PRODUK
JASA PENGIRIMAN :
: :
: :
: :
: :
: :
:
Gambar 3.57 Perancangan antarmuka menu keranjang belanja
7. Perancangan Antarmuka Menu Selesai Belanja dapat dilihat pada gambar 3.58.
· 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
x x
x x
1
Header P07
gambar
gambar x
x
ACCOUNT KERANJANG
BELANJA CARA
PEMBELIAN PROFIL
TOKO BERANDA
Pencarian KONFIRMASI
PEMBAYARAN PRODUK
TERBARU
PRODUK PALING SERING DILIHAT
Gambar 3.58 Perancangan antarmuka menu Selesai Belanja
8. Perancangan Antarmuka Menu Pembayaran dapat dilihat pada gambar 3.59.
· 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 Header
P08
ACCOUNT KERANJANG
BELANJA CARA
PEMBELIAN PROFIL
TOKO BERANDA
Pencarian AKSI
SUB TOTAL JUMLAH
PRODUK BERAT
UKURAN HARGA
produk NAMA
PRODUK MERK
KATEGORI NO
DATA PEMBAYARAN SUDAH DIBAYAR
TOTAL PEMBAYARAN ONGKOS KIRIM
KURS DOLAR SUBTOTAL BAYAR
SISA PEMBAYARAN DALAM RUPIAH SISA PEMBAYARAN DALAM DOLAR
NO REKENING ATAS NAMA
BANK TRANSFER BANK
: :
: :
: :
: :
: :
KONFIRMASI PEMBAYARAN PAYPAL
Gambar 3.59 Perancangan antarmuka Menu Pembayaran