Drezantara: Gadget Store App
Perkenalkan nama saya Tommy Candra Gunawan dengan NIM 2209106068.
Disini saya akan memperlihatkan dan memperkenalkan hasil proyek desain yang kami kerjakan bersama dengan tim kami yaitu Drezantara : Aplikasi Toko Gadget .
Apa itu Drezantara?
Drezantara adalah konsep aplikasi toko gadget yang kami desain dengan antarmuka yang ramah pengguna dan fokus pada pengalaman belanja yang menyenangkan. Dengan Drezantara, kami ingin menghadirkan platform yang memungkinkan pengguna untuk menemukan, membandingkan, dan membeli berbagai produk gadget dengan mudah dan cepat.
Berikut diatas adalah tujuan - tujuan yang kami fokuskan agar dapat meningkatkan pengalaman berbelanja di Drezantara.
Userflow di atas menggambarkan alur proses pengguna dari awal hingga akhir dalam sebuah aplikasi e-commerce. Berikut adalah penjelasan rinci dari userflow tersebut:
1. Start:
- Pengguna memulai aplikasi.
2. Halaman Login:
- Pengguna diarahkan ke halaman login.
3. Apakah sudah Registrasi?:
- Jika pengguna sudah terdaftar, mereka akan diminta memasukkan Username & Password.
- Jika belum, mereka akan diarahkan untuk Registrasi.
4. Registrasi:
- Pengguna mengisi formulir untuk membuat akun baru dan kemudian Buat Akun.
5. Masukkan Username & Password:
- Pengguna yang sudah terdaftar memasukkan informasi login mereka.
6. Validasi:
- Sistem memvalidasi informasi login.
- Jika validasi berhasil, pengguna diarahkan ke Login Berhasil.
- Jika validasi gagal, pengguna diarahkan untuk Coba Lagi.
7. Login Berhasil:
- Pengguna yang berhasil login dapat mengakses Profile mereka.
- Di dalam profile, mereka dapat Mengatur Alamat.
8. Mengatur Alamat:
- Pengguna mengatur alamat pengiriman.
- Jika berhasil, alur berlanjut ke tahap berikutnya.
- Jika gagal, pengguna diminta untuk mencoba lagi.
9. Coba Lagi:
- Pengguna yang gagal login mencoba lagi memasukkan informasi login.
10. Home:
- Setelah login, pengguna diarahkan ke halaman utama Home.
- Di sini pengguna bisa melakukan berbagai aktivitas seperti:
- Pilih Menu Wishlist: Melihat barang-barang yang diinginkan.
- Pilih Barang Yang Ingin Dibayar: Melakukan pembelian.
- Tracking Barang: Melacak pengiriman barang.
11. Pilih Menu Wishlist:
- Pengguna memilih menu wishlist untuk melihat barang yang mereka inginkan.
- Menampilkan Barang Wishlist: Barang-barang di wishlist ditampilkan.
- Pilih Barang: Pengguna memilih barang dari wishlist.
- Berhasil ke Keranjang: Barang dipindahkan ke keranjang belanja.
- Pilih Ikon Notifikasi: Pengguna bisa memilih ikon notifikasi untuk update.
12. Pilih Barang Yang Ingin Dibayar:
- Pengguna memilih barang yang ingin dibeli.
- Pilih Metode Pembayaran: Memilih metode pembayaran yang diinginkan.
- Berhasil Bayar: Pembayaran berhasil.
- Pilih Konfirmasi Pesanan: Pengguna mengonfirmasi pesanan mereka.
- Berhasil Konfirmasi: Pesanan dikonfirmasi.
13. Tracking Barang:
- Pengguna melacak status pengiriman barang mereka.
- Setelah berhasil melacak, proses selesai.
14. End:
- Proses userflow selesai.
Diagram ini membantu untuk memahami setiap langkah yang perlu diambil oleh pengguna dalam menggunakan aplikasi e-commerce, dari login hingga pembelian dan pelacakan barang...
Sitemap di atas menggambarkan struktur navigasi aplikasi toko gadget berbasis mobile, yang terdiri dari beberapa elemen utama untuk memudahkan pengguna dalam menjelajahi dan menggunakan aplikasi. Berikut adalah rincian setiap elemen dan sub-elemennya:
Kategori Produk
Smartphone: Menampilkan berbagai pilihan smartphone dari berbagai merek.
Laptop: Menyediakan pilihan laptop dari berbagai merek dan spesifikasi.
Aksesori Gadget: Berbagai aksesori pendukung gadget seperti earphone, casing, dan lainnya.
Fitur Pencarian
Berdasarkan Merek: Memungkinkan pengguna mencari produk berdasarkan merek tertentu.
Berdasarkan Spesifikasi: Memungkinkan pengguna mencari produk berdasarkan spesifikasi teknis yang diinginkan, seperti RAM, prosesor, dan lainnya.
Keranjang Belanja
Fitur ini menampilkan produk-produk yang telah dipilih pengguna untuk dibeli, memberikan ringkasan harga total dan memungkinkan pengguna untuk melanjutkan ke proses checkout.
Metode Pembayaran
Kartu Kredit/Debit: Opsi untuk membayar menggunakan kartu kredit atau debit.
Transfer Bank: Opsi untuk melakukan pembayaran melalui transfer bank.
E-Wallet: Opsi untuk membayar menggunakan dompet digital atau e-wallet yang tersedia.
Proses Checkout
Proses ini mencakup langkah-langkah untuk menyelesaikan pembelian, mulai dari konfirmasi pesanan, pengisian alamat pengiriman, hingga pemilihan metode pembayaran.
Lacak Pesanan
Fitur ini memungkinkan pengguna untuk melacak status pengiriman pesanan mereka, mulai dari proses pengemasan hingga sampai di tujuan.
jadi sitemap disini memberikan gambaran yang cukup jelas tentang bagaimana pengguna dapat menavigasi aplikasi dan mengakses berbagai fitur yang disediakan untuk pengalaman berbelanja yang lebih mudah dan efisien.
Gambar di atas menunjukkan desain akhir dari aplikasi "Drezantara" yang telah kami kembangkan. Desain ini mencakup berbagai tampilan utama seperti halaman keranjang, beranda, detail produk, konfirmasi pesanan, produk baru (New Arrivals), bukti transaksi, profil pengguna, dan lain-lain. Setiap layar dilengkapi dengan navigasi bawah yang konsisten untuk memudahkan pengguna dalam berpindah antar fungsi aplikasi. Desain keseluruhan aplikasi ini dirancang agar modern, ramah pengguna, dan informatif.
Terima kasih atas perhatian dan dukungannya.