Perancangan Antarmuka Pengunjung ANALISIS DAN PERANCANGAN SISTEM
3. Perancangan antarmuka halaman berita
MUP03 Header
twitter facebo
ok login
Daftar Logo Distro harmony
Cari
Footer Distro Harmony Beranda
Produk berita
profil Panduan
berbelanja Cara
pendaftaran Merek Produk
Kategori Produk
Testimonial
Widget twitter
merek merek
... kategori
kategori kategori
kategori
Isi testimonial
Isi widget twitter
Keranjang belanja Hubungi Kami
Isi keranjang belanja Hubungi Kami
Hubungi Kami di : Yahoo Massanger
atau telepon
facebook twitter
Tracking
telusuri
Mata uang Testi produk
Isi mata uang
Isi testi produk
· Klik Beranda untuk menuju
MUP01 ·
Klik Produk untuk menuju MUP02 ·
Klik berita untuk menuju MPU03 ·
Klik Profil untuk menuju MPU04 ·
Klik Panduan berbelanja untuk menuju MPU05
· Klik Cara Pendaftaran untuk
menuju MPU06 ·
Klik Login untuk menuju MPU07 ·
Klik Daftar untuk menuju MPU08 ·
Klik Merek Produk untuk menuju MPU09
· Klik kategori Produk untuk menuju
MPU10
Berita - judul berita
Gambar berita
Isi berita
Gambar 3.39 Tampilan antarmuka halaman berita
4. Perancangan antarmuka halaman profil distro
MUP04 Header
twitter facebo
ok login
Daftar Logo Distro harmony
Cari
Footer Distro Harmony Beranda
Produk berita
profil Panduan
berbelanja Cara
pendaftaran Merek Produk
Kategori Produk
Testimonial
Widget twitter
merek merek
... kategori
kategori kategori
kategori
Isi testimonial
Isi widget twitter
Keranjang belanja Hubungi Kami
Isi keranjang belanja Hubungi Kami
Hubungi Kami di : Yahoo Massanger
atau telepon
facebook twitter
Tracking
telusuri
Mata uang Testi produk
Isi mata uang
Isi testi produk
· Klik Beranda untuk menuju
MUP01 ·
Klik Produk untuk menuju MUP02 ·
Klik berita untuk menuju MPU03 ·
Klik Profil untuk menuju MPU04 ·
Klik Panduan berbelanja untuk menuju MPU05
· Klik Cara Pendaftaran untuk
menuju MPU06 ·
Klik Login untuk menuju MPU07 ·
Klik Daftar untuk menuju MPU08 ·
Klik Merek Produk untuk menuju MPU09
· Klik kategori Produk untuk menuju
MPU10
Profil distro
Gambar profil distro
Sejarah distro harmony
Visi dan misi distro
Isi sejarah distro
Isi visi dan misi
Gambar 3.40 Tampilan antarmuka halaman profil distro
5. Perancangan antarmuka halaman panduan berbelanja
Gambar 3.41 Tampilan antarmuka halaman panduan berbelanja
6. Perancangan antarmuka halaman cara pendaftaran
Gambar 3.42 Tampilan antarmuka halaman cara pendaftaran
7. Perancangan antarmuka halaman login
Gambar 3.43 Tampilan antarmuka halaman login
8. Perancangan antarmuka halaman pendaftaran
Gambar 3.44 Tampilan antarmuka halaman pendaftaran
9. Perancangan antarmuka halaman detail merek produk
Gambar 3.45 Tampilan antarmuka halaman detail merek produk
10. Perancangan antarmuka halaman detail kategori produk
MUP10 Header
twitter facebo
ok login
Daftar Logo Distro harmony
Cari
Footer Distro Harmony Beranda
Produk berita
profil Panduan
berbelanja Cara
pendaftaran Merek Produk
Kategori Produk
Testimonial
Widget twitter
merek merek
... kategori
kategori kategori
kategori
Isi testimonial
Isi widget twitter
Keranjang belanja Hubungi Kami
Isi keranjang belanja Hubungi Kami
Hubungi Kami di : Yahoo Massanger
atau telepon
facebook twitter
Tracking
telusuri
Mata uang Testi produk
Isi mata uang
Isi testi produk
· Klik Beranda untuk menuju
MUP01 ·
Klik Produk untuk menuju MUP02 ·
Klik berita untuk menuju MPU03 ·
Klik Profil untuk menuju MPU04 ·
Klik Panduan berbelanja untuk menuju MPU05
· Klik Cara Pendaftaran untuk
menuju MPU06 ·
Klik Login untuk menuju MPU07 ·
Klik Daftar untuk menuju MPU08 ·
Klik Merek Produk untuk menuju MPU09
· Klik kategori Produk untuk menuju
MPU10
kategori – nama merek produk
gambar
Nama produk
harga
detail
gambar
Nama produk
harga
detail
gambar
Nama produk
harga
detail
gambar
Nama produk
harga
detail
gambar
Nama produk
harga
detail
gambar
Nama produk
harga
detail
Gambar 3.46 Tampilan antarmuka halaman detail kategori produk