01
Pranjal Agarwal↗Work↗Wealthery
UX Case Study · Oct–Dec 2024 · Figma

WEALTHERY

Your investment app that doesn't make you feel dumb, empowered. Handcrafted for rebels: modern finance stripped of jargon and rebuilt with clarity, attitude, and a bit of graph paper.

Role

Lead UX Designer

Duration

Oct – Dec 2024

Tools

Figma · Dark UI · Data Viz

Type

Fintech · Mobile App

01 , Enter The Lab

Meet Wealthery.

The Core Problem
Finance is intentionally opaque

Modern finance hides behind vocabulary. We stripped the jargon and replaced it with clarity, and a bit of attitude.

Investing 101
Human-first finance

Doodle-style icons and hand-drawn squiggles make complex data feel like a personal journal instead of a trading terminal.

Hand-crafted for rebelsDark UIGraph-paper gridNo hidden feesPlain language
02 , Introduction

ok so… investing apps are kind of a mess.

Total overload detected

You open Groww. You see 47 numbers. You close Groww.

01
Critical Friction
The jargon is unhinged

CAGR? P/E ratio? NAV? All on the first screen, with no way to ask what they mean without feeling stupid.

02
Critical Friction
Hidden fees appear after commitment

Gas fees, withdrawal penalties, and "maintenance costs" surface only once your money is already in.

03
Critical Friction
Built for traders, not starters

Derivatives and order books are front-loaded onto users who just wanted to beat inflation.

"I just wanted to beat inflation, not get a PhD in Finance."

Status quo: retained

03 , Target Audience

Three types of people. One app.

Traditional banking is for everyone. Wealthery is for the specific, the gatekept, the curious, and the restless.

Portrait · Aarav

Aarav · 25

Newbie / Scared · Bengaluru

"Everything I read about stocks feels like a different language. I'm afraid of clicking the wrong button and losing my savings."

#SafetyFirst#LearnerAnxious

Need: Extreme clarity. No jargon, just clear paths, he treats his portfolio like a fragile glass sculpture.

Portrait · Kavya

Kavya · 30

Intermediate / Ready · Hyderabad

"I've got the basics down, but my bank's app is so slow. I want to try options but the UI makes me want to scream."

#LevelUp#EfficiencyData-driven

Need: Speed and leverage. She's done with hand-holding and wants to build real lifestyle freedom.

Portrait · Raghav

Raghav · 40

Pro / Control · Mumbai

"Stop hiding my fees. I'm tired of 'traditional' advice that only serves the banks."

#PowerUser#TerminalVibesSkeptic

Need: Total control. He values customisation and API access over pretty onboarding screens.

Ready to rebel

Whoever you are, the old ways are broken. See the solution we built for them.

04 , Research Methodology

We actually asked people. Wild, right?

A mixed-methods sprint, 3 weeks, 60 participants: 50 survey respondents and 10 in-depth interviews. We took it to the streets to understand why the current financial system feels like a VHS tape in a 4K world.

Primary desire
80%
Real-time tracking

Users are tired of waiting for transactions to settle. They want data as it happens.

The frustration
70%
Tired of hidden fees

Transparency isn't a feature anymore, it's the requirement. No more costs buried in fine print.

The barrier
65%
Too complex

Jargon is the enemy. Two out of three users drop off when things start sounding like a law textbook.

The solution
60%
Wanted tutorials

Guidance over control. Users want to learn how to play the game, not have it played for them.

Quantitative

Survey signal · 50 participants

FindingShareDesign implication
Felt overwhelmed by terminology80%Tap-to-explain glossary on every term
Fear of making a permanent mistake70%Confirmation friction on high-stakes actions
Preferred human advice over UI65%Community + expert learning surfaces
Trust issues with digital-only firms60%Fee breakdowns as first-class UI

Ten qualitative interviews ran alongside the survey to explain the why behind each number.

"I have the money, but when I see all those graphs and charts, I feel like I'm entering a cockpit without a licence. I just close the app."

First-time investor, 26

"The KYC process asked for documents I didn't even know I had. Why can't it just be as simple as ordering food?"

Tech professional, 31

"I don't need a thousand options. I just need to know if this specific fund will help me buy a house in 5 years."

Married professional, 34

05 , Insights

Here's what broke everything down.

78% user frustration
Screaming UI

Users felt attacked by aggressive neon gradients and 50+ notifications an hour. "It's not a wallet, it's a panic attack."

Low retention (12%)
Trust issues

Vague security protocols and "fun" terminology made users question the safety of their assets. Finance isn't a game.

Major brand churn
Hidden fees

Obscure gas fees and withdrawal penalties felt like traditional banking in a new coat. The "enlightened" part was missing.

High entry barrier
Zero onboarding

Complex derivative trading thrown at users without a single tutorial, for the very audience the product claims to serve.

"Real-time""Low fees""Simple UI"
"Learning""Transparency""Peer trust"
"Regulatory clarity""Vernacular copy""Mobile-only"
06 , Visual Style Guide

A system built on graph paper.

#121212

Surface Dark

#288EAB

Brand Teal

#FF9F43

Brand Amber

#F7F8FA

Surface Light

#22C55E

Profit

#EF4444

Loss

Display figures

40px / 700

₹4,28,092.00
Screen titles

28px / 600

Portfolio Overview
Body text

16px / 400

Strategic asset allocation based on risk tolerance profile.
Labels

12px / 500 · tracked

TRANSACTION HISTORY
Spacing & grid

An 8pt grid on a visible graph-paper backdrop, the interface reads like a strategy notebook, not a trading terminal.

07 , Develop Phase

Wireframing the core flows.

Low-fidelity wireframes focused purely on layout hierarchy, information architecture, and user movement, without the distraction of aesthetic styling. This ensured the UX foundation was sound before any brand assets went on top.

Architectural note: these were intentional structural decisions to reduce cognitive load in financial decision-making. Data density lives in the dashboards; extreme clarity governs every transactional flow.

Information Architecture

Five-tab structure

Wealthery
├── Home, greeting, learning cards, bank linking, notifications
├── Portfolio, holdings, allocation, performance
├── Community, forecasts, blogs, peer insights, leaderboard
├── Calculator, compound / simple interest, SIP, goal timelines
└── Profile, friends, KYC, security, fee statements

Onboarding (sign-up, KYC, PIN, quiz) sits outside the tab bar as a linear, one-decision-at-a-time flow.

Create account
First name
Email / Phone
Date of birth
Accept terms

Research: Split into single-purpose steps so KYC never feels like a form wall.

Log in
Email / Phone
Password
Forgot password?
Or login with

Research: Social login reduces first-session drop-off for mobile-only users.

Leaderboard
User 4, 43 pts
User 1, 40 pts
You, 34 pts
Manage friends

Research: Peers replace the advisor users said they wished they had.

Calculator
Initial ₹5,000
Rate 5% · 5 yrs
Monthly compound
Calculate

Research: Modelling before committing addressed the fear of permanent mistakes.

08 , Deliver Phase

High-fidelity screens, each one traceable.

Nine key screens that represent the core design decisions, every one of them traceable back to a specific research finding.

Wealthery high-fidelity screens: PIN creation, financial knowledge quiz, quiz result and profile assignment, home dashboard and portfolio
PIN creation & verification · Financial knowledge quiz · Quiz result & profile assignment · Home dashboard · Portfolio
Wealthery high-fidelity screens: community, friends and social, calculator, investment screen and profile with KYC
Community · Friends & social · Calculator · Investment screen · Profile & KYC
09 , Validation

We put it in front of real people.

Destructive testing mode activated

90% success rate, users navigated the Rebellion Portfolio flow with near-zero friction, proving the aesthetic never compromised utility.

90%

Task success rate across critical flows

21

Diversified participants

3

High-friction critical tasks

−45%

Time to money (TTM)

"Finally, a finance app that doesn't feel like I'm filling out a tax return. It's raw, it's fast."

Crypto native, 24

"The graph paper grid makes me feel like I'm building a strategy, not just looking at a balance."

UX architect, 38

"I actually understand where my risk is for the first time without calling a broker."

Legacy disruptor, 45

10 , Outcomes

What Wealthery delivers.

Measuring the impact of ethical fintech design on investor confidence and operational excellence, through quantitative and qualitative benchmarks.

94%

Usability success, task completion for first-time investors on multi-asset portfolios

−60%

Time-to-invest, friction removed between onboarding and first deposit

4.8/5

Fee transparency sentiment on clarity of hidden costs

WCAG 2.1

AA accessibility compliance across the interface

Next step
AI GuideBot

Personalised portfolio insights powered by LLM-driven market analysis.

Next step
Tooltip system

Global deployment of contextual financial jargon explainers.

Next step
Tier-2 city research

Deep-dive ethnographic studies for non-metropolitan growth.

Next step
Accessibility audit

Quarterly third-party review of screen-reader optimisation.

FintechInvestment UXData VisualizationDark UIAccessibilityProduct Strategy
11 , Reflection

What this project actually taught me.

Design for fear

Investing involves real stakes. Fintech design shouldn't just be fast, it should be safe. Adding friction in high-stakes areas, like confirmation modals for large transfers, actually increased trust rather than hurting the experience.

Transparency as a feature

We treated fee breakdowns and market risks not as legal fine print but as a core UI component. That shift from hiding to explaining became the primary differentiator in a crowded Indian fintech landscape.

What I'd do differently

Early on I over-optimised for desktop power users. If I restarted, I'd take a mobile-only approach first for Tier-3 city users who rely entirely on smartphones for their financial literacy journey.

Jargon is a barrier, not a rite of passage

Every word that needs a definition the user doesn't have is a wall, even if removing it makes the product look less serious to insiders.

"Let's build the future of wealth."

Outcome

  • [ADD REAL RESULT]

Need something similar?

This project is part of my ux design work.

Explore UX Design services
Next Case Study →SynapsisHealthcare UX for new Canadians who got lost in the system.