BAB V
A
IMPLEMENTASI KARYA
AY
5.1 Hasil Karya
Selama proses kerja praktek dengan kurun waktu satu bulan, memperoleh
Home
ST
IK
O
M
SU
R
1.
AB
hasil sebagai berikut:
Gambar 5.1 Home
Home merupakan halaman utama pada website/toko online. Ketika seseorang sedang membuka website toko online, tujuan utamanya pasti orang tersebut ingin membeli produk dari website toko online tersebut.
Oleh karena itu penulis menjadikan button shop untuk diletakkan pada bagian atas website. Disamping button shop terdapat button search
A
what you want, button ini memberikan kemudahan bagi user yang ingin mencari produk yang di inginkan.untuk menghindari kebosanan pada
AY
costumer yang sedang membuka website, pada layar home terdapat tampilan slide show yang berisikan gambar dari produk chekli agar user
yang bergerak.
AB
tidak bosan melihat website jika website tersebut tidak ada tampilan animasi
R
Pada bagian atas sebelah kanan terdapat button Log in, Create an Account, Wish list, Shopping bag dan search. Button log in berguna untuk
SU
masuk sebagai user agar bisa bebelanja online di toko online tersebut, button create an account berguna untuk membuat account agar bisa masuk menjadi user chekli kemudian bisa berbelanja. Button wish list berguna
M
untuk melihat berapa banyak anda berbelanja pada toko online tersebut,
O
shopping bag berguna untuk transaksi pembayaran lewat online. Pada bagian bawah terdapat button-button diantaranya, about us yang
ST
IK
berguna untuk mengetahui profil dari perusahaan, Contact berguna untuk menghubungi perusahaan secara langsung, disitu berisi tentang alamat, email, nomor telephone, webste dll. Button merchandise berguna untuk mengetahui apa saja merchandise yang akan di dapatkan costumer ketika membeli produk dari chekli. Button event, disitu terdapat portofolio dan event-event apa saja yang telah di ikuti oleh perusahaan.
Kemudian paling bawah dari halaman home terdapat find us on, find us on berguna untuk mencari Chekli di berbagai media mulai dari facebook,
ST
IK
O
M
SU
R
AB
AY
A
twitte, yahoo, google +, blog dll.
SU
R
AB
AY
A
2. Menu Dropdown Shop
Gambar 5.2 Menu Dropdown Shop
M
Ini adalah tampilan menu dropdown dari button shop, ketika mouse di
O
arahkan ke button shop, maka akan muncul menu dropdown seperti pada gambar diatas. Pada menu dropdown tersebut terdapat button lagi yang
ST
IK
bertuliskan kata Collections dimana button collections tersebut berisikan koleksi-koleksi dari produk chekli yang terdiri dari beberapa model dan jenis tas. Diantaranya adalah tas yang berjenis style, office dan hangout. Dan ketika salah satu button tersebut di klik, maka akan muncul halaman seperti di bawah ini :
SU
R
AB
AY
A
3. Halaman Shop
Gambar 5.3 Halaman Shop
Ketika user memilih button dari menu dropdown shop dari dari
M
gambar di atas kemudian mengklik salah satu button misalnya user
O
mengklik button office maka yang akan muncul adalah halaman ini. Ketika user ingin membeli salah satu produk, maka user harus menklik salah satu
ST
IK
gambar yang akan dibelinya. Jika user sudah mengklik salah satu gambar tersebut, maka akan muncul tampilan seperti pada gambar di bawah ini:
SU
R
AB
AY
A
4. Tampilan Shop 2
Gambar 5.4 Tampilan Shop 2
Setelah user mengklik salah satu gambar produk yang ingin di belinya
M
maka akan muncul tampilan seperti gambar di atas dan akan muncul detail
O
gambar dari beberapa angle. Dibawah gambar produk terdapat gambar keranjang, jika user ingin membeli produk, maka user harus mengklik
ST
IK
gambar keranjang tersebut dan harganya sudah tercantum pada gambar tersebut. Setiap produk yang sudah di beli akan muncul pada tampilan wish list dibagian atas sebelah kanan halaman.
SU
R
AB
AY
A
5. About Us
Gambar 5.5 About Us
Ini adalah tampilan about us, tampilan ini akan muncul ketika kita klik
M
tombol about us pada button yang terletak pada bagian bawah home. Tampilan ini berisi tentang perusahaan mulai dari berdirinya sampai target
O
marketnya.
ST
IK
Visualisasinya Penulis menggunakan seperti selembar kertas yang
bertuliskan keterangan dari perusahaan. Selembar kertas menggambarkan dokumen penting dari perusahaan karena ini adalah latar belakang berdirinya perusahaan sampai sekarang.
SU
R
AB
AY
A
6. Contact
Gambar 5.6 Contact
Ketika user memilih dan mengklik button contact, maka akan muncul
M
tampilan contact seperti gambar diatas. Halaman contact ini berisi tentang
O
info perusahaan mulai dari tempat, website, email, telephone dll. Ini berguna untuk pelayanan terhadap konsumen dan sekaligus info lebih
ST
IK
lanjut.
SU
R
AB
AY
A
7. Merchandise
Gambar 5.7 Merchandise
Halaman mercahndise ini akan muncul ketika user mengklik button
M
merchandise, halaman ini menampilkan merchandise apa saja yang akan di
O
dapatkan oleh costumer jika costumer hendak membeli produk dari chekli. Merchandise ini berguna untuk meningkatkan loyalitas pelanggan.
ST
IK
Contohnya merchandise pada gambar diatas adalah gantungan kunci, ketika gantungan kunci tersebut dipakai oleh costumer, otomatis pemakainya akan melihat gantungan kunci tersebut. Ketika pemakai melihat gantungan kunci tersebut otomatis pemakai/costumer akan terus mengingat pada merek chekli. Begitu seterusnya.
SU
R
AB
AY
A
8. Log In
Gambar 5.8 Log in
Log in ini berguna untuk bertransaksi pembelian bagi costumer, ketika
M
costumer hendak membeli produk dari Chekli, costumer harus log in dahulu
O
agar transaksi lebih mudah dan terpercaya. Bagi costumer yang belum memliki akun untuk log in, bisa langsung register. Pada gambar di atas
ST
IK
terdapat button create an account, ketika button tersebut di klik maka akan muncul tampilan seperti gambar di bawah ini:
SU
R
AB
AY
A
9. Create an Account
Gambar 5.9 Create an Account
Halaman ini berguna bagi user yang belum mempunyai akun website dari
M
chekli bisa langsung mendaftarkan akun di halaman ini tanpa dipungut biaya.
O
Setelah mendaftarkan akun, user bisa langsung log in dan belanja online di
ST
IK
website toko online chekli terseut.