131
3.4.1.2 Perancangan Antar Muka Member
a. Antar Muka Home, Kondisi Belum Login M01A
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-37 Perancangan Tampilan Home, kondisi belum login
132
b. Antar Muka Home, Kondisi Sudah Login M01B
M01B HEADER
Search Home Contact Registrasi Bookmark
FOOTER + Sponsor Anda {nama_referral} SPECIAL PROMO
ONLINE SUPPORT CATEGORY
Page 1 of n 1 n
OUR PRODUCT Teks Kategori
Teks Kategori
STATUS YM Welcome to Warung Suplemen Online | Produk Herbal
Solusi Kesehatan Anda Dan Keluarga
Nama produk Harga
diskon
View
Nama produk Harga
diskon
View All Promo Products
Navigasi : 1.
klik “Home” untuk menuju ke M01B 2.
klik “Registrasi” atau “Di Sini” untuk menuju ke M02
3. klik LINK KE PROFIL untuk menuju ke M03
4. klik “Cara Pembayaran” untuk
menuju ke M04 5.
klik “Syarat Kondisi” untuk menuju ke M05
6. klik “Konfirmasi Pembayaran” untuk
menuju ke M06 7.
klik “Apa itu Sistem Referral” untuk menuju ke M07
8. klik “Contact” untuk menuju ke P0M
9. klik “Artikel Kesehatan” untuk
menuju ke M09 10.
klik “Teks Kategori” untuk menuju ke M10A atau M10B
11. klik “View” untuk menuju ke M11A
atau M11B 12.
klik “Cart” untuk menuju ke M13A atau M13B
13. klik “Check Out” untuk menuju ke
M14A atau M14B 14.
klik “Search” untuk menuju ke P15A atau P15B
15. klik “Login” untuk menuju ke P17
16. klik “Lost your password” untuk
menuju ke P18 17.
klik “All Promo Products” untuk menuju ke M10A atau M10B
Gambar produk
Nama produk
Harga Diskon
View Add to Cart
Gambar produk
Nama produk
Harga Diskon
View Add to Cart
Gambar produk
Nama produk
Harga Diskon
View Add to Cart
Gambar produk
Nama produk
Harga Diskon
View Add to Cart
Gambar produk
Nama produk
Harga Diskon
View Add to Cart
Gambar produk
Nama produk
Harga Diskon
View Add to Cart
Gambar produk
Nama produk
Harga Diskon
View Add to Cart
Gambar produk
Nama produk
Harga Diskon
View Add to Cart
LINK KE PROFIL
WELCOME USERNAME
Dashboard Edit Profile
Logout 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
Gambar 3-38 Perancangan Tampilan Home, Kondisi Sudah Login
133
c. Antar Muka Registrasi M02
M02 HEADER
Search Home Contact Registrasi Bookmark
FOOTER + Sponsor Anda {nama_referral} ONLINE SUPPORT
CATEGORY
Page 1 of n 1 n
Teks Kategori Teks Kategori
PAGES
Upgrade keanggotaan Cara Pembayaran
Syarat Kondisi Konfirmasi Pembayaran
Artikel Kesehatan Apa itu Sistem referral ?
STATUS YM Navigasi :
1. klik “Home” untuk menuju ke P01
2. klik “Registrasi” atau “Di Sini” untuk
menuju ke M02 3. klik LINK KE PROFIL untuk
menuju ke M03 4.
klik “Cara Pembayaran” untuk menuju ke M04
5. klik “Syarat Kondisi” untuk
menuju ke M05 6.
klik “Konfirmasi Pembayaran” untuk menuju ke M06
7. klik “Apa itu Sistem Referral” untuk
menuju ke M07 8.
klik “Contact” untuk menuju ke P0M 9.
klik “Artikel Kesehatan” untuk menuju ke M09
10. klik “Teks Kategori” untuk menuju
ke M10A atau M10B 11.
klik “View” untuk menuju ke M11A atau M11B
12. klik “Cart” untuk menuju ke M13A
atau M13B 13.
klik “Check Out” untuk menuju ke M14A atau M14B
14. klik “Search” untuk menuju ke
P15A atau P15B 15.
klik “Login” untuk menuju ke P17 16.
klik “Lost your password” untuk menuju ke P18
17. klik “All Promo Products” untuk
menuju ke M10A atau M10B REGISTRASI
{breadcrumb} Anda Sudah Terdaftar
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
WELCOME USERNAME
Dashboard Edit Profile
Logout 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
Gambar 3-39 Perancangan Tampilan Registrasi
134
d. Antar Muka Profil Perusahaan M03
M03 HEADER
Search Home Contact Registrasi Bookmark
FOOTER + Sponsor Anda {nama_referral} ONLINE SUPPORT
CATEGORY
Page 1 of n 1 n
Teks Kategori Teks Kategori
STATUS YM Navigasi :
1. klik “Home” untuk menuju ke P01
2. klik “Registrasi” atau “Di Sini” untuk
menuju ke M02 3. klik LINK KE PROFIL untuk
menuju ke M03 4.
klik “Cara Pembayaran” untuk menuju ke M04
5. klik “Syarat Kondisi” untuk
menuju ke M05 6.
klik “Konfirmasi Pembayaran” untuk menuju ke M06
7. klik “Apa itu Sistem Referral” untuk
menuju ke M07 8.
klik “Contact” untuk menuju ke P0M 9.
klik “Artikel Kesehatan” untuk menuju ke M09
10. klik “Teks Kategori” untuk menuju
ke M10A atau M10B 11.
klik “View” untuk menuju ke M11A atau M11B
12. klik “Cart” untuk menuju ke M13A
atau M13B 13.
klik “Check Out” untuk menuju ke M14A atau M14B
14. klik “Search” untuk menuju ke
P15A atau P15B 15.
klik “Login” untuk menuju ke P17 16.
klik “Lost your password” untuk menuju ke P18
17. klik “All Promo Products” untuk
menuju ke M10A atau M10B 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
WELCOME USERNAME
Dashboard Edit Profile
Logout 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
Gambar 3-40 Perancangan Tampilan Profil Perusahaan
135
e. Antar Muka Cara Pembayaran M04
M04 HEADER
Search Home Contact Registrasi Bookmark
FOOTER + Sponsor Anda {nama_referral} ONLINE SUPPORT
CATEGORY
Page 1 of n 1 n
Teks Kategori Teks Kategori
STATUS YM Navigasi :
1. klik “Home” untuk menuju ke P01
2. klik “Registrasi” atau “Di Sini” untuk
menuju ke M02 3. klik LINK KE PROFIL untuk
menuju ke M03 4.
klik “Cara Pembayaran” untuk menuju ke M04
5. klik “Syarat Kondisi” untuk
menuju ke M05 6.
klik “Konfirmasi Pembayaran” untuk menuju ke M06
7. klik “Apa itu Sistem Referral” untuk
menuju ke M07 8.
klik “Contact” untuk menuju ke P0M 9.
klik “Artikel Kesehatan” untuk menuju ke M09
10. klik “Teks Kategori” untuk menuju
ke M10A atau M10B 11.
klik “View” untuk menuju ke M11A atau M11B
12. klik “Cart” untuk menuju ke M13A
atau M13B 13.
klik “Check Out” untuk menuju ke M14A atau M14B
14. klik “Search” untuk menuju ke
P15A atau P15B 15.
klik “Login” untuk menuju ke P17 16.
klik “Lost your password” untuk menuju ke P18
17. klik “All Promo Products” untuk
menuju ke M10A atau M10B 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
WELCOME USERNAME
Dashboard Edit Profile
Logout 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
Gambar 3-41 Perancangan Tampilan Cara Pembayaran
136
f. Antar Muka Syarat dan Kondisi M05
M05 HEADER
Search Home Contact Registrasi Bookmark
FOOTER + Sponsor Anda {nama_referral} ONLINE SUPPORT
CATEGORY
Page 1 of n 1 n
Teks Kategori Teks Kategori
STATUS YM Navigasi :
1. klik “Home” untuk menuju ke P01
2. klik “Registrasi” atau “Di Sini” untuk
menuju ke M02 3. klik LINK KE PROFIL untuk
menuju ke M03 4.
klik “Cara Pembayaran” untuk menuju ke M04
5. klik “Syarat Kondisi” untuk
menuju ke M05 6.
klik “Konfirmasi Pembayaran” untuk menuju ke M06
7. klik “Apa itu Sistem Referral” untuk
menuju ke M07 8.
klik “Contact” untuk menuju ke P0M 9.
klik “Artikel Kesehatan” untuk menuju ke M09
10. klik “Teks Kategori” untuk menuju
ke M10A atau M10B 11.
klik “View” untuk menuju ke M11A atau M11B
12. klik “Cart” untuk menuju ke M13A
atau M13B 13.
klik “Check Out” untuk menuju ke M14A atau M14B
14. klik “Search” untuk menuju ke
P15A atau P15B 15.
klik “Login” untuk menuju ke P17 16.
klik “Lost your password” untuk menuju ke P18
17. klik “All Promo Products” untuk
menuju ke M10A atau M10B 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
WELCOME USERNAME
Dashboard Edit Profile
Logout 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
Gambar 3-42 Perancangan Tampilan Syarat dan Kondisi
137
g. Antar Muka Cara Konfirmasi Pembayaran M06
M06 HEADER
Search Home Contact Registrasi Bookmark
FOOTER + Sponsor Anda {nama_referral} ONLINE SUPPORT
CATEGORY
Page 1 of n 1 n
Teks Kategori Teks Kategori
STATUS YM Navigasi :
1. klik “Home” untuk menuju ke P01
2. klik “Registrasi” atau “Di Sini” untuk
menuju ke M02 3. klik LINK KE PROFIL untuk
menuju ke M03 4.
klik “Cara Pembayaran” untuk menuju ke M04
5. klik “Syarat Kondisi” untuk
menuju ke M05 6.
klik “Konfirmasi Pembayaran” untuk menuju ke M06
7. klik “Apa itu Sistem Referral” untuk
menuju ke M07 8.
klik “Contact” untuk menuju ke P0M 9.
klik “Artikel Kesehatan” untuk menuju ke M09
10. klik “Teks Kategori” untuk menuju
ke M10A atau M10B 11.
klik “View” untuk menuju ke M11A atau M11B
12. klik “Cart” untuk menuju ke M13A
atau M13B 13.
klik “Check Out” untuk menuju ke M14A atau M14B
14. klik “Search” untuk menuju ke
P15A atau P15B 15.
klik “Login” untuk menuju ke P17 16.
klik “Lost your password” untuk menuju ke P18
17. klik “All Promo Products” untuk
menuju ke M10A atau M10B 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
WELCOME USERNAME
Dashboard Edit Profile
Logout 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
Gambar 3-43 Perancangan Tampilan Cara Konfirmasi Pembayaran
138
h. Antar Muka Pengertian Sistem Referral M07
M07 HEADER
Search Home Contact Registrasi Bookmark
FOOTER + Sponsor Anda {nama_referral} ONLINE SUPPORT
CATEGORY
Page 1 of n 1 n
Teks Kategori Teks Kategori
STATUS YM Navigasi :
1. klik “Home” untuk menuju ke P01
2. klik “Registrasi” atau “Di Sini” untuk
menuju ke M02 3. klik LINK KE PROFIL untuk
menuju ke M03 4.
klik “Cara Pembayaran” untuk menuju ke M04
5. klik “Syarat Kondisi” untuk
menuju ke M05 6.
klik “Konfirmasi Pembayaran” untuk menuju ke M06
7. klik “Apa itu Sistem Referral” untuk
menuju ke M07 8.
klik “Contact” untuk menuju ke P0M 9.
klik “Artikel Kesehatan” untuk menuju ke M09
10. klik “Teks Kategori” untuk menuju
ke M10A atau M10B 11.
klik “View” untuk menuju ke M11A atau M11B
12. klik “Cart” untuk menuju ke M13A
atau M13B 13.
klik “Check Out” untuk menuju ke M14A atau M14B
14. klik “Search” untuk menuju ke
P15A atau P15B 15.
klik “Login” untuk menuju ke P17 16.
klik “Lost your password” untuk menuju ke P18
17. klik “All Promo Products” untuk
menuju ke M10A atau M10B 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
WELCOME USERNAME
Dashboard Edit Profile
Logout 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
Gambar 3-44 Perancangan Tampilan Pengertian Sistem Referral
139
a. Antar Muka Contact Us M08
M08 HEADER
Search Home Contact Registrasi Bookmark
FOOTER + Sponsor Anda {nama_referral} ONLINE SUPPORT
CATEGORY Teks Kategori
Teks Kategori
STATUS YM 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
Navigasi : 1.
klik “Home” untuk menuju ke P01 2.
klik “Registrasi” atau “Di Sini” untuk menuju ke M02
3. klik LINK KE PROFIL untuk menuju ke M03
4. klik “Cara Pembayaran” untuk
menuju ke M04 5.
klik “Syarat Kondisi” untuk menuju ke M05
6. klik “Konfirmasi Pembayaran” untuk
menuju ke M06 7.
klik “Apa itu Sistem Referral” untuk menuju ke M07
8. klik “Contact” untuk menuju ke P0M
9. klik “Artikel Kesehatan” untuk
menuju ke M09 10.
klik “Teks Kategori” untuk menuju ke M10A atau M10B
11. klik “View” untuk menuju ke M11A
atau M11B 12.
klik “Cart” untuk menuju ke M13A atau M13B
13. klik “Check Out” untuk menuju ke
M14A atau M14B 14.
klik “Search” untuk menuju ke P15A atau P15B
15. klik “Login” untuk menuju ke P17
16. klik “Lost your password” untuk
menuju ke P18 17.
klik “All Promo Products” untuk menuju ke M10A atau M10B
WELCOME USERNAME
Dashboard Edit Profile
Logout 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
Gambar 3-45 Perancangan Tampilan Contact Us
140
b. Antar Muka Artikel Kesehatan M09
M09 HEADER
Search Home Contact Registrasi Bookmark
FOOTER + Sponsor Anda {nama_referral} ONLINE SUPPORT
CATEGORY Teks Kategori
Teks Kategori PAGES
Upgrade keanggotaan Cara Pembayaran
Syarat Kondisi Konfirmasi Pembayaran
Artikel Kesehatan Apa itu Sistem referral ?
STATUS YM 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
Navigasi : 1.
klik “Home” untuk menuju ke P01 2.
klik “Registrasi” atau “Di Sini” untuk menuju ke M02
3. klik LINK KE PROFIL untuk menuju ke M03
4. klik “Cara Pembayaran” untuk
menuju ke M04 5.
klik “Syarat Kondisi” untuk menuju ke M05
6. klik “Konfirmasi Pembayaran” untuk
menuju ke M06 7.
klik “Apa itu Sistem Referral” untuk menuju ke M07
8. klik “Contact” untuk menuju ke P0M
9. klik “Artikel Kesehatan” untuk
menuju ke M09 10.
klik “Teks Kategori” untuk menuju ke M10A atau M10B
11. klik “View” untuk menuju ke M11A
atau M11B 12.
klik “Cart” untuk menuju ke M13A atau M13B
13. klik “Check Out” untuk menuju ke
M14A atau M14B 14.
klik “Search” untuk menuju ke P15A atau P15B
15. klik “Login” untuk menuju ke P17
16. klik “Lost your password” untuk
menuju ke P18 17.
klik “All Promo Products” untuk menuju ke M10A atau M10B
WELCOME USERNAME
Dashboard Edit Profile
Logout 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
Gambar 3-46 Perancangan Tampilan Artikel Kesehatan
141
c. Antar Muka Kategori Produk, Kondisi Ada Harga M10A
M10A HEADER
Search Home Contact Registrasi Bookmark
FOOTER + Sponsor Anda {nama_referral} ONLINE SUPPORT
CATEGORY Teks Kategori
Teks Kategori
STATUS YM 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
Add to Cart
Nama Produk
Harga Diskon
n review »
View
Add to Cart
Nama Produk
Harga Diskon
n review »
View
Add to Cart
Navigasi : 1.
klik “Home” untuk menuju ke P01 2.
klik “Registrasi” atau “Di Sini” untuk menuju ke M02
3. klik LINK KE PROFIL untuk menuju ke M03
4. klik “Cara Pembayaran” untuk
menuju ke M04 5.
klik “Syarat Kondisi” untuk menuju ke M05
6. klik “Konfirmasi Pembayaran” untuk
menuju ke M06 7.
klik “Apa itu Sistem Referral” untuk menuju ke M07
8. klik “Contact” untuk menuju ke P0M
9. klik “Artikel Kesehatan” untuk
menuju ke M09 10.
klik “Teks Kategori” untuk menuju ke M10A atau M10B
11. klik “View” untuk menuju ke M11A
atau M11B 12.
klik “Cart” untuk menuju ke M13A atau M13B
13. klik “Check Out” untuk menuju ke
M14A atau M14B 14.
klik “Search” untuk menuju ke P15A atau P15B
15. klik “Login” untuk menuju ke P17
16. klik “Lost your password” untuk
menuju ke P18 17.
klik “All Promo Products” untuk menuju ke M10A atau M10B
WELCOME USERNAME
Dashboard Edit Profile
Logout 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
Gambar 3-47 Perancangan Tampilan Kategori Produk, Kondisi Ada Harga
142
d. Antar Muka Kategori Produk, Kondisi Tidak Ada Harga M10B
M10B HEADER
Search Home Contact Registrasi Bookmark
FOOTER + Sponsor Anda {nama_referral} ONLINE SUPPORT
CATEGORY Teks Kategori
Teks Kategori
STATUS YM 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
Contact Us
Nama Produk
Harga Diskon
n review »
View
Contact Us
Nama Produk
Harga Diskon
n review »
View
Contact Us
Navigasi : 1.
klik “Home” untuk menuju ke P01 2.
klik “Registrasi” atau “Di Sini” untuk menuju ke M02
3. klik LINK KE PROFIL untuk menuju ke M03
4. klik “Cara Pembayaran” untuk
menuju ke M04 5.
klik “Syarat Kondisi” untuk menuju ke M05
6. klik “Konfirmasi Pembayaran” untuk
menuju ke M06 7.
klik “Apa itu Sistem Referral” untuk menuju ke M07
8. klik “Contact” untuk menuju ke P0M
9. klik “Artikel Kesehatan” untuk
menuju ke M09 10.
klik “Teks Kategori” untuk menuju ke M10A atau M10B
11. klik “View” untuk menuju ke M11A
atau M11B 12.
klik “Cart” untuk menuju ke M13A atau M13B
13. klik “Check Out” untuk menuju ke
M14A atau M14B 14.
klik “Search” untuk menuju ke P15A atau P15B
15. klik “Login” untuk menuju ke P17
16. klik “Lost your password” untuk
menuju ke P18 17.
klik “All Promo Products” untuk menuju ke M10A atau M10B
WELCOME USERNAME
Dashboard Edit Profile
Logout 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
Gambar 3-48 Perancangan Tampilan Kategori Produk, Kondisi Tidak Ada Harga
143
e. Antar Muka Detail Produk,Kondisi Harga Di Input Oleh Admin M11A
M11A HEADER
Search Home Contact Registrasi Bookmark
FOOTER + Sponsor Anda {nama_referral} ONLINE SUPPORT
CATEGORY Teks Kategori
Teks Kategori
STATUS YM 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
Add to Cart
tab more info | tab lain-lain Navigasi :
1. klik “Home” untuk menuju ke P01
2. klik “Registrasi” atau “Di Sini” untuk
menuju ke M02 3. klik LINK KE PROFIL untuk
menuju ke M03 4.
klik “Cara Pembayaran” untuk menuju ke M04
5. klik “Syarat Kondisi” untuk
menuju ke M05 6.
klik “Konfirmasi Pembayaran” untuk menuju ke M06
7. klik “Apa itu Sistem Referral” untuk
menuju ke M07 8.
klik “Contact” untuk menuju ke P0M 9.
klik “Artikel Kesehatan” untuk menuju ke M09
10. klik “Teks Kategori” untuk menuju
ke M10A atau M10B 11.
klik “View” untuk menuju ke M11A atau M11B
12. klik “Cart” untuk menuju ke M13A
atau M13B 13.
klik “Check Out” untuk menuju ke M14A atau M14B
14. klik “Search” untuk menuju ke
P15A atau P15B 15.
klik “Login” untuk menuju ke P17 16.
klik “Lost your password” untuk menuju ke P18
17. klik “All Promo Products” untuk
menuju ke M10A atau M10B
Quantity WELCOME USERNAME
Dashboard Edit Profile
Logout 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
Gambar 3-49 Perancangan Tampilan Detail Produk,Kondisi Harga Di Input Oleh Admin
144
f. Antar Muka Detail Produk,Kondisi Harga Tidak Di Input Oleh Admin M11B
M11B HEADER
Search Home Contact Registrasi Bookmark
FOOTER + Sponsor Anda {nama_referral} ONLINE SUPPORT
CATEGORY Teks Kategori
Teks Kategori
STATUS YM 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 Navigasi :
1. klik “Home” untuk menuju ke P01
2. klik “Registrasi” atau “Di Sini” untuk
menuju ke M02 3. klik LINK KE PROFIL untuk
menuju ke M03 4.
klik “Cara Pembayaran” untuk menuju ke M04
5. klik “Syarat Kondisi” untuk
menuju ke M05 6.
klik “Konfirmasi Pembayaran” untuk menuju ke M06
7. klik “Apa itu Sistem Referral” untuk
menuju ke M07 8.
klik “Contact” untuk menuju ke P0M 9.
klik “Artikel Kesehatan” untuk menuju ke M09
10. klik “Teks Kategori” untuk menuju
ke M10A atau M10B 11.
klik “View” untuk menuju ke M11A atau M11B
12. klik “Cart” untuk menuju ke M13A
atau M13B 13.
klik “Check Out” untuk menuju ke M14A atau M14B
14. klik “Search” untuk menuju ke
P15A atau P15B 15.
klik “Login” untuk menuju ke P17 16.
klik “Lost your password” untuk menuju ke P18
17. klik “All Promo Products” untuk
menuju ke M10A atau M10B
WELCOME USERNAME
Dashboard Edit Profile
Logout 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
Gambar 3-50 Perancangan Tampilan Detail Produk, Kondisi Harga Tidak Di Input Oleh Admin
145
g. Antar Muka Detail Artikel Kesehatan M12
M12 HEADER
Search Home Contact Registrasi Bookmark
FOOTER + Sponsor Anda {nama_referral} ONLINE SUPPORT
CATEGORY Teks Kategori
Teks Kategori
STATUS YM 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 Navigasi :
1. klik “Home” untuk menuju ke P01
2. klik “Registrasi” atau “Di Sini” untuk
menuju ke M02 3. klik LINK KE PROFIL untuk
menuju ke M03 4.
klik “Cara Pembayaran” untuk menuju ke M04
5. klik “Syarat Kondisi” untuk
menuju ke M05 6.
klik “Konfirmasi Pembayaran” untuk menuju ke M06
7. klik “Apa itu Sistem Referral” untuk
menuju ke M07 8.
klik “Contact” untuk menuju ke P0M 9.
klik “Artikel Kesehatan” untuk menuju ke M09
10. klik “Teks Kategori” untuk menuju
ke M10A atau M10B 11.
klik “View” untuk menuju ke M11A atau M11B
12. klik “Cart” untuk menuju ke M13A
atau M13B 13.
klik “Check Out” untuk menuju ke M14A atau M14B
14. klik “Search” untuk menuju ke
P15A atau P15B 15.
klik “Login” untuk menuju ke P17 16.
klik “Lost your password” untuk menuju ke P18
17. klik “All Promo Products” untuk
menuju ke M10A atau M10B
WELCOME USERNAME
Dashboard Edit Profile
Logout 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
Gambar 3-51 Perancangan Tampilan Detail Artikel Kesehatan
146
h. Antar Muka Keranjang Belanja Kosong M13A
M13A HEADER
Search Home Contact Registrasi Bookmark
FOOTER + Sponsor Anda {nama_referral} ONLINE SUPPORT
CATEGORY Teks Kategori
Teks Kategori
STATUS YM 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}
Your shopping cart is empty. ID
Nama Produk Qty
Harga Diskon Hapus Sub Total
Rp. Diskon Rp.
TOTAL Rp.0.00
Check Out
Navigasi : 1.
klik “Home” untuk menuju ke P01 2.
klik “Registrasi” atau “Di Sini” untuk menuju ke M02
3. klik LINK KE PROFIL untuk menuju ke M03
4. klik “Cara Pembayaran” untuk
menuju ke M04 5.
klik “Syarat Kondisi” untuk menuju ke M05
6. klik “Konfirmasi Pembayaran” untuk
menuju ke M06 7.
klik “Apa itu Sistem Referral” untuk menuju ke M07
8. klik “Contact” untuk menuju ke P0M
9. klik “Artikel Kesehatan” untuk
menuju ke M09 10.
klik “Teks Kategori” untuk menuju ke M10A atau M10B
11. klik “View” untuk menuju ke M11A
atau M11B 12.
klik “Cart” untuk menuju ke M13A atau M13B
13. klik “Check Out” untuk menuju ke
M14A atau M14B 14.
klik “Search” untuk menuju ke P15A atau P15B
15. klik “Login” untuk menuju ke P17
16. klik “Lost your password” untuk
menuju ke P18 17.
klik “All Promo Products” untuk menuju ke M10A atau M10B
WELCOME USERNAME
Dashboard Edit Profile
Logout
Total : Rp.
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
Gambar 3-52 Perancangan Tampilan Keranjang Belanja Kosong
147
i. Antar Muka Keranjang Belanja Tidak Kosong M13B
M13B HEADER
Search Home Contact Registrasi Bookmark
FOOTER + Sponsor Anda {nama_referral} ONLINE SUPPORT
CATEGORY Teks Kategori
Teks Kategori
STATUS YM 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}
Navigasi : 1.
klik “Home” untuk menuju ke P01 2.
klik “Registrasi” atau “Di Sini” untuk menuju ke M02
3. klik LINK KE PROFIL untuk menuju ke M03
4. klik “Cara Pembayaran” untuk
menuju ke M04 5.
klik “Syarat Kondisi” untuk menuju ke M05
6. klik “Konfirmasi Pembayaran” untuk
menuju ke M06 7.
klik “Apa itu Sistem Referral” untuk menuju ke M07
8. klik “Contact” untuk menuju ke P0M
9. klik “Artikel Kesehatan” untuk
menuju ke M09 10.
klik “Teks Kategori” untuk menuju ke M10A atau M10B
11. klik “View” untuk menuju ke M11A
atau M11B 12.
klik “Cart” untuk menuju ke M13A atau M13B
13. klik “Check Out” untuk menuju ke
M14A atau M14B 14.
klik “Search” untuk menuju ke P15A atau P15B
15. klik “Login” untuk menuju ke P17
16. klik “Lost your password” untuk
menuju ke P18 17.
klik “All Promo Products” untuk menuju ke M10A atau M10B
WELCOME USERNAME
Dashboard Edit Profile
Logout CART
Cart Check Out
Sub Total : Rp. subtotal Diskon : Rp. diskon
n x namaproduk harga Total : Rp. total
PAGES
- Cara Pembayaran - Syarat Kondisi
- Cara Konfirmasi Pembayaran
- Artikel Kesehatan - Apa Itu Sistem Referral
CART Cart
Check Out
Sub Total : Rp. subtotal Diskon : Rp. diskon
n+pcs+nama_produk+harga Silahkan Merubah Detail Pesanan Anda
ID Produk Nama Produk Quantity Harga Diskon Sub Total Action
Sub Total Rp. subtotal
Total Diskon Rp. diskon TOTAL Rp. total
Check Out idproduk namaproduk harga diskon subtotal Hapus | Update
Lanjutkan Belanja
Gambar 3-53 Perancangan Tampilan Keranjang Belanja Tidak Kosong
148
j. Antar Muka Check Out, Kondisi Keranjang Belanja Kosong M14A
M14A HEADER
Search Home Contact Registrasi Bookmark
FOOTER + Sponsor Anda {nama_referral} ONLINE SUPPORT
CATEGORY Teks Kategori
Teks Kategori
STATUS YM 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
CHECKOUT {breadcrumb}
Navigasi : 1.
klik “Home” untuk menuju ke P01 2.
klik “Registrasi” atau “Di Sini” untuk menuju ke M02
3. klik LINK KE PROFIL untuk menuju ke M03
4. klik “Cara Pembayaran” untuk
menuju ke M04 5.
klik “Syarat Kondisi” untuk menuju ke M05
6. klik “Konfirmasi Pembayaran” untuk
menuju ke M06 7.
klik “Apa itu Sistem Referral” untuk menuju ke M07
8. klik “Contact” untuk menuju ke P0M
9. klik “Artikel Kesehatan” untuk
menuju ke M09 10.
klik “Teks Kategori” untuk menuju ke M10A atau M10B
11. klik “View” untuk menuju ke M11A
atau M11B 12.
klik “Cart” untuk menuju ke M13A atau M13B
13. klik “Check Out” untuk menuju ke
M14A atau M14B 14.
klik “Search” untuk menuju ke P15A atau P15B
15. klik “Login” untuk menuju ke P17
16. klik “Lost your password” untuk
menuju ke P18 17.
klik “All Promo Products” untuk menuju ke M10A atau M10B
WELCOME USERNAME
Dashboard Edit Profile
Logout
Total : Rp.
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
Lanjutkan Belanja
Gambar 3-54 Perancangan Tampilan Check Out, Kondisi Keranjang Belanja Kosong
149
k. Antar Muka Check Out, Kondisi Keranjang Belanja Tidak Kosong M14B
M14B HEADER
Search Home Contact Registrasi Bookmark
FOOTER + Sponsor Anda {nama_referral} ONLINE SUPPORT
CATEGORY Teks Kategori
Teks Kategori
STATUS YM 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}
Navigasi : 1.
klik “Home” untuk menuju ke P01 2.
klik “Registrasi” atau “Di Sini” untuk menuju ke M02
3. klik LINK KE PROFIL untuk menuju ke M03
4. klik “Cara Pembayaran” untuk
menuju ke M04 5.
klik “Syarat Kondisi” untuk menuju ke M05
6. klik “Konfirmasi Pembayaran” untuk
menuju ke M06 7.
klik “Apa itu Sistem Referral” untuk menuju ke M07
8. klik “Contact” untuk menuju ke P0M
9. klik “Artikel Kesehatan” untuk
menuju ke M09 10.
klik “Teks Kategori” untuk menuju ke M10A atau M10B
11. klik “View” untuk menuju ke M11A
atau M11B 12.
klik “Cart” untuk menuju ke M13A atau M13B
13. klik “Check Out” untuk menuju ke
M14A atau M14B 14.
klik “Search” untuk menuju ke P15A atau P15B
15. klik “Login” untuk menuju ke P17
16. klik “Lost your password” untuk
menuju ke P18 17.
klik “All Promo Products” untuk menuju ke M10A atau M10B
WELCOME USERNAME
Dashboard Edit Profile
Logout CART
Cart Check Out
Sub Total : Rp. subtotal Diskon : Rp. diskon
n x namaproduk harga Total : Rp. total
INFORMASI PENGIRIMAN 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
PAGES
- Cara Pembayaran - Syarat Kondisi
- Cara Konfirmasi Pembayaran
- Artikel Kesehatan - Apa Itu Sistem Referral
CART Cart
Check Out
Sub Total : Rp. subtotal Diskon : Rp. diskon
n+pcs+nama_produk+harga
ID Produk Nama Produk Quantity Harga Diskon Sub Total Action
Sub Total Rp. subtotal
Total Diskon Rp. diskon TOTAL Rp. total
idproduk namaproduk qty harga diskon subtotal Hapus | Update
Silahkan masukkan data pengiriman, dengan menekan tombol Finish di bawah ini berarti anda juga telah selesai berbelanja di toko kami, selanjutnya anda akan mendapatkan
informasi total biaya yang harus anda bayarkan dan mendapatkan informasi mengenai cara pembayaran
Periksa lagi tujuan pengiriman anda, jika ingin merubah data profil anda silahkan klik Edit Profil
SAMA DENGAN PROFIL | KE ALAMAT LAIN
Batal Finish
Gambar 3-55 Perancangan Tampilan Check Out, Kondisi Keranjang Belanja Tidak Kosong
150
l. Antar Muka Selesai Check Out M15
M15 HEADER
Search Home Contact Registrasi Bookmark
FOOTER + Sponsor Anda {nama_referral} ONLINE SUPPORT
CATEGORY Teks Kategori
Teks Kategori
STATUS YM 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
SELESAI {breadcrumb}
Navigasi : 1.
klik “Home” untuk menuju ke P01 2.
klik “Registrasi” atau “Di Sini” untuk menuju ke M02
3. klik LINK KE PROFIL untuk menuju ke M03
4. klik “Cara Pembayaran” untuk
menuju ke M04 5.
klik “Syarat Kondisi” untuk menuju ke M05
6. klik “Konfirmasi Pembayaran” untuk
menuju ke M06 7.
klik “Apa itu Sistem Referral” untuk menuju ke M07
8. klik “Contact” untuk menuju ke P0M
9. klik “Artikel Kesehatan” untuk
menuju ke M09 10.
klik “Teks Kategori” untuk menuju ke M10A atau M10B
11. klik “View” untuk menuju ke M11A
atau M11B 12.
klik “Cart” untuk menuju ke M13A atau M13B
13. klik “Check Out” untuk menuju ke
M14A atau M14B 14.
klik “Search” untuk menuju ke P15A atau P15B
15. klik “Login” untuk menuju ke P17
16. klik “Lost your password” untuk
menuju ke P18 17.
klik “All Promo Products” untuk menuju ke M10A atau M10B
WELCOME USERNAME
Dashboard Edit Profile
Logout CART
Cart Check Out
Sub Total : Rp. subtotal Diskon : Rp. diskon
n x namaproduk harga Total : Rp. total
INFORMASI PENGIRIMAN 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
Terima Kasih Anda Telah Melakukan Pemesanan Di Website Kami, ID Pemesanan Anda id_pemesanan
Silahkan Pilih Metode Pembayaran Di Bawah Ini Yang Anda Inginkan
BAYAR DENGAN PAYPAL | TRANSFER BANK
ID Produk Nama Produk Quantity Harga Diskon Sub Total Action
Total Berat n KG
Total Ongkir Rp. totalongkir
Sub Total Rp. subtotal
Total Diskon Rp. total diskon
TOTAL Rp. total
idproduk namaproduk qty harga diskon subtotal Hapus | Update
Order Information
Tujuan Pengiriman : Nama Lengkap
: nama Alamat
: alamat Kode Pos
: kodepos Kota
: kabkota Provinsi
: provinsi Telp
: telp
Berikut Ini Adalah Daftar Pesanan Anda :
Gambar 3-56 Perancangan Tampilan Selesai Check Out
151
m. Antar Muka Hasil Search Produk,Kondisi Produk Tidak Ditemukan M16A
M16A HEADER
Search Home Contact Registrasi Bookmark
FOOTER + Sponsor Anda {nama_referral} ONLINE SUPPORT
CATEGORY Teks Kategori
Teks Kategori
STATUS YM 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.
Navigasi : 1.
klik “Home” untuk menuju ke P01 2.
klik “Registrasi” atau “Di Sini” untuk menuju ke M02
3. klik LINK KE PROFIL untuk menuju ke M03
4. klik “Cara Pembayaran” untuk
menuju ke M04 5.
klik “Syarat Kondisi” untuk menuju ke M05
6. klik “Konfirmasi Pembayaran” untuk
menuju ke M06 7.
klik “Apa itu Sistem Referral” untuk menuju ke M07
8. klik “Contact” untuk menuju ke P0M
9. klik “Artikel Kesehatan” untuk
menuju ke M09 10.
klik “Teks Kategori” untuk menuju ke M10A atau M10B
11. klik “View” untuk menuju ke M11A
atau M11B 12.
klik “Cart” untuk menuju ke M13A atau M13B
13. klik “Check Out” untuk menuju ke
M14A atau M14B 14.
klik “Search” untuk menuju ke P15A atau P15B
15. klik “Login” untuk menuju ke P17
16. klik “Lost your password” untuk
menuju ke P18 17.
klik “All Promo Products” untuk menuju ke M10A atau M10B
WELCOME USERNAME
Dashboard Edit Profile
Logout PAGES
- Cara Pembayaran - Syarat Kondisi
- Cara Konfirmasi Pembayaran
- Artikel Kesehatan - Apa Itu Sistem Referral
CART Cart
Check Out
Sub Total : Rp. subtotal Diskon : Rp. diskon
n+pcs+nama_produk+harga
Gambar 3-57 Perancangan Tampilan Hasil Search Produk,Kondisi Produk Tidak Ditemukan
152
n. Antar Muka Hasil Search Produk,Kondisi Produk Ditemukan M16B
M16B HEADER
Search Home Contact Registrasi Bookmark
FOOTER + Sponsor Anda {nama_referral} ONLINE SUPPORT
CATEGORY Teks Kategori
Teks Kategori
STATUS YM 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
Navigasi : 1.
klik “Home” untuk menuju ke P01 2.
klik “Registrasi” atau “Di Sini” untuk menuju ke M02
3. klik LINK KE PROFIL untuk menuju ke M03
4. klik “Cara Pembayaran” untuk
menuju ke M04 5.
klik “Syarat Kondisi” untuk menuju ke M05
6. klik “Konfirmasi Pembayaran” untuk
menuju ke M06 7.
klik “Apa itu Sistem Referral” untuk menuju ke M07
8. klik “Contact” untuk menuju ke P0M
9. klik “Artikel Kesehatan” untuk
menuju ke M09 10.
klik “Teks Kategori” untuk menuju ke M10A atau M10B
11. klik “View” untuk menuju ke M11A
atau M11B 12.
klik “Cart” untuk menuju ke M13A atau M13B
13. klik “Check Out” untuk menuju ke
M14A atau M14B 14.
klik “Search” untuk menuju ke P15A atau P15B
15. klik “Login” untuk menuju ke P17
16. klik “Lost your password” untuk
menuju ke P18 17.
klik “All Promo Products” untuk menuju ke M10A atau M10B
WELCOME USERNAME
Dashboard Edit Profile
Logout PAGES
- Cara Pembayaran - Syarat Kondisi
- Cara Konfirmasi Pembayaran
- Artikel Kesehatan - Apa Itu Sistem Referral
CART Cart
Check Out
Sub Total : Rp. subtotal Diskon : Rp. diskon
n+pcs+nama_produk+harga
Gambar 3-58 Perancangan Tampilan Hasil Search Produk,Kondisi Produk Ditemukan
153
o. Antar Muka Login Member M17
M17 ß Back to judul website
logo website Username
Password
Login Remember Me
Lost your password?
Navigasi : 1.
klik “Back to judul website” untuk menuju M01A
2. klik “Lost your password?” untuk
menuju ke M18
Gambar 3-59 Perancangan Tampilan Login Member
154
p. Antar Muka Lost A Password M18
M18 ß 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 M01A
2. klik “Login” untuk menuju ke M17
Gambar 3-60 Perancangan Tampilan Lost A Password
155
q. Antar Muka Halaman Utama Member Area M19
M19
FOOTER JUDUL WEBSITE
Howdy,username | Turbo | Log Out
Visit Site
Dashboard Profile
Your Profile Tools
Member Area Tools
Member Area
Username Statistika
URL Reseller Anda : subdomain
Nama Sponsor : nama referral email referral
Web anda dikunjungi oleh : n pengunjung Total Pendapatan : Rp. total
Sisa Blm Dibayar : Rp. sisa
Link Penting Produk dan Artikel Kesehatan Terbaru
1. judul deskripsi singkat
2. judul deskripsi singkat
3. judul deskripsi singkat
4. judul deskripsi singkat
5. judul deskripsi singkat
Menu-menu yang Tersedia Seluruh menu-menu ini dapat anda lihat di sebelah
kiri halaman ini 1. Home
Adalah menu untuk kembali ke halaman ini 2. Profil
Adalah menu untuk mengganti data-data di profile anda
3. Edit Password Adalah menu untuk mengganti password login anda
4. Klien menu untuk melihat daftar orang-orang yang
berhasil anda rekrut 5. History Pemesanan
Menu untuk melihat history pemesanan yang sudah anda lakukan
Home Profil
Edit Password Klien
History Pemesanan Navigasi :
1. klik “Home” untuk menuju ke M19
2. klik “Profil” untuk menuju ke M20
3. klik “Edit Password” untuk menuju
ke M21 3.
klik”Klien”untuk menuju ke M22A atau M22B
4. klik “History Pemesanan” untuk
menuju ke M23A atau M23B 6. klik JUDUL WEBSITE
atau “visit site” untuk menuju M01B
Gambar 3-61 Antar Muka Perancangan Halaman Utama Member Area
156
r. Antar Muka Halaman Edit Profil M20
M25
FOOTER JUDUL WEBSITE
Howdy,username | Turbo | Log Out
Visit Site
Dashboard Profile
Your Profile Tools
Member Area Tools
Home Profil
Klien History Pemesanan
Konfirmasi Pembayaran
Edit Profile Nama Lengkap:
Alamat: Kota:
Propinsi: KodePos:
No. Telp. HP: Jenis Kelamin:
Enter Text Enter Text
Enter Text Enter Text
Enter Text
M20
FOOTER JUDUL WEBSITE
Howdy,username | Turbo | Log Out
Visit Site
Dashboard Profile
Your Profile Tools
Member Area Tools
Edit Profile
Nama Lengkap: Alamat:
Provinsi: Kota:
KodePos: No. Telp. HP:
Jenis Kelamin:
nama alamat
provinsi kota
kode pos telphp
JK
Data Bank Anda. Member akan mengirimkan pembayaran ke rekening anda ini. Untuk nama bank isilah lengkap dengan cabang dan kotanya.
Nama Bank: No. Rekening:
Atas Nama:
bank rek
ac Edit Profil
Navigasi : 1.
klik “Home” untuk menuju ke M19 2.
klik “Profil” untuk menuju ke M20 3.
klik “Edit Password” untuk menuju ke M21
3. klik”Klien”untuk menuju ke M22A
atau M22B 4.
klik “History Pemesanan” untuk menuju ke M23A atau M23B
6. klik JUDUL WEBSITE atau “visit
site” untuk menuju M01B Lengkapi Form Pengisian Untuk Mengedit Profil
Wajib diisi Home
Profil Edit Password
Klien History Pemesanan
Gambar 3-62 Antar Muka Perancangan Halaman Edit Profil
157
s. Antar Muka Halaman Edit Password M21
M25
FOOTER JUDUL WEBSITE
Howdy,username | Turbo | Log Out
Visit Site
Dashboard Profile
Your Profile Tools
Member Area Tools
Home Profil
Klien History Pemesanan
Konfirmasi Pembayaran
Edit Profile Nama Lengkap:
Alamat: Kota:
Propinsi: KodePos:
No. Telp. HP: Jenis Kelamin:
Enter Text Enter Text
Enter Text Enter Text
Enter Text
M21
FOOTER JUDUL WEBSITE
Howdy,username | Turbo | Log Out
Visit Site
Dashboard Profile
Your Profile Tools
Member Area Tools
Edit Password
Email : Password
Ulangi Password
email Edit Password
Navigasi : 1.
klik “Home” untuk menuju ke M19 2.
klik “Profil” untuk menuju ke M20 3.
klik “Edit Password” untuk menuju ke M21
3. klik”Klien”untuk menuju ke M22A
atau M22B 4.
klik “History Pemesanan” untuk menuju ke M23A atau M23B
6. klik JUDUL WEBSITE atau “visit
site” untuk menuju M01B Lengkapi Form Pengisian Untuk Mengedit Password
Wajib diisi Home
Profil Edit Password
Klien History Pemesanan
Gambar 3-63 Antar Muka Perancangan Halaman Edit Password
158
t. Antar Muka Halaman Daftar Klien,Kondisi Belum Mempunyai Klien M22A
M22A
FOOTER JUDUL WEBSITE
Howdy,username | Turbo | Log Out
Visit Site
Dashboard Profile
Your Profile Tools
Member Area Tools
Daftar Klien Anda
Inilah orang-orang yang berhasil anda rekrut secara langsung
No. Nama Email Username Alamat Telp.
Belum ada Member yang Bergabung Navigasi :
1. klik “Home” untuk menuju ke M19
2. klik “Profil” untuk menuju ke M20
3. klik “Edit Password” untuk menuju
ke M21 3.
klik”Klien”untuk menuju ke M22A atau M22B
4. klik “History Pemesanan” untuk
menuju ke M23A atau M23B 6. klik JUDUL WEBSITE
atau “visit site” untuk menuju M01B
Home Profil
Edit Password Klien
History Pemesanan
Gambar 3-64 Antar Muka Perancangan Halaman Daftar Klien, Kondisi Belum Mempunyai Klien
159
u. Antar Muka Halaman Daftar Klien,Kondisi Sudah Mempunyai Klien M22B
M22B
FOOTER JUDUL WEBSITE
Howdy,username | Turbo | Log Out
Visit Site
Dashboard Profile
Your Profile Tools
Member Area Tools
Daftar Klien Anda
Inilah orang-orang yang berhasil anda rekrut secara langsung
No. Nama Email Username
Alamat Telp. Navigasi :
1. klik “Home” untuk menuju ke M19
2. klik “Profil” untuk menuju ke M20
3. klik “Edit Password” untuk menuju
ke M21 3.
klik”Klien”untuk menuju ke M22A atau M22B
4. klik “History Pemesanan” untuk
menuju ke M23A atau M23B 6. klik JUDUL WEBSITE
atau “visit site” untuk menuju M01B
Home Profil
Edit Password Klien
History Pemesanan No Nama Email
Username Alamat Telp No Nama Email
Username Alamat Telp.
Gambar 3-65 Antar Muka Perancangan Halaman Daftar Klien, Kondisi Sudah Mempunyai Klien
160
v. Antar Muka Halaman History Pemesanan, Kondisi Belum Ada History Pemesanan M23A
M23A
FOOTER JUDUL WEBSITE
Howdy,username | Turbo | Log Out
Visit Site
Dashboard Profile
Your Profile Tools
Member Area Tools
No Pesanan TGL Pemesanan Total Harga
Status Belum Ada History Pemesanan
Navigasi : 1.
klik “Home” untuk menuju ke M19 2.
klik “Profil” untuk menuju ke M20 3.
klik “Edit Password” untuk menuju ke M21
3. klik”Klien”untuk menuju ke M22A
atau M22B 4.
klik “History Pemesanan” untuk menuju ke M23A atau M23B
6. klik JUDUL WEBSITE atau “visit
site” untuk menuju M01B
Home Profil
Edit Password Klien
History Pemesanan
History Pemesanan
Berikut ini list seluruh pesanan anda
Gambar 3-66 Antar Muka Perancangan Halaman History Pemesanan, Kondisi Belum Ada History Pemesanan
161
w. Antar Muka Halaman History Pemesanan, Kondisi Sudah Ada History Pemesanan M23B
M23B
FOOTER JUDUL WEBSITE
Howdy,username | Turbo | Log Out
Visit Site
Dashboard Profile
Your Profile Tools
Member Area Tools
History Pemesanan Anda
Berikut Ini Adalah History Pemesanan Yang Sudah Anda Lakukan Di Toko Online Kami
No. ID | Nama Pemesan Status Pengiriman Status Pembayaran Aksi
No. ID | Nama Pemesan Status Pengiriman Status Pembayaran Konfirmasi Pembayaran No. ID | Nama Pemesan Status Pengiriman Status Pembayaran Konfirmasi Pembayaran
No. ID | Nama Pemesan Status Pengiriman Status Pembayaran Konfirmasi Pembayaran
Navigasi : 1.
klik “Home” untuk menuju ke M19 2.
klik “Profil” untuk menuju ke M20 3.
klik “Edit Password” untuk menuju ke M21
3. klik”Klien”untuk menuju ke M22A
atau M22B 4.
klik “History Pemesanan” untuk menuju ke M23A atau M23B
6. klik JUDUL WEBSITE atau “visit
site” untuk menuju M01B
Home Profil
Edit Password Klien
History Pemesanan
Gambar 3-67 Antar Muka Perancangan Halaman History Pemesanan, Kondisi Sudah Ada History Pemesanan
162
x. Antar Muka Halaman History Pemesanan, Kondisi Detail Pemesanan M23C
M23C
FOOTER JUDUL WEBSITE
Howdy,username | Turbo | Log Out
Visit Site
Dashboard Profile
Your Profile Tools
Member Area Tools
Navigasi : 1.
klik “Home” untuk menuju ke M19 2.
klik “Profil” untuk menuju ke M20 3.
klik “Edit Password” untuk menuju ke M21
3. klik”Klien”untuk menuju ke M22A
atau M22B 4.
klik “History Pemesanan” untuk menuju ke M23A atau M23B
6. klik JUDUL WEBSITE atau “visit
site” untuk menuju M01B
Detail Pesanan ID
: id_pemesanan Tanggal Order
: tgl_pemesanan Nama Pemesan
: nama_pemesan Alamat
: alamat + kabkota + kodepos + provinsi Telp
: telp status_pengiriman
ID Produk QTY Nama barang
Harga Diskon
ID Produk QTY Nama barang Harga
Diskon
Sub Total subtotal
Diskon diskon
Ongkos Kirim ongkir
Total total
Konfirmasi Pembayaran
Alamat Pengiriman
Nama Penerima : nama_penerima
Alamat Penerima : alamat_penerima + kabkota + kodepos +
provinsi Telp
: telp Home
Profil Edit Password
Klien History Pemesanan
Gambar 3-68 Antar Muka Perancangan Halaman History Pemesanan, Kondisi Detail Pemesanan
163
y. Antar Muka Halaman History Pemesanan, Kondisi Konfirmasi Pembayaran M23D
M24D
FOOTER JUDUL WEBSITE
Howdy,username | Turbo | Log Out
Visit Site
Dashboard Profile
Your Profile Tools
Member Area Tools
Navigasi : 1.
klik “Home” untuk menuju ke M19 2.
klik “Profil” untuk menuju ke M20 3.
klik “Edit Password” untuk menuju ke M21
3. klik”Klien”untuk menuju ke M22A
atau M22B 4.
klik “History Pemesanan” untuk menuju ke M23A atau M23B
6. klik JUDUL WEBSITE atau “visit
site” untuk menuju M01B
Home Profil
Edit Password Klien
History Pemesanan
History Pemesanan
Berikut ini list seluruh pesanan anda
No. ID | Nama Pemesan Status Pengiriman Status Pembayaran Aksi
No. ID | Nama Pemesan Status Pengiriman Status Pembayaran Konfirmasi Pembayaran No. ID | Nama Pemesan Status Pengiriman Status Pembayaran Konfirmasi Pembayaran
No. ID | Nama Pemesan Status Pengiriman Status Pembayaran Konfirmasi Pembayaran
Konfirmasi Pembayaran
Lengkapi Form Anda Pembayaran Dari Bank :
Tujuan Pembayaran : Tanggal Pembayaran :
Total Pembayaran : Catatan :
Konfirmasi Pembayaran
Wajib diisi
Gambar 3-69 Antar Muka Perancangan Halaman History Pemesanan, Kondisi Konfirmasi Pembayaran
3.4.1.3 Perancangan Antar Muka Administrator
Kategori