6. Perancangan Antarmuka Login
Berikut dapat dilihat perancangan antarmuka halaman Login untuk member. Perancangannya disajikan dalam gambar dibawah ini:
Footer Ukuran Layar
: 1024 x 768 Jenis Font
: Lucida Sans Unicode, Arial Warna Latar
: f7fcf8
· Klik Beranda untuk menuju
TPE01 ·
Klik Tentang Kami untuk menuju TPE02
· Klik Cara Pembelian untuk
menuju TPE03 ·
Klik Semua Produk untuk menuju TPE04
· Klik Daftar untuk menuju
TPE07 ·
Klik Login untuk menuju TPE08
· Klik Nama Kategori Produk
untuk menuju TPE09 ·
Klik Detail untuk menuju TPE10
·
TPE08 Freshrock
Kategori Produk nama_kategori
nama_kategori nama_kategori
….. Produk Terlaris
Beranda Tentang Kami
Cara Pembelian Semua Produk
Gambar Produk
nama_produk Stok [0]
[Detail]
Daftar Login
Cari Login
Username :
Password :
Login Lupa password?
Layanan Pelanggan Akun YM
nama_pemilik_akun
Jejaring Sosial Facebook
Gambar 3.120 Perancangan Antarmuka Login Member
7. Perancangan Antarmuka Daftar Kategori
Berikut dapat dilihat perancangan antarmuka halaman daftar kategori untuk member. Perancangannya disajikan dalam gambar dibawah ini:
Footer Ukuran Layar
: 1024 x 768 Jenis Font
: Lucida Sans Unicode, Arial Warna Latar
: f7fcf8
· Klik Beranda untuk menuju
TPE01 ·
Klik Tentang Kami untuk menuju TPE02
· Klik Cara Pembelian untuk
menuju TPE03 ·
Klik Semua Produk untuk menuju TPE04
· Klik Daftar untuk menuju
TPE07 ·
Klik Login untuk menuju TPE08
· Klik Nama Kategori Produk
untuk menuju TPE09 ·
Klik Detail untuk menuju TPE10
·
TPE09 Freshrock
Kategori Produk nama_kategori
nama_kategori nama_kategori
….. Produk Terlaris
Beranda Tentang Kami
Cara Pembelian Semua Produk
Produk Paling Banyak Dilihat Layanan Pelanggan
Akun YM nama_pemilik_akun
Jejaring Sosial Facebook
Tracking JNE Masukan No. Resi anda
Cari Produk Per Kategori
Gambar Produk
nama_produk Gambar
Produk nama_produk
Gambar Produk
nama_produk Gambar
Produk nama_produk
Gambar Produk
nama_produk
Gambar Produk
nama_produk Dilihat [0] Kali
Stok [0] [Detail]
Stok [0] [Detail]
Stok [0] [Detail]
Stok [0] [Detail]
Stok [0] [Detail]
Stok [0] [Detail]
Daftar Login
Cari
Akun Bank nama bank
Gambar 3.121 Perancangan Antarmuka Produk Per Kategori
8. Perancangan Antarmuka Detail Produk
Berikut dapat dilihat perancangan antarmuka halaman semua produk untuk member. Perancangannya disajikan dalam gambar dibawah ini:
Footer Ukuran Layar
: 1024 x 768 Jenis Font
: Lucida Sans Unicode, Arial Warna Latar
: f7fcf8
· Klik Beranda untuk menuju
TPE01 ·
Klik Tentang Kami untuk menuju TPE02
· Klik Cara Pembelian untuk
menuju TPE03 ·
Klik Semua Produk untuk menuju TPE04
· Klik Daftar untuk menuju
TPE05 ·
Klik Login untuk menuju TPE06
· Klik Nama Kategori Produk
untuk menuju TPE07 ·
Klik Detail untuk menuju TPE08
·
TPE08 Freshrock
Kategori Produk nama_kategori
nama_kategori nama_kategori
….. Produk Terlaris
Beranda Tentang Kami
Cara Pembelian Semua Produk
Gambar Produk
nama_produk Stok [0]
[Detail]
Daftar Login
Cari Kategori : nama_kategori
Gambar Produk
nama_produk
Gambar Produk
nama_produk Gambar
Produk nama_produk
Gambar Produk
nama_produk Gambar
Produk nama_produk
Stok [0] [beli] [Detail]
Stok [0] [beli] [Detail]
Stok [0] [beli] [Detail]
Stok [0] [beli] [Detail]
Stok [0] [beli]
Deskripsi rating
rating rating
rating rating
Produk rekomendasi Layanan Pelanggan
Akun YM
nama_pemilik_akun
Jejaring Sosial Facebook
Gambar 3.122 Perancangan AntarmukaDetail Produk
9. Perancangan Antarmuka Hasil Pencarian
Berikut dapat dilihat perancangan antarmuka halaman hasil pencarina untuk member. Perancangannya disajikan dalam gambar dibawah ini:
Footer Ukuran Layar
: 1024 x 768 Jenis Font
: Lucida Sans Unicode, Arial Warna Latar
: f7fcf8
· Klik Beranda untuk menuju
TPE01 ·
Klik Tentang Kami untuk menuju TPE02
· Klik Cara Pembelian untuk
menuju TPE03 ·
Klik Semua Produk untuk menuju TPE04
· Klik Daftar untuk menuju
TPE05 ·
Klik Login untuk menuju TPE06
· Klik Nama Kategori Produk
untuk menuju TPE07 ·
Klik Detail untuk menuju TPE08
·
TPE09 Freshrock
Kategori Produk nama_kategori
nama_kategori nama_kategori
….. Produk Terlaris
Beranda Tentang Kami
Cara Pembelian Semua Produk
Gambar Produk
nama_produk Stok [0]
[Detail] Daftar
Login
Cari
Hasil Pencarian Hasil Pencarian
Layanan Pelanggan Akun YM
nama_pemilik_akun Jejaring Sosial
Facebook
Gambar 3.123 Perancangan Antarmuka Hasil Pencarian