Overview
Redesign Aplikasi InvestASIK Reksa Dana
InvestASIK merupakan platform transaksi reksa dana online dari Reksa Dana Danareksa yang dapat digunakan kapanpun dan dimanapun.
Problem & Brief
Disini saya ingin desain ulang dengan mengambil poin tampilan aplikasi InvestAsik mulai dari halaman home, produk, checkout, pembayaran dan proses pembayaran. Halaman tersebut merupakan user flow pembelian produk reksadana aplikasi InvestAsik.
Hasil riset yang saya temukan dari rekan-rekan saya saat menggunakan aplikasi tersebut mengalami kendala dan terlalu banyak informasi yang tidak perlu ditampilkan dan bisa lebih disingkat lagi. Tujuan redesain adalah untuk mempermudah user dalam pembelian produk dengan menambahkan fungsi, merapihkan teks dan tampilan. Hal tersebut dilakukan untuk memudahkan user dalam pembelian produk dan merapihkan tampilan agar terlihat eye cathing.
Research Aplikasi InvestASIK
Hasil riset yang saya temukan dari rekan-rekan saya saat menggunakan aplikasi tersebut mengalami kendala dan terlalu banyak informasi yang tidak perlu ditampilkan dan bisa lebih disingkat lagi. Tujuan redesain adalah untuk mempermudah user dalam pembelian produk dengan menambahkan fungsi, merapihkan teks dan tampilan. Hal tersebut dilakukan untuk memudahkan user dalam pembelian produk dan merapihkan tampilan agar terlihat eye cathing
Wireframing
Untuk wireframe saya membuatnya di website Whimsical untuk menentukan apa saja informasi dan CTA button yang akan ditampilkan pada tiap halaman. Disini saya membuat low Fidelity-nya untuk gambaran kasaran saja sebelum ke tahap High Fidelity jadi pada tahap wireframing belum ada informasi dan isi kontennya.
Pada tahap ini akan mempermudah saya untuk memberikan gambaran desain, posisi, icon, button dan konten. Walaupun pada saat proses desain mockup akan ada sedikit perubuhan dalam menyusun tampilan.
Style Guide & Visual Design
Pada tahap awal saya menentukan terlebih dahulu warna dan font yang ingin digunakan. Warna primary yang digunakan sama seperti tampilan sebelumnya yaitu biru gelap, warna kedua biru terang dan hitam. untuk jenis font saya memilih “inter”.
Dalam membuat desain mockup saya menggunakan tools Figma. Halaman yang pertama kali saya buat adalah halaman Beranda pada halaman ini saya menentukan fitur dan informasi penting yang ingin ditampilkan untuk mempermudah user dalam mencari informasi. Mulai dari portfolio, produk, bantuan, transaksi, dll.
Halaman berikutnya adalah produk, pembayaran, proses pembayaran dan yang terakhir penambahan informasi halaman pembayaran berhasil. untuk halaman produk saya menambahkan fitur search, kategori produk dan produk unggulan agar user mudah menentukan untuk rekomendasi produk yang ingin dibeli. Untuk halaman lainnya saya hanya mengubah posisi agar terlihat lebih rapih, menambah Call to Action Button dan mempersingkat informasi penting.
Result Design & Prototyping
Setelah semua desain halaman selesai selanjutnya adalah membuat prototype untuk menguji konsep yang sudah dibuat dan mengimplementasi fungsi tersebut. Berikut adalah vidio prototype yang telah dibuat mulai dari halaman beranda, produk, pembayaran, pesanan anda, proses pembayaran hingga transaksi berhasil
