Nanovest App Redesign

Pertanyaan sebenarnya bukan apa kata AI, tapi di mana ia tinggal.

Saya mengaudit aplikasi Nanovest yang ada layar demi layar, dari Home dan Invest sampai Wallet dan Account, menandai setiap tempat jawaban AI bisa muncul dan apa yang akan bersaing dengannya di sana. Lalu saya membandingkan cara kompetitor dan aplikasi keuangan dan trading lain menempatkan asisten: tombol mengambang, tab chat, kolom pencarian, atau satu slot di navigasi. Untuk tiap pola saya cek berapa ketukan untuk menjangkaunya, apakah ia bertahan saat layar berganti, dan apakah ia terbaca sebagai bagian produk atau widget yang ditempel di atasnya. Referensi saya kumpulkan dalam satu papan untuk membaca pola asisten berdampingan dengan bahasa visual yang gelap dan teknikal.

Saya memakai Claude sebagai asisten riset, bukan pengambil keputusan. Ia mencari screen AI chat di Mobbin dari aplikasi keuangan dan perbankan, asisten umum, dan aplikasi pendamping, lalu mengumpulkan lebih dari 70 di antaranya ke satu board Figma yang dipilah ke tiga kelompok itu, supaya saya bisa membandingkan penempatan, empty state, dan cara jawaban membawa data. Setiap screen saya baca sendiri, yang tidak meyakinkan saya buang, dan kesimpulan di bawah adalah milik saya.

Sebagian besar pola menaruh asisten di satu layar atau di tombol mengambang di atas konten, jadi menjangkaunya bergantung pada posisi seseorang saat itu. Itulah celahnya: AI sebagai tujuan, bukan lapisan di bawah setiap tab. Celah itu menentukan penempatannya sebelum kerja visual apa pun. Asisten masuk ke tab bar itu sendiri, dan antarmuka di sekelilingnya menjadi gelap dan terkendali, supaya terbaca sebagai sesuatu yang layak dipercaya untuk urusan uang.

Di mana AI tinggal, dan bagaimana ia mengikuti seseorang di seluruh aplikasi.

Asisten duduk di tengah tab bar, di antara Invest dan Grow, sehingga ia berdiri di atas setiap tujuan, bukan di dalam salah satunya. Di sekelilingnya aplikasi menyimpan empat tab: Home, Invest, Grow, dan Wallet. Invest memuat produk (Crypto, Web3, Stocks, dan Gold) beserta rincian portofolio, sementara Wallet memuat Nanovest Cash dan Crypto Cash, dengan satu tab untuk setiap mata uang.

Alurnya mengikuti satu pertanyaan, “sedang apa uang saya sekarang?”, dan dimulai dengan cara yang sama dari tab mana pun: ketuk ikon tengah, ketik atau bicara, dapat jawaban yang menyebut posisi di baliknya, lalu langsung menuju portofolio atau asetnya. Saya juga menggambar kasus tepinya sebelum desain visual: apa yang ditampilkan asisten untuk portofolio kosong, dan bagaimana alert tampak berbeda dari state diam. Keduanya diputuskan di wireframe, sebelum warna atau tipografi ikut campur.

Yang bisa ditanyakan sengaja dibuat praktis: bagaimana kabar sebuah pasar atau aset hari ini, harga terkini saham, koin, atau emas, mengapa portofolio bergerak, dan mover mana yang layak dilihat. Setiap jawaban menyebut posisi atau aset di baliknya dan menautkan langsung ke sana, jadi asisten menghemat satu perjalanan di dalam aplikasi alih-alih menambahkannya.

Semua ini tidak terjadi sendirian. Saya membawa penempatan, wireframe, dan arah visual melewati beberapa putaran bersama tim produk, dan scope, alur, serta prioritas bergeser setelah tiap putaran.

Setelah wireframe beres, saya menjelajahi sisi visualnya di satu kanvas: aplikasi yang ada, satu putaran pembaruan, reskin, dan eksplorasi 2.6, berdampingan, untuk menghasilkan banyak arah sebelum memilih satu.

Dari arah visual yang dipilih, saya membangun design system lengkap: fondasinya (tipografi, skala warna, spacing, dan radius), lalu komponen dan pola di atasnya, supaya setiap layar memakai token dan bagian yang sama, bukan nilai satu-satu.