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

b. Perancangan Antarmuka Member

1. Perancangan Antarmuka Halaman Utama Member MUM01 Header twitter facebo ok login Daftar Logo Distro harmony Cari Footer Distro Harmony Beranda Produk berita profil Panduan berbelanja 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 MUM01 · Klik Produk untuk menuju MUM02 · Klik berita untuk menuju MUMU03 · Klik Profil untuk menuju MUM04 · Klik Panduan berbelanja untuk menuju MUM05 · Klik Cara Pendaftaran untuk menuju MUM06 · Klik Login untuk menuju MUM07 · Klik Daftar untuk menuju MUM08 · Klik Merek Produk untuk menuju MUM09 · Klik kategori Produk untuk menuju MUM10 Halaman utama distro harmony Ucapan selamat datang Produk Terbaru Produk lainnya 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 Akun member Data akun member Catatan pemesanan Keranjang belanja testimonial Gambar 3.47 Tampilan antarmuka halaman utama member 2. Perancangan Antarmuka Halaman Catatan Pemesanan Gambar 3.48 Tampilan antarmuka halaman catatan pemesanan 3. Perancangan Antarmuka Halaman keranjang belanja Gambar 3.49 Tampilan antarmuka halaman keranjang belanja