4. Perancangan Antarmuka Semua 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
TPE07 ·
Klik Login untuk menuju TPE08
· Klik Nama Kategori Produk
untuk menuju TPE09 ·
Klik Detail untuk menuju TPE10
·
TPE04 Freshrock
Kategori Produk nama_kategori
nama_kategori nama_kategori
….. Produk Terlaris
Beranda Tentang Kami
Cara Pembelian Semua Produk
Semua Produk
Gambar Produk
nama_produk Gambar
Produk nama_produk
Gambar Produk
nama_produk Gambar
Produk nama_produk
Gambar Produk
nama_produk Gambar
Produk nama_produk
Gambar Produk
nama_produk Gambar
Produk nama_produk
Gambar Produk
nama_produk Gambar
Produk nama_produk
Gambar Produk
nama_produk Gambar
Produk nama_produk
Gambar Produk
nama_produk Stok [0]
Detail] Stok [0]
[Detail] Stok [0]
[Detail] Stok [0]
[Detail] Stok [0]
[Detail] Stok [0]
[Detail] Stok [0]
[Detail] Stok [0]
[Detail] Stok [0]
[Detail] Stok [0]
[Detail] Stok [0]
[Detail] Stok [0]
[Detail] Stok [0]
[Detail] rating
rating rating
rating rating
rating rating
rating rating
rating rating
rating
Daftar Login
Cari
Layanan Pelanggan Akun YM
nama_pemilik_akun
Jejaring Sosial Facebook
Gambar 3.118 Perancangan Antarmuka Semua Produk
5. Perancangan Antarmuka Daftar
Berikut dapat dilihat perancangan antarmuka halaman daftar untuk pengunjung. 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
·
TPE07 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
Cara Pemelian Formulir Pendaftaran
Data Pribadi
Nama Lengkap
Kota Provinsi
No Telp Alamat
Kode Pos Pilih Provinsi
Pilih Kota
Data Akun
Ulangi Password Password
Email Jenis Kelamin
Laki-laki Prempuan
Tanggal Lahir
Daftar Layanan Pelanggan
Akun YM nama_pemilik_akun
Jejaring Sosial Facebook
Gambar 3.119 Perancangan Antarmuka Daftar Member
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