WalletGyde

Hero
Background
Problem
Before
Process
Metrics
Screens
Brand Colors
Logomark
Typography

Making personal finance feel less like a spreadsheet and more like a conversation.

Client
Walletgyde
Timeline
3 Months
Industry
B2C Fintech
Type of Work
Product Design
Built for people, not accountants.
Walletgyde is a B2C fintech platform built around BudgetBuilder AI, an in-house AI assistant designed to help everyday people understand and manage their finances.
But users were dropping off. Too much data, too much jargon, no clear next step. I joined the team to redesign the experience so BudgetBuilder AI could actually do its job.
Walletgyde Dashboard
01
01
Jargon Overload
Financial terminology felt intimidating and alienating for users who just wanted to understand where their money was going.
02
02
Data Overwhelm
Everything was shown at once with no hierarchy. Users couldn't figure out what mattered most or where to look first.
03
03
No Clear Next Step
The app showed data but didn't guide users toward decisions. People felt informed but stuck: no action, no momentum.
Before
not my designs - this is what existed before i joined the team.
Before design
Before design
Before design
Before design
Process
How I approached it.
01
User Testing & Surveys
Ran moderated user testing sessions and market surveys to understand how real people think about their finances.
02
Synthesize Pain Points
Mapped findings to three core problems: jargon overload, unclear hierarchy, and no sense of financial momentum.
03
Wireframe to High-Fidelity
Split the information architecture across 4 distinct screens so no single view felt overwhelming.
04
Test, Iterate, Ship
Ran usability tests on prototypes, iterated on language and layout, then delivered final specs to engineering.
Outcomes
the numbers don't lie.
+0%
Improvement in task completion rate across core financial workflows
−0%
Reduction in user drop-off through iterative, data-informed design decisions
−0%
Reduction in cognitive load through progressive disclosure and visual hierarchy
Final Screens
The product, shipped.
Screen 1
Brand Identity
Color Palette
Walletgyde Blue
#016CB9
01
Growth Green
#52AC55
02
Black
#000000
03
White
#FFFFFF
04
Logomark
WalletGyde
WalletGyde
Dark BG
WalletGyde
WalletGyde
Dark BG
BudgetBuilder
BudgetBuilder
Dark BG
BudgetBuilder
BudgetBuilder
Dark BG
Typography
WG
Headings & Display
Aa
Montserrat - Google Fonts
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 .,;:!?
Montserrat Bold
700
Montserrat SemiBold
600
Montserrat Medium
500
Montserrat Regular
400
chosen for its bold confidence
Aa
Body & UI Text
Aa
DM Sans - Google Fonts
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 .,;:!?
DM Sans Bold
700
DM Sans SemiBold
600
DM Sans Medium
500
DM Sans Regular
400
approachable and easy to read
let's talk!
Hop on a Call
Copy Email
back to portfolio
←pri.anka
next project
Data Extraction System→
Product Design
© 2026 Priyanka • built with too many tiny iterations (and a good playlist).

Create a free website with Framer, the website builder loved by startups, designers and agencies.