Gambar 1

Gambar 1
Gambar 1
Pada gambar pertama yang saya buat.Nama toko yang saya buat yaitu eyeshop.
Pada gambar pertama, saya menggunakan beberapa icon dan item yaitu :
• Signal
• volume-up
• eye
• add member
• input text
• button
• text
• title
• iphone 5
Deskripsi gambar 1
Disini saya membuat halaman awal dari eyeshop. Dimana setiap user yang ingin
belanja di toko online eyeshop wajib login atau daftar menjadi member.
Jika login, Maka user mengisikan alamat email atau nama user dan password lalu
mengklik button login.
Namun jika user tidak terdaftar sebagai member maka user wajib daftar menjadi
member dengan mengklik tombol add member.
Terdapat juga beberapa menu dibawah yaitu menu kontak dan menu persyaratan dan
ketentuan. Dimenu kontak dijelaskan secara detail tentang kontak toko eyeshop dan
dimenu persyaratan dan ketentuan dijelaskan persyaratan dalam belanja dan
persyaratan dalam mendaftar sebagai member. Dijelaskan secara detail persyaratan
tersebut.
Disini user belum menjadi member, maka pada gambar kedua akan ada tampilan form
pendaftaran member.
Gambar 2
 Gambar 2
Gambar 2
Pada gambar kedua yang saya buat menggunakan beberapa icon dan item yaitu :
• Signal
• volume-up
• lock
• eye
• user
• input text
• button
• text
• title
• combo box
• iphone 5
Deskripsi gambar 2
Disini saya membuat halaman untuk daftar member dari eyeshop. Dimana user akan
mendaftar sebagai member dengan mengisi form pendaftaran. User mengisi nama
user, email user, tanggal lahir,kata sandi, ulangi kata sandi.Lalu user mengkilik daftar.
Pada saat user mengisi form pendaftaran.Disini eyeshop membatasi umur member.
Minimal umur member berusia 13 tahun keatas.Toko eyeshop sudah menginputkan
tahun sampai tahun ke 2002.Jadi,jika ada member yang mendaftar di usia 13 tahun
kebawah, maka pendaftaran tidak berhasil. Ini adalah syarat dan ketentuan di toko
eyeshop.
Setelah user selesei mengisi form pendaftaran dan berhasil daftar sebagai member
maka user diminta untuk memverifikasi ke email user. Pada gambar selanjutnya adalah
halaman user untuk memverifikasi email user.
Gambar 3
 Gambar 3
Gambar 3
Pada gambar ketiga yang saya buat menggunakan beberapa icon dan item yaitu :
• Signal
• volume-up
• lock
• eye
• arrow – right
• input text
• button
• text
• title
• iphone 5
Deskripsi gambar 3
Setelah user selesei mendaftar, maka user diminta untuk memverifikasi ke email.User
wajib membuka email untuk melihat kode pin yang masuk ke email. Lalu user
menginputkan kode pin tersebut ke halaman verfikasi. Setelah user menginputkan kode
pin.User mengklik tombol buuton lanjutkan. Setelah mengklik maka user akan menuju
halaman utama eyeshop.
Gambar 4
 Gambar 4
Gambar 4
Pada gambar keempat yang saya buat menggunakan beberapa icon dan item yaitu :
• Signal
• volume-up
• eye
• Male
• Female
• Shopping-cart
• button
• text
• title
• iphone 5
Deskripsi gambar 4
Setelah user selesei memverifikasi dan mengklik lanjutkan. Maka akan muncul halaman
utama dari eyeshop. Dihalaman utama eyeshop, user dapat membeli tas, sepatu, baju
untuk wanita dan pria. Ada beberapa menu di shop wanita dan di shop pria. Adapun
koleksi dari eyeshop user dapat mengklik button yang paling bawah untuk melihat
koleksi yang lainnya.