Showcase Design Website E-commerce IndoGoods
Website e-commerce ini menyajikan pengalaman belanja online yang istimewa dan menarik dengan menyatukan gaya minimalis dan tingkat fungsionalitas yang optimal. Situs ini secara khusus dirancang untuk mereka yang gemar belanja dan ingin dengan mudah menemukan produk terbaru secara nyaman.
WIREFRAME
Dalam tahap awal desain website, kami menggunakan wireframe sebagai prototipe untuk menggambarkan struktur situs tanpa detail visual atau fungsionalitas yang rumit.
Wireframe terdiri dari beberapa halaman seperti home, shop, single product, cart sidebar, cart, checkout, register, dan login.
Pada halaman home, terdapat navbar, main content, dan footer. Navbar berisi logo, nama ecommerce, menu-menu, dan ikon-ikon yang mengarahkan ke halaman lain. Main content menampilkan foto produk dengan tombol untuk melihat produk lainnya. Footer berisi deskripsi website dan link ke halaman lain serta bantuan.
Halaman shop memiliki struktur serupa dengan home, dengan fitur sorting produk.
Halaman single product menampilkan detail produk seperti foto, harga, deskripsi, pilihan warna, jumlah produk, tombol untuk menambah ke keranjang, dan komentar pembeli lainnya.
Halaman cart sidebar adalah pop-up saat menambahkan produk ke keranjang, menampilkan produk yang dipilih dan tombol untuk ke halaman cart atau checkout.
Halaman cart menampilkan daftar produk dengan tombol untuk checkout.
Halaman checkout mencakup detail alamat, produk yang dibeli, metode pembayaran, dan tombol untuk menambah pesanan.
Halaman register dan login digunakan untuk membuat atau masuk ke akun.
User flows adalah diagram langkah-langkah yang diambil pengguna, dimulai dari home dan berakhir dengan proses checkout barang. Pengguna dapat menuju halaman shop atau melihat produk dari home, lalu memilih produk dan login sebelum checkout. Setelah proses ini, desain akhir website E-Commerce Indogoods terdiri dari delapan halaman, yaitu home, shop, single product, cart sidebar, cart, checkout, register, dan login. Setiap halaman memiliki peran yang jelas dalam memfasilitasi pengguna dalam menelusuri dan melakukan transaksi di situs web.
USER FLOW
User flows adalah diagram langkah-langkah yang diambil pengguna, dimulai dari home dan berakhir dengan proses checkout barang. Pengguna dapat menuju halaman shop atau melihat produk dari home, lalu memilih produk dan login sebelum checkout. Setelah proses ini, desain akhir website E-Commerce Indogoods terdiri dari delapan halaman, yaitu home, shop, single product, cart sidebar, cart, checkout, register, dan login. Setiap halaman memiliki peran yang jelas dalam memfasilitasi pengguna dalam menelusuri dan melakukan transaksi di situs web.
DESIGN AKHIR
