00 · RiSIPs
RiSIPs · Investor app
Designing a mutual fund investing experience from scratch
An investor-facing mobile app designed to bring fund discovery, investing, and portfolio management into one cohesive experience.
01 · The brief
01 The brief
One platform. Multiple investment journeys.
RiSIPs set out to build a mobile platform where investors could buy, sell, and manage mutual fund investments.
The brief covered the entire investor experience, from account creation and KYC to fund discovery, investment, and ongoing portfolio management. I received a product requirements document, with no existing user flows or interface to build upon.
My role was to translate those requirements into a structured, usable experience: defining the information architecture, mapping user journeys, and designing the interface from scratch.
The challenge wasn't designing individual screens. It was connecting a wide range of financial tasks into one coherent experience.
02 · Structure
02 Turning requirements into an experience
Start with the way investors think, not just the features they need.
The PRD defined the product requirements, but those requirements still needed to become navigable journeys. I reviewed competitor experiences, including Groww and Coin, and used Mobbin to study existing patterns for investment, discovery, and portfolio management.
Rather than reinventing familiar conventions, I focused on making the required functionality work together consistently.
Three main destinations · tap one
The home accounts for both investment states
03 · Onboarding
03 The most complex part: onboarding
One app, different account types, different journeys.
Onboarding was one of the most challenging parts of the project. Individual onboarding was relatively straightforward, but joint and minor accounts introduced additional requirements.
Minor accounts were particularly interesting because the journey could begin with two different people.
The design decision · split by account type, early
One person, one journey: mobile, email, PIN, PAN and Aadhaar, bank, selfie, nominee, eSign.
The primary holder starts; co-holders are invited and each completes their own KYC before the account is complete.
The journey can begin with the guardian or with the minor — so the app first needs to know who is holding the phone.
Pick an account type on the phone
Minor accounts · separate entry journeys
Same account. Different assumptions about who is using the app.
These entry points created different assumptions about who was using the app, whose information was being entered, and how the journey should proceed. Step through both journeys side by side.
Different account types weren't simply different fields on the same form. They could represent fundamentally different onboarding journeys.
04 · Discover & compare
04 Helping investors make a decision
Discover a fund. Understand it. Then compare.
Fund discovery and fund comparison serve different purposes. I treated them as connected but distinct parts of the investing journey.
The design challenge was to make detailed financial information accessible without overwhelming the screen. I organised the information into distinct sections so investors could focus on the details relevant to their decision.
Browse or search for funds, and discover similar alternatives.
Performance first, then the facts, then sections you open only when you need them.
Returns, holdings, management, fund house, objective, pros and cons — one section at a time.
The phones scroll and the sections open. Fund cards follow the client's existing product and data requirements; my work was how the information is presented.
05 · Beyond the happy path
05 Designing beyond the happy path
An investment journey doesn't end when everything goes right.
Financial products need to account for what happens when a payment fails, an instruction times out, or a user needs to change an existing investment. For failure scenarios, the goal was to make the next step clear rather than leave users at a dead end.
Order & payment states
SIP lifecycle · tap a state
Every change to a SIP has its own screen, and its own way back.
A flow isn't complete just because the successful path has been designed. The situations that interrupt a journey are designed alongside it.
06 · Visual system
06 Making the visual system consistent
From individual screens to a reusable design system.
Alongside the UX flows, I developed the app's visual language, including its colours, typography, components, buttons, and cards, and established a repeatable component system so the growing set of screens could stay visually consistent.
Blue for calm and trust. Yellow for prosperity.
The initial colour direction explored blue to communicate calm and trust. Following client feedback, I introduced yellow to bring in a sense of prosperity, while keeping blue as a core part of the visual identity.
Illustration: the same Wealth screen with the blue-only accent. The onboarding flows in section 03 still carry the blue buttons.
Instrument Sans — body, values, labels
ActiveMid CapEquity
AI Working with AI as part of the design process
Faster production, with the design decisions kept in my hands.
I used Claude Code and Figma MCP throughout the project, beginning with the PRD and an initial workflow, then creating initial screens and developing the design system. Once the system was established, I used it to support screen generation. My role stayed active throughout: defining the experience, directing the output, evaluating it against the intended UX, and refining the visual details.
The value wasn't simply generating screens faster. It was building a repeatable workflow while keeping the design decisions in my hands.
07 · Ri, the assistant
07 Designing a conversational layer
Helpful guidance without pretending to be a financial advisor.
I also designed the interface for Ri, the app's chatbot. The design explored how users could ask questions and navigate the product while keeping a clear boundary around financial recommendations.
Instead of recommending specific funds, the experience helps users explore factual information, compare options, or move towards speaking with an advisor.
SIPs, orders, KYC status and statements come back as real cards, not paragraphs.
“Which fund should I invest in next?” gets an honest boundary, not a recommendation.
Compare funds yourself, or book a call with your advisor.
Tap the suggestions, or type a question
This was an interface-design contribution. It is not a claim that the chatbot's AI behaviour was implemented or validated; the replies here are scripted.
08 · Outcome
08 Outcome and reflection
A complete investor-app experience, designed from the ground up.
Over two months, I designed the investor-facing mobile app across onboarding, fund discovery, comparison, investing, portfolio management, and key exception states. I worked closely with the product manager to refine flows, and the developers used the designs for implementation.
The app has been developed, but I don't have verified launch data, usability-test results, or post-launch metrics to report. Rather than claim an unmeasured impact, the outcome I can show is the breadth and structure of the designed experience.
Counted from the frames in the final Figma file. These measure scope, not impact.
What I took away
Separating account journeys early gave each onboarding scenario its own logic.
Payment failures and SIP lifecycle changes are part of the product experience, not afterthoughts.
The quality of the result still depends on the decisions, direction, and refinement behind it.
09 · Closing
From a requirements document to a complete investor app.
RiSIPs started as a list of requirements with no flows and no interface. Two months later it was a structured, consistent experience covering every journey an investor needs, including the ones where something goes wrong.
End-to-end product design across
View more projects
Nucleus · SalesPro · MKU Website Revamp
Browse projectsExplore the blog
60 Minutes to Ship: How a Sleeping TV Sparked a Better Event Experience
Read posts