112
3.4.1.1 Perancangan Antar Muka Pengunjung
a. Antar Muka Home P01
P01 HEADER
Search Home Contact Registrasi Bookmark
FOOTER + Sponsor Anda {nama_referral} SPECIAL PROMO
ONLINE SUPPORT LOGIN
CATEGORY
Page 1 of n 1 n
OUR PRODUCT
Gambar produk
Nama produk
Harga Diskon
View Login
Gambar produk
Nama produk
Harga Diskon
View Login
Gambar produk
Nama produk
Harga Diskon
View Login
Gambar produk
Nama produk
Harga Diskon
View Login
Gambar produk
Nama produk
Harga Diskon
View Login
Gambar produk
Nama produk
Harga Diskon
View Login
Gambar produk
Nama produk
Harga Diskon
View Login
Gambar produk
Nama produk
Harga Diskon
View Login
Teks Kategori Teks Kategori
STATUS YM Username :
Password : Login
Welcome to Warung Suplemen Online | Produk Herbal Solusi Kesehatan Anda Dan Keluarga
Untuk Dapat Berbelanja Anda Harus Login, Jika Belum Menjadi Member Silahkan Daftar Di Sini
LINK KE PROFIL
Lost your password?
Nama produk Harga
diskon
View
Nama produk Harga
diskon
View All Promo Products
Navigasi : 1.
klik “Home” untuk menuju ke P01 2.
klik “Registrasi” atau “Di Sini” untuk menuju ke P02
3. klik LINK KE PROFIL untuk menuju ke P03
4. klik “Cara Pembayaran” untuk
menuju ke P04 5.
klik “Syarat Kondisi” untuk menuju ke P05
6. klik “Konfirmasi Pembayaran” untuk
menuju ke P06 7.
klik “Apa itu Sistem Referral” untuk menuju ke P07
8. klik “Contact” untuk menuju ke P08
9. klik “Artikel Kesehatan” untuk
menuju ke P09 10.
klik “Teks Kategori” untuk menuju ke P10
11. klik “View” untuk menuju ke P11A
atau P11B 12.
klik “Cart” untuk menuju ke P13 13.
klik “Check Out” untuk menuju ke P14
14. klik “Search” untuk menuju ke
P15A atau P15B 15.
klik “Login” untuk menuju ke P16 16.
klik “Lost your password” untuk menuju ke P17
17. klik “All Promo Products” untuk
menuju ke P10 CART
Cart Check Out
Sub Total : Rp. Diskon : Rp.
Your cart is empty
PAGES
- Cara Pembayaran - Syarat Kondisi
- Cara Konfirmasi Pembayaran
- Artikel Kesehatan - Apa Itu Sistem Referral
Gambar 3-18 Perancangan Tampilan Home
113
b. Antar Muka Registrasi Member P02
P02 HEADER
Search Home Contact Registrasi Bookmark
FOOTER + Sponsor Anda {nama_referral} ONLINE SUPPORT
LOGIN CATEGORY
Teks Kategori Teks Kategori
PAGES
Upgrade keanggotaan Cara Pembayaran
Syarat Kondisi Konfirmasi Pembayaran
Artikel Kesehatan Apa itu Sistem referral ?
STATUS YM Username :
Password : Login
Lost your password? SPECIAL PROMO
Nama produk Harga
diskon
View
Nama produk Harga
diskon
View All Promo Products
REGISTRASI {breadcrumb}
Sponsor Anda : {id_referral} | {nama_referral} Nama Lengkap :
Alamat : Propinsi :
Kota : No. Telp. HP :
Jenis Kelamin :
Nama Bank: No. Rekening:
Atas Nama:
Data Bank Anda. Komisi akan saya kirimkan melalui Bank anda. Biaya pengiriman komisi akan menjadi tanggungan penerima.
Dengan mendaftar menjadi member, anda juga otomatis mengikuti sistem referral.
Masukkan data untuk login ke member area Email:
Ulangi Email: Username:
Password: Ulangi Password:
URL Reseller:
Registrasi
Wajib diisi
New Products Teks New Product
Teks New Product Teks New Product
CART Cart
Check Out
Sub Total : Rp. Diskon : Rp.
Your cart is empty
CART Cart
Check Out
Sub Total : Rp. Diskon : Rp.
Your cart is empty
PAGES
- Cara Pembayaran - Syarat Kondisi
- Cara Konfirmasi Pembayaran
- Artikel Kesehatan - Apa Itu Sistem Referral
Navigasi : 1.
klik “Home” untuk menuju ke P01 2.
klik “Registrasi” atau “Di Sini” untuk menuju ke P02
3. klik LINK KE PROFIL untuk menuju ke P03
4. klik “Cara Pembayaran” untuk
menuju ke P04 5.
klik “Syarat Kondisi” untuk menuju ke P05
6. klik “Konfirmasi Pembayaran” untuk
menuju ke P06 7.
klik “Apa itu Sistem Referral” untuk menuju ke P07
8. klik “Contact” untuk menuju ke P08
9. klik “Artikel Kesehatan” untuk
menuju ke P09 10.
klik “Teks Kategori” untuk menuju ke P10
11. klik “View” untuk menuju ke P11A
atau P11B 12.
klik “Cart” untuk menuju ke P13 13.
klik “Check Out” untuk menuju ke P14
14. klik “Search” untuk menuju ke
P15A atau P15B 15.
klik “Login” untuk menuju ke P16 16.
klik “Lost your password” untuk menuju ke P17
17. klik “All Promo Products” untuk
menuju ke P10
Gambar 3-19 Perancangan Tampilan Registrasi Member
114
c. Antar Muka Profil Perusahaan P03
P03 HEADER
Search Home Contact Registrasi Bookmark
FOOTER + Sponsor Anda {nama_referral} ONLINE SUPPORT
LOGIN CATEGORY
Teks Kategori Teks Kategori
PAGES
Upgrade keanggotaan Cara Pembayaran
Syarat Kondisi Konfirmasi Pembayaran
Artikel Kesehatan Apa itu Sistem referral ?
STATUS YM Username :
Password : Login
Lost your password? SPECIAL PROMO
Nama produk Harga
diskon
View
Nama produk Harga
diskon
View All Promo Products
New Products Teks New Product
Teks New Product Teks New Product
ABOUT US {breadcrumb}
Home CART
Cart Check Out
Sub Total : Rp. Diskon : Rp.
Your cart is empty
CART Cart
Check Out
Sub Total : Rp. Diskon : Rp.
Your cart is empty
PAGES
- Cara Pembayaran - Syarat Kondisi
- Cara Konfirmasi Pembayaran
- Artikel Kesehatan - Apa Itu Sistem Referral
Navigasi : 1.
klik “Home” untuk menuju ke P01 2.
klik “Registrasi” atau “Di Sini” untuk menuju ke P02
3. klik LINK KE PROFIL untuk menuju ke P03
4. klik “Cara Pembayaran” untuk
menuju ke P04 5.
klik “Syarat Kondisi” untuk menuju ke P05
6. klik “Konfirmasi Pembayaran” untuk
menuju ke P06 7.
klik “Apa itu Sistem Referral” untuk menuju ke P07
8. klik “Contact” untuk menuju ke P08
9. klik “Artikel Kesehatan” untuk
menuju ke P09 10.
klik “Teks Kategori” untuk menuju ke P10
11. klik “View” untuk menuju ke P11A
atau P11B 12.
klik “Cart” untuk menuju ke P13 13.
klik “Check Out” untuk menuju ke P14
14. klik “Search” untuk menuju ke
P15A atau P15B 15.
klik “Login” untuk menuju ke P16 16.
klik “Lost your password” untuk menuju ke P17
17. klik “All Promo Products” untuk
menuju ke P10
Gambar 3-20 Perancangan Tampilan Profil Perusahaan
115
d. Antar Muka Cara Pembayaran P04
P04 HEADER
Search Home Contact Registrasi Bookmark
FOOTER + Sponsor Anda {nama_referral} ONLINE SUPPORT
LOGIN CATEGORY
Teks Kategori Teks Kategori
PAGES
Upgrade keanggotaan Cara Pembayaran
Syarat Kondisi Konfirmasi Pembayaran
Artikel Kesehatan Apa itu Sistem referral ?
STATUS YM Username :
Password : Login
Lost your password? SPECIAL PROMO
Nama produk Harga
diskon
View
Nama produk Harga
diskon
View All Promo Products
New Products Teks New Product
Teks New Product Teks New Product
CARA PEMBAYARAN {breadcrumb}
Home CART
Cart Check Out
Sub Total : Rp. Diskon : Rp.
Your cart is empty
CART Cart
Check Out
Sub Total : Rp. Diskon : Rp.
Your cart is empty
PAGES
- Cara Pembayaran - Syarat Kondisi
- Cara Konfirmasi Pembayaran
- Artikel Kesehatan - Apa Itu Sistem Referral
Navigasi : 1.
klik “Home” untuk menuju ke P01 2.
klik “Registrasi” atau “Di Sini” untuk menuju ke P02
3. klik LINK KE PROFIL untuk menuju ke P03
4. klik “Cara Pembayaran” untuk
menuju ke P04 5.
klik “Syarat Kondisi” untuk menuju ke P05
6. klik “Konfirmasi Pembayaran” untuk
menuju ke P06 7.
klik “Apa itu Sistem Referral” untuk menuju ke P07
8. klik “Contact” untuk menuju ke P08
9. klik “Artikel Kesehatan” untuk
menuju ke P09 10.
klik “Teks Kategori” untuk menuju ke P10
11. klik “View” untuk menuju ke P11A
atau P11B 12.
klik “Cart” untuk menuju ke P13 13.
klik “Check Out” untuk menuju ke P14
14. klik “Search” untuk menuju ke
P15A atau P15B 15.
klik “Login” untuk menuju ke P16 16.
klik “Lost your password” untuk menuju ke P17
17. klik “All Promo Products” untuk
menuju ke P10
Gambar 3-21 Perancangan Tampilan Cara Pembayaran
116
e. Antar Muka Syarat dan Kondisi P05
P05 HEADER
Search Home Contact Registrasi Bookmark
FOOTER + Sponsor Anda {nama_referral} ONLINE SUPPORT
LOGIN CATEGORY
Teks Kategori Teks Kategori
PAGES
Upgrade keanggotaan Cara Pembayaran
Syarat Kondisi Konfirmasi Pembayaran
Artikel Kesehatan Apa itu Sistem referral ?
STATUS YM Username :
Password : Login
Lost your password? SPECIAL PROMO
Nama produk Harga
diskon
View
Nama produk Harga
diskon
View All Promo Products
New Products Teks New Product
Teks New Product Teks New Product
SYARAT KONDISI {breadcrumb}
Home CART
Cart Check Out
Sub Total : Rp. Diskon : Rp.
Your cart is empty
CART Cart
Check Out
Sub Total : Rp. Diskon : Rp.
Your cart is empty
PAGES
- Cara Pembayaran - Syarat Kondisi
- Cara Konfirmasi Pembayaran
- Artikel Kesehatan - Apa Itu Sistem Referral
Navigasi : 1.
klik “Home” untuk menuju ke P01 2.
klik “Registrasi” atau “Di Sini” untuk menuju ke P02
3. klik LINK KE PROFIL untuk menuju ke P03
4. klik “Cara Pembayaran” untuk
menuju ke P04 5.
klik “Syarat Kondisi” untuk menuju ke P05
6. klik “Konfirmasi Pembayaran” untuk
menuju ke P06 7.
klik “Apa itu Sistem Referral” untuk menuju ke P07
8. klik “Contact” untuk menuju ke P08
9. klik “Artikel Kesehatan” untuk
menuju ke P09 10.
klik “Teks Kategori” untuk menuju ke P10
11. klik “View” untuk menuju ke P11A
atau P11B 12.
klik “Cart” untuk menuju ke P13 13.
klik “Check Out” untuk menuju ke P14
14. klik “Search” untuk menuju ke
P15A atau P15B 15.
klik “Login” untuk menuju ke P16 16.
klik “Lost your password” untuk menuju ke P17
17. klik “All Promo Products” untuk
menuju ke P10
Gambar 3-22 Perancangan Tampilan Syarat dan Kondisi
117
f. Antar Muka Cara Konfirmasi Pembayaran P06
P06 HEADER
Search Home Contact Registrasi Bookmark
FOOTER + Sponsor Anda {nama_referral} ONLINE SUPPORT
LOGIN CATEGORY
Teks Kategori Teks Kategori
PAGES
Upgrade keanggotaan Cara Pembayaran
Syarat Kondisi Konfirmasi Pembayaran
Artikel Kesehatan Apa itu Sistem referral ?
STATUS YM Username :
Password : Login
Lost your password? SPECIAL PROMO
Nama produk Harga
diskon
View
Nama produk Harga
diskon
View All Promo Products
New Products Teks New Product
Teks New Product Teks New Product
CARA KONFIRMASI PEMBAYARAN {breadcrumb}
Home CART
Cart Check Out
Sub Total : Rp. Diskon : Rp.
Your cart is empty
CART Cart
Check Out
Sub Total : Rp. Diskon : Rp.
Your cart is empty
PAGES
- Cara Pembayaran - Syarat Kondisi
- Cara Konfirmasi Pembayaran
- Artikel Kesehatan - Apa Itu Sistem Referral
Navigasi : 1.
klik “Home” untuk menuju ke P01 2.
klik “Registrasi” atau “Di Sini” untuk menuju ke P02
3. klik LINK KE PROFIL untuk menuju ke P03
4. klik “Cara Pembayaran” untuk
menuju ke P04 5.
klik “Syarat Kondisi” untuk menuju ke P05
6. klik “Konfirmasi Pembayaran” untuk
menuju ke P06 7.
klik “Apa itu Sistem Referral” untuk menuju ke P07
8. klik “Contact” untuk menuju ke P08
9. klik “Artikel Kesehatan” untuk
menuju ke P09 10.
klik “Teks Kategori” untuk menuju ke P10
11. klik “View” untuk menuju ke P11A
atau P11B 12.
klik “Cart” untuk menuju ke P13 13.
klik “Check Out” untuk menuju ke P14
14. klik “Search” untuk menuju ke
P15A atau P15B 15.
klik “Login” untuk menuju ke P16 16.
klik “Lost your password” untuk menuju ke P17
17. klik “All Promo Products” untuk
menuju ke P10
Gambar 3-23 Perancangan Tampilan Cara Konfirmasi Pembayaran
118
g. Antar Muka Pengertian Sistem Referral P07
P07 HEADER
Search Home Contact Registrasi Bookmark
FOOTER + Sponsor Anda {nama_referral} ONLINE SUPPORT
LOGIN CATEGORY
Teks Kategori Teks Kategori
PAGES
Upgrade keanggotaan Cara Pembayaran
Syarat Kondisi Konfirmasi Pembayaran
Artikel Kesehatan Apa itu Sistem referral ?
STATUS YM Username :
Password : Login
Lost your password? SPECIAL PROMO
Nama produk Harga
diskon
View
Nama produk Harga
diskon
View All Promo Products
New Products Teks New Product
Teks New Product Teks New Product
APA ITU SISTEM REFERRAL {breadcrumb}
Home CART
Cart Check Out
Sub Total : Rp. Diskon : Rp.
Your cart is empty
CART Cart
Check Out
Sub Total : Rp. Diskon : Rp.
Your cart is empty
PAGES
- Cara Pembayaran - Syarat Kondisi
- Cara Konfirmasi Pembayaran
- Artikel Kesehatan - Apa Itu Sistem Referral
Navigasi : 1.
klik “Home” untuk menuju ke P01 2.
klik “Registrasi” atau “Di Sini” untuk menuju ke P02
3. klik LINK KE PROFIL untuk menuju ke P03
4. klik “Cara Pembayaran” untuk
menuju ke P04 5.
klik “Syarat Kondisi” untuk menuju ke P05
6. klik “Konfirmasi Pembayaran” untuk
menuju ke P06 7.
klik “Apa itu Sistem Referral” untuk menuju ke P07
8. klik “Contact” untuk menuju ke P08
9. klik “Artikel Kesehatan” untuk
menuju ke P09 10.
klik “Teks Kategori” untuk menuju ke P10
11. klik “View” untuk menuju ke P11A
atau P11B 12.
klik “Cart” untuk menuju ke P13 13.
klik “Check Out” untuk menuju ke P14
14. klik “Search” untuk menuju ke
P15A atau P15B 15.
klik “Login” untuk menuju ke P16 16.
klik “Lost your password” untuk menuju ke P17
17. klik “All Promo Products” untuk
menuju ke P10
Gambar 3-24 Perancangan Tampilan Pengertian Sistem Referral
119
h. Antar Muka Contact Us P08
P08 HEADER
Search Home Contact Registrasi Bookmark
FOOTER + Sponsor Anda {nama_referral} ONLINE SUPPORT
LOGIN CATEGORY
Teks Kategori Teks Kategori
PAGES
Upgrade keanggotaan Cara Pembayaran
Syarat Kondisi Konfirmasi Pembayaran
Artikel Kesehatan Apa itu Sistem referral ?
STATUS YM Username :
Password : Login
Lost your password? SPECIAL PROMO
Nama produk Harga
diskon
View
Nama produk Harga
diskon
View All Promo Products
New Products Teks New Product
Teks New Product Teks New Product
CONTACT US {breadcrumb}
Home Send a message
Full Name: Email Address:
Phone: Message:
For questions about an order or for information about our products
Send
CART Cart
Check Out
Sub Total : Rp. Diskon : Rp.
Your cart is empty
CART Cart
Check Out
Sub Total : Rp. Diskon : Rp.
Your cart is empty
PAGES
- Cara Pembayaran - Syarat Kondisi
- Cara Konfirmasi Pembayaran
- Artikel Kesehatan - Apa Itu Sistem Referral
Navigasi : 1.
klik “Home” untuk menuju ke P01 2.
klik “Registrasi” atau “Di Sini” untuk menuju ke P02
3. klik LINK KE PROFIL untuk menuju ke P03
4. klik “Cara Pembayaran” untuk
menuju ke P04 5.
klik “Syarat Kondisi” untuk menuju ke P05
6. klik “Konfirmasi Pembayaran” untuk
menuju ke P06 7.
klik “Apa itu Sistem Referral” untuk menuju ke P07
8. klik “Contact” untuk menuju ke P08
9. klik “Artikel Kesehatan” untuk
menuju ke P09 10.
klik “Teks Kategori” untuk menuju ke P10
11. klik “View” untuk menuju ke P11A
atau P11B 12.
klik “Cart” untuk menuju ke P13 13.
klik “Check Out” untuk menuju ke P14
14. klik “Search” untuk menuju ke
P15A atau P15B 15.
klik “Login” untuk menuju ke P16 16.
klik “Lost your password” untuk menuju ke P17
17. klik “All Promo Products” untuk
menuju ke P10
Gambar 3-25 Perancangan Tampilan Contact Us
120
i. Antar Muka Artikel Kesehatan P09
P09 HEADER
Search Home Contact Registrasi Bookmark
FOOTER + Sponsor Anda {nama_referral} ONLINE SUPPORT
LOGIN CATEGORY
Teks Kategori Teks Kategori
PAGES
Upgrade keanggotaan Cara Pembayaran
Syarat Kondisi Konfirmasi Pembayaran
Artikel Kesehatan Apa itu Sistem referral ?
STATUS YM Username :
Password : Login
Lost your password? SPECIAL PROMO
Nama produk Harga
diskon
View
Nama produk Harga
diskon
View All Promo Products
ARTIKEL KESEHATAN {breadcrumb}
Judul Artikel
n review »
View
Judul Artikel
n review »
View
Judul Artikel
n review »
View
CART Cart
Check Out
Sub Total : Rp. Diskon : Rp.
Your cart is empty
CART Cart
Check Out
Sub Total : Rp. Diskon : Rp.
Your cart is empty
PAGES
- Cara Pembayaran - Syarat Kondisi
- Cara Konfirmasi Pembayaran
- Artikel Kesehatan - Apa Itu Sistem Referral
Navigasi : 1.
klik “Home” untuk menuju ke P01 2.
klik “Registrasi” atau “Di Sini” untuk menuju ke P02
3. klik LINK KE PROFIL untuk menuju ke P03
4. klik “Cara Pembayaran” untuk
menuju ke P04 5.
klik “Syarat Kondisi” untuk menuju ke P05
6. klik “Konfirmasi Pembayaran” untuk
menuju ke P06 7.
klik “Apa itu Sistem Referral” untuk menuju ke P07
8. klik “Contact” untuk menuju ke P08
9. klik “Artikel Kesehatan” untuk
menuju ke P09 10.
klik “Teks Kategori” untuk menuju ke P10
11. klik “View” untuk menuju ke P11A
atau P11B 12.
klik “Cart” untuk menuju ke P13 13.
klik “Check Out” untuk menuju ke P14
14. klik “Search” untuk menuju ke
P15A atau P15B 15.
klik “Login” untuk menuju ke P16 16.
klik “Lost your password” untuk menuju ke P17
17. klik “All Promo Products” untuk
menuju ke P10
Gambar 3-26 Perancangan Tampilan Artikel Kesehatan
121
j. Antar Muka Kategori Produk P10
P10 HEADER
Search Home Contact Registrasi Bookmark
FOOTER + Sponsor Anda {nama_referral} ONLINE SUPPORT
LOGIN CATEGORY
Teks Kategori Teks Kategori
PAGES
Upgrade keanggotaan Cara Pembayaran
Syarat Kondisi Konfirmasi Pembayaran
Artikel Kesehatan Apa itu Sistem referral ?
STATUS YM Username :
Password : Login
Lost your password? SPECIAL PROMO
Nama produk Harga
diskon
View
Nama produk Harga
diskon
View All Promo Products
NAMA KATEGORI {breadcrumb}
Nama Produk
Harga Diskon
n review »
View Login
Nama Produk
Harga Diskon
n review »
View Login
Nama Produk
Harga Diskon
n review »
View Login
CART Cart
Check Out
Sub Total : Rp. Diskon : Rp.
Your cart is empty
CART Cart
Check Out
Sub Total : Rp. Diskon : Rp.
Your cart is empty
PAGES
- Cara Pembayaran - Syarat Kondisi
- Cara Konfirmasi Pembayaran
- Artikel Kesehatan - Apa Itu Sistem Referral
Navigasi : 1.
klik “Home” untuk menuju ke P01 2.
klik “Registrasi” atau “Di Sini” untuk menuju ke P02
3. klik LINK KE PROFIL untuk menuju ke P03
4. klik “Cara Pembayaran” untuk
menuju ke P04 5.
klik “Syarat Kondisi” untuk menuju ke P05
6. klik “Konfirmasi Pembayaran” untuk
menuju ke P06 7.
klik “Apa itu Sistem Referral” untuk menuju ke P07
8. klik “Contact” untuk menuju ke P08
9. klik “Artikel Kesehatan” untuk
menuju ke P09 10.
klik “Teks Kategori” untuk menuju ke P10
11. klik “View” untuk menuju ke P11A
atau P11B 12.
klik “Cart” untuk menuju ke P13 13.
klik “Check Out” untuk menuju ke P14
14. klik “Search” untuk menuju ke
P15A atau P15B 15.
klik “Login” untuk menuju ke P16 16.
klik “Lost your password” untuk menuju ke P17
17. klik “All Promo Products” untuk
menuju ke P10
Gambar 3-27 Perancangan Tampilan Kategori Produk
122
k. Antar Muka Detail Produk,Kondisi Harga Di Input Oleh Admin P11A
P11A HEADER
Search Home Contact Registrasi Bookmark
FOOTER + Sponsor Anda {nama_referral} ONLINE SUPPORT
LOGIN CATEGORY
Teks Kategori Teks Kategori
PAGES
Upgrade keanggotaan Cara Pembayaran
Syarat Kondisi Konfirmasi Pembayaran
Artikel Kesehatan Apa itu Sistem referral ?
STATUS YM Username :
Password : Login
Lost your password? SPECIAL PROMO
Nama produk Harga
diskon
View
Nama produk Harga
diskon
View All Promo Products
New Products Teks New Product
Teks New Product Teks New Product
NAMA PRODUK {breadcrumb}
GAMBAR PRODUK
More detail
Harga Diskon
Login
tab more info | tab lain-lain CART
Cart Check Out
Sub Total : Rp. Diskon : Rp.
Your cart is empty
CART Cart
Check Out
Sub Total : Rp. Diskon : Rp.
Your cart is empty
PAGES
- Cara Pembayaran - Syarat Kondisi
- Cara Konfirmasi Pembayaran
- Artikel Kesehatan - Apa Itu Sistem Referral
Navigasi : 1.
klik “Home” untuk menuju ke P01 2.
klik “Registrasi” atau “Di Sini” untuk menuju ke P02
3. klik LINK KE PROFIL untuk menuju ke P03
4. klik “Cara Pembayaran” untuk
menuju ke P04 5.
klik “Syarat Kondisi” untuk menuju ke P05
6. klik “Konfirmasi Pembayaran” untuk
menuju ke P06 7.
klik “Apa itu Sistem Referral” untuk menuju ke P07
8. klik “Contact” untuk menuju ke P08
9. klik “Artikel Kesehatan” untuk
menuju ke P09 10.
klik “Teks Kategori” untuk menuju ke P10
11. klik “View” untuk menuju ke P11A
atau P11B 12.
klik “Cart” untuk menuju ke P13 13.
klik “Check Out” untuk menuju ke P14
14. klik “Search” untuk menuju ke
P15A atau P15B 15.
klik “Login” untuk menuju ke P16 16.
klik “Lost your password” untuk menuju ke P17
17. klik “All Promo Products” untuk
menuju ke P10
Gambar 3-28 Perancangan Tampilan Detail Produk,Kondisi Harga Di Input Oleh Admin
123
l. Antar Muka Detail Produk,Kondisi Harga Tidak Di Input Oleh Admin P12B
P11B HEADER
Search Home Contact Registrasi Bookmark
FOOTER + Sponsor Anda {nama_referral} ONLINE SUPPORT
LOGIN CATEGORY
Teks Kategori Teks Kategori
PAGES
Upgrade keanggotaan Cara Pembayaran
Syarat Kondisi Konfirmasi Pembayaran
Artikel Kesehatan Apa itu Sistem referral ?
STATUS YM Username :
Password : Login
Lost your password? SPECIAL PROMO
Nama produk Harga
diskon
View
Nama produk Harga
diskon
View All Promo Products
New Products Teks New Product
Teks New Product Teks New Product
NAMA PRODUK {breadcrumb}
GAMBAR PRODUK
More detail
Harga Diskon
Contact Us
tab more info | tab lain-lain CART
Cart Check Out
Sub Total : Rp. Diskon : Rp.
Your cart is empty
CART Cart
Check Out
Sub Total : Rp. Diskon : Rp.
Your cart is empty
PAGES
- Cara Pembayaran - Syarat Kondisi
- Cara Konfirmasi Pembayaran
- Artikel Kesehatan - Apa Itu Sistem Referral
Navigasi : 1.
klik “Home” untuk menuju ke P01 2.
klik “Registrasi” atau “Di Sini” untuk menuju ke P02
3. klik LINK KE PROFIL untuk menuju ke P03
4. klik “Cara Pembayaran” untuk
menuju ke P04 5.
klik “Syarat Kondisi” untuk menuju ke P05
6. klik “Konfirmasi Pembayaran” untuk
menuju ke P06 7.
klik “Apa itu Sistem Referral” untuk menuju ke P07
8. klik “Contact” untuk menuju ke P08
9. klik “Artikel Kesehatan” untuk
menuju ke P09 10.
klik “Teks Kategori” untuk menuju ke P10
11. klik “View” untuk menuju ke P11A
atau P11B 12.
klik “Cart” untuk menuju ke P13 13.
klik “Check Out” untuk menuju ke P14
14. klik “Search” untuk menuju ke
P15A atau P15B 15.
klik “Login” untuk menuju ke P16 16.
klik “Lost your password” untuk menuju ke P17
17. klik “All Promo Products” untuk
menuju ke P10
Gambar 3-29 Perancangan Tampilan Detail Produk, Kondisi Harga Tidak Di Input Oleh Admin
124
m. Antar Muka Detail Artikel Kesehatan P12
P12 HEADER
Search Home Contact Registrasi Bookmark
FOOTER + Sponsor Anda {nama_referral} ONLINE SUPPORT
LOGIN CATEGORY
Teks Kategori Teks Kategori
PAGES
Upgrade keanggotaan Cara Pembayaran
Syarat Kondisi Konfirmasi Pembayaran
Artikel Kesehatan Apa itu Sistem referral ?
STATUS YM Username :
Password : Login
Lost your password? SPECIAL PROMO
Nama produk Harga
diskon
View
Nama produk Harga
diskon
View All Promo Products
New Products Teks New Product
Teks New Product Teks New Product
JUDUL ARTIKEL KESEHATAN {breadcrumb}
GAMBAR ARTIKEL
More detail
tab more info | tab lain-lain | tab testimonial CART
Cart Check Out
Sub Total : Rp. Diskon : Rp.
Your cart is empty
CART Cart
Check Out
Sub Total : Rp. Diskon : Rp.
Your cart is empty
PAGES
- Cara Pembayaran - Syarat Kondisi
- Cara Konfirmasi Pembayaran
- Artikel Kesehatan - Apa Itu Sistem Referral
Navigasi : 1.
klik “Home” untuk menuju ke P01 2.
klik “Registrasi” atau “Di Sini” untuk menuju ke P02
3. klik LINK KE PROFIL untuk menuju ke P03
4. klik “Cara Pembayaran” untuk
menuju ke P04 5.
klik “Syarat Kondisi” untuk menuju ke P05
6. klik “Konfirmasi Pembayaran” untuk
menuju ke P06 7.
klik “Apa itu Sistem Referral” untuk menuju ke P07
8. klik “Contact” untuk menuju ke P08
9. klik “Artikel Kesehatan” untuk
menuju ke P09 10.
klik “Teks Kategori” untuk menuju ke P10
11. klik “View” untuk menuju ke P11A
atau P11B 12.
klik “Cart” untuk menuju ke P13 13.
klik “Check Out” untuk menuju ke P14
14. klik “Search” untuk menuju ke
P15A atau P15B 15.
klik “Login” untuk menuju ke P16 16.
klik “Lost your password” untuk menuju ke P17
17. klik “All Promo Products” untuk
menuju ke P10
Gambar 3-30 Perancangan Tampilan Detail Artikel Kesehatan
125
n. Antar Muka Keranjang Belanja P13
P13 HEADER
Search Home Contact Registrasi Bookmark
FOOTER + Sponsor Anda {nama_referral} ONLINE SUPPORT
LOGIN CATEGORY
Teks Kategori Teks Kategori
PAGES
Upgrade keanggotaan Cara Pembayaran
Syarat Kondisi Konfirmasi Pembayaran
Artikel Kesehatan Apa itu Sistem referral ?
STATUS YM Username :
Password : Login
Lost your password? SPECIAL PROMO
Nama produk Harga
diskon
View
Nama produk Harga
diskon
View All Promo Products
New Products Teks New Product
Teks New Product Teks New Product
CART {breadcrumb}
Silahkan Merubah Detail Pesanan Anda
CART Cart
Check Out
Sub Total : Rp. Diskon : Rp.
Your cart is empty
CART Cart
Check Out
Sub Total : Rp. Diskon : Rp.
Your cart is empty
PAGES
- Cara Pembayaran - Syarat Kondisi
- Cara Konfirmasi Pembayaran
- Artikel Kesehatan - Apa Itu Sistem Referral
Keranjang Belanja Anda Masih Kosong
Navigasi : 1.
klik “Home” untuk menuju ke P01 2.
klik “Registrasi” atau “Di Sini” untuk menuju ke P02
3. klik LINK KE PROFIL untuk menuju ke P03
4. klik “Cara Pembayaran” untuk
menuju ke P04 5.
klik “Syarat Kondisi” untuk menuju ke P05
6. klik “Konfirmasi Pembayaran” untuk
menuju ke P06 7.
klik “Apa itu Sistem Referral” untuk menuju ke P07
8. klik “Contact” untuk menuju ke P08
9. klik “Artikel Kesehatan” untuk
menuju ke P09 10.
klik “Teks Kategori” untuk menuju ke P10
11. klik “View” untuk menuju ke P11A
atau P11B 12.
klik “Cart” untuk menuju ke P13 13.
klik “Check Out” untuk menuju ke P14
14. klik “Search” untuk menuju ke
P15A atau P15B 15.
klik “Login” untuk menuju ke P16 16.
klik “Lost your password” untuk menuju ke P17
17. klik “All Promo Products” untuk
menuju ke P10
Gambar 3-31 Perancangan Tampilan Keranjang Belanja
126
o. Antar Muka Check Out P14
P14 HEADER
Search Home Contact Registrasi Bookmark
FOOTER + Sponsor Anda {nama_referral} ONLINE SUPPORT
LOGIN CATEGORY
Teks Kategori Teks Kategori
PAGES
Upgrade keanggotaan Cara Pembayaran
Syarat Kondisi Konfirmasi Pembayaran
Artikel Kesehatan Apa itu Sistem referral ?
STATUS YM Username :
Password : Login
Lost your password? SPECIAL PROMO
Nama produk Harga
diskon
View
Nama produk Harga
diskon
View All Promo Products
New Products Teks New Product
Teks New Product Teks New Product
CHECK OUT {breadcrumb}
Anda Harus Login Untuk Melihat Halaman Ini....
CART Cart
Check Out
Sub Total : Rp. Diskon : Rp.
Your cart is empty
CART Cart
Check Out
Sub Total : Rp. Diskon : Rp.
Your cart is empty
PAGES
- Cara Pembayaran - Syarat Kondisi
- Cara Konfirmasi Pembayaran
- Artikel Kesehatan - Apa Itu Sistem Referral
Navigasi : 1.
klik “Home” untuk menuju ke P01 2.
klik “Registrasi” atau “Di Sini” untuk menuju ke P02
3. klik LINK KE PROFIL untuk menuju ke P03
4. klik “Cara Pembayaran” untuk
menuju ke P04 5.
klik “Syarat Kondisi” untuk menuju ke P05
6. klik “Konfirmasi Pembayaran” untuk
menuju ke P06 7.
klik “Apa itu Sistem Referral” untuk menuju ke P07
8. klik “Contact” untuk menuju ke P08
9. klik “Artikel Kesehatan” untuk
menuju ke P09 10.
klik “Teks Kategori” untuk menuju ke P10
11. klik “View” untuk menuju ke P11A
atau P11B 12.
klik “Cart” untuk menuju ke P13 13.
klik “Check Out” untuk menuju ke P14
14. klik “Search” untuk menuju ke
P15A atau P15B 15.
klik “Login” untuk menuju ke P16 16.
klik “Lost your password” untuk menuju ke P17
17. klik “All Promo Products” untuk
menuju ke P10
Gambar 3-32 Perancangan Tampilan Checkout
127
p. Antar Muka Hasil Search Produk,Kondisi Produk Tidak Ditemukan P15A
P15A HEADER
Search Home Contact Registrasi Bookmark
FOOTER + Sponsor Anda {nama_referral} ONLINE SUPPORT
LOGIN CATEGORY
Teks Kategori Teks Kategori
PAGES
Upgrade keanggotaan Cara Pembayaran
Syarat Kondisi Konfirmasi Pembayaran
Artikel Kesehatan Apa itu Sistem referral ?
STATUS YM Username :
Password : Login
Lost your password? SPECIAL PROMO
Nama produk Harga
diskon
View
Nama produk Harga
diskon
View All Promo Products
New Products Teks New Product
Teks New Product Teks New Product
SEARCH RESULT {breadcrumb}
There is no product in this category.
CART Cart
Check Out
Sub Total : Rp. Diskon : Rp.
Your cart is empty
CART Cart
Check Out
Sub Total : Rp. Diskon : Rp.
Your cart is empty
PAGES
- Cara Pembayaran - Syarat Kondisi
- Cara Konfirmasi Pembayaran
- Artikel Kesehatan - Apa Itu Sistem Referral
Navigasi : 1.
klik “Home” untuk menuju ke P01 2.
klik “Registrasi” atau “Di Sini” untuk menuju ke P02
3. klik LINK KE PROFIL untuk menuju ke P03
4. klik “Cara Pembayaran” untuk
menuju ke P04 5.
klik “Syarat Kondisi” untuk menuju ke P05
6. klik “Konfirmasi Pembayaran” untuk
menuju ke P06 7.
klik “Apa itu Sistem Referral” untuk menuju ke P07
8. klik “Contact” untuk menuju ke P08
9. klik “Artikel Kesehatan” untuk
menuju ke P09 10.
klik “Teks Kategori” untuk menuju ke P10
11. klik “View” untuk menuju ke P11A
atau P11B 12.
klik “Cart” untuk menuju ke P13 13.
klik “Check Out” untuk menuju ke P14
14. klik “Search” untuk menuju ke
P15A atau P15B 15.
klik “Login” untuk menuju ke P16 16.
klik “Lost your password” untuk menuju ke P17
17. klik “All Promo Products” untuk
menuju ke P10
Gambar 3-33 Perancangan Tampilan Hasil Search Produk,Kondisi Produk Tidak Ditemukan
128
q. Antar Muka Hasil Search Produk,Kondisi Produk Ditemukan P15B
P15B HEADER
Search Home Contact Registrasi Bookmark
FOOTER + Sponsor Anda {nama_referral} ONLINE SUPPORT
LOGIN CATEGORY
Teks Kategori Teks Kategori
PAGES
Upgrade keanggotaan Cara Pembayaran
Syarat Kondisi Konfirmasi Pembayaran
Artikel Kesehatan Apa itu Sistem referral ?
STATUS YM Username :
Password : Login
Lost your password? SPECIAL PROMO
Nama produk Harga
diskon
View
Nama produk Harga
diskon
View All Promo Products
SEARCH RESULT {breadcrumb}
Nama Produk
Harga Diskon
n review »
View Login
New Products Teks New Product
Teks New Product Teks New Product
CART Cart
Check Out
Sub Total : Rp. Diskon : Rp.
Your cart is empty
CART Cart
Check Out
Sub Total : Rp. Diskon : Rp.
Your cart is empty
PAGES
- Cara Pembayaran - Syarat Kondisi
- Cara Konfirmasi Pembayaran
- Artikel Kesehatan - Apa Itu Sistem Referral
Navigasi : 1.
klik “Home” untuk menuju ke P01 2.
klik “Registrasi” atau “Di Sini” untuk menuju ke P02
3. klik LINK KE PROFIL untuk menuju ke P03
4. klik “Cara Pembayaran” untuk
menuju ke P04 5.
klik “Syarat Kondisi” untuk menuju ke P05
6. klik “Konfirmasi Pembayaran” untuk
menuju ke P06 7.
klik “Apa itu Sistem Referral” untuk menuju ke P07
8. klik “Contact” untuk menuju ke P08
9. klik “Artikel Kesehatan” untuk
menuju ke P09 10.
klik “Teks Kategori” untuk menuju ke P10
11. klik “View” untuk menuju ke P11A
atau P11B 12.
klik “Cart” untuk menuju ke P13 13.
klik “Check Out” untuk menuju ke P14
14. klik “Search” untuk menuju ke
P15A atau P15B 15.
klik “Login” untuk menuju ke P16 16.
klik “Lost your password” untuk menuju ke P17
17. klik “All Promo Products” untuk
menuju ke P10
Gambar 3-34 Perancangan Tampilan Hasil Search Produk,Kondisi Produk Ditemukan
129
r. Antar Muka Login Member P16
P16 ß Back to judul website
logo website Username
Password
Login Remember Me
Lost your password?
Navigasi : 1.
klik “Back to judul website” untuk menuju P01
2. klik “Lost your password?” untuk
menuju ke P17
Gambar 3-35 Perancangan Tampilan Login Member
130
s. Antar Muka Lost A Password P17
P17 ß Back to judul website
logo website
Username or E-mail
Get New Password
Login Please enter your username or e-mail
address. You will receive a new password via e-mail.
Navigasi : 1.
klik “Back to judul website” untuk menuju P01
2. klik “Login” untuk menuju ke P17
Gambar 3-36 Perancangan Tampilan Lost A Password
131
3.4.1.2 Perancangan Antar Muka Member
Kategori