Perancangan Antarmuka Menu Daftar dapat dilihat pada gambar 4.51.

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