Kaleb Puniwan Yahya — UI/UX Designer

Overview

Nanovest’s portfolio dashboard needed to scale for advanced users while staying approachable for new investors. I redesigned the experience to surface key insights, reduce cognitive load, and create a clear visual rhythm in dark mode.

Problem

Users struggled to understand total performance, asset distribution, and risk exposure at a glance. Information was scattered, and dark mode contrast made it to scan quickly.

Research & Insights

• Interviewed active users to map daily decision-making patterns.
• Analyzed session recordings to identify friction in navigation and comprehension.
• Benchmarked leading fintech dashboards to inform hierarchy and chart usage.

Design Approach

I reorganized the dashboard into clear layers: high-level portfolio health, asset breakdown, and actionable insights. I defined a token-based dark mode system to ensure consistent contrast and elevation.

• Created new information architecture and navigation pattern.
• Designed modular cards for assets, performance, and insights.
• Aligned visuals with an updated design system for Nanovest.

Final Design & Impact

The new dashboard helped users understand portfolio health in under 5 seconds and reduced navigation loops between screens.

• Improved task success rate for “check portfolio performance” in usability tests.
• Higher perceived clarity and trust from user feedback sessions.

What I Learned

Fintech design requires balancing precision with simplicity. Designing for dark mode at scale means treating contrast, motion, and hierarchy as part of the system— not just visual polish.

Overview

I designed a guided onboarding and risk profiling flow to help users start saving and investing with confidence. The flow balances regulatory requirements with a friendly, understandable experience.

Problem

Many users abandoned onboarding when faced with complex questions and jargon. Risk categories felt abstract and unrelatable, especially for first-time investors.

Research & Insights

• Ran usability tests with prototypes to identify confusing steps.
• Collaborated with product & legal to simplify language while staying compliant.
• Mapped emotional states during onboarding to reduce drop-off moments.

Design Approach

I broke the flow into clear, short steps with progressive disclosure. Each risk level is explained visually and with everyday language, supported by microcopy and examples.

• Introduced a stepper and clear progress indicators.
• Redesigned question cards with better spacing and tap targets.
• Created reusable components for future flows.

Final Design & Impact

With the new flow, users could complete onboarding faster with fewer errors, while understanding what their profile meant in practice.

• Higher completion rate for onboarding in usability testing sessions.
• Reduced support questions around risk levels and plan selection.

What I Learned

Complex flows can feel light when the right pacing, tone, and visuals are in place. Small details in copy and micro-interactions can significantly change how secure users feel.