CONCEPT UX/UI CASE STUDY · REVISITED 2026
Clarity
A calmer way to decide what to pay, save, and watch.
Originally created during my MFA in 2021, Clarity was rebuilt in Figma to simplify the product, reduce maintenance, and reflect how my design thinking has evolved.
PROJECT TYPE
Personal finance concept
ROLE
UX/UI Designer · Solo
ORIGINAL
MFA project · 2021
REVISITED
Figma rebuild · 2026
TOOLS
Adobe XD → Figma · FigJam
The Challenge
Problem
People could see their balances, but still weren’t sure what to do next.
TOO MUCH INFORMATION. NOT ENOUGH DIRECTION.
Solution
Clarity focuses on checking, savings, debt, and credit so the next step is easier to see.
User Research
I spoke with three people about how they manage payments, savings, and credit. The sample was small, so I used the findings as direction, not validation.
3 interviews · Ages 27–35
Jenna, 35
“I know I should save and pay down debt, but I never know what to do first.”
PRIORITY
Ryan, 27
“I need to know what payment actually helps, not just see another balance.”
PAYMENT GUIDANCE
Heidi, 29
“If I have to update everything by hand, I’ll stop using it after a week.”
SETUP EFFORT
What shaped the product
Three recurring needs became the filter for the first prototype.
Priority
Show the next useful action first.
Guidance
Turn balances into clearer payment decisions.
Effort
Keep setup and maintenance light.
Market Scan
I reviewed three finance apps to see what worked, what felt heavy, and where Clarity could stay focused.
Mint (legacy)
USEFUL
Detailed history
WATCH
Too much to manage
Rocket Money
USEFUL
Bill control
WATCH
Narrow focus
NerdWallet
USEFUL
Helpful guidance
WATCH
Content-heavy
What I kept — and left out
The market scan helped define a narrower product, not a longer feature list.
Focus
Keep daily status, payoff guidance, and credit visible.
Clarity
Use plain labels and a quieter hierarchy.
Scope
Leave advanced planning and dense analysis out of the MVP.
Paper before pixels.
I sketched the core tasks first to decide what deserved attention—and what could stay secondary.
The sketches helped simplify hierarchy before visual styling made the screens feel finished.
Three product decisions
Each core flow starts with a user question and ends with one useful next step.
CHECK BALANCE
Balance
USER NEED
See current status quickly
DECISION
Lead with checking activity
TRADEOFF
Keep deeper history secondary
REVIEW CREDIT
Credit
USER NEED
Know what could improve
DECISION
Pair score with next steps
TRADEOFF
Avoid dense credit education
PLAN PAYOFF
Payoff
USER NEED
Know what payment helps
DECISION
Turn debt into monthly guidance
TRADEOFF
Keep advanced payoff modeling out
Design System
A calm system keeps financial status scannable without making the interface feel empty.
CLARITY UI KIT
Color, type, and components reinforce hierarchy so attention goes to balances, actions, and progress.
Final design decisions
The final screens keep information visible without asking users to manage everything at once.
Access
Entry stays short so users reach account status before setup becomes work.
Login
PIN Entry
Homepage
Overview
The dashboard prioritizes current status and the next useful action over dense reporting.
Daily Banking
Everyday banking tasks stay familiar and separate from longer-term financial guidance.
Checking
Transfer
Nav Drawer
Financial Progress
Savings, debt, and credit translate progress into specific actions instead of another set of balances.
Savings
Debt
Credit Score
Test & Refine
Four people tested the early flow. I used hesitation and confusion, not feature requests, as the signal for revision.
4
PARTICIPANTS
2
REVISIONS
One clear question per screen worked better.
That principle simplified the debt flow and reinforced the decision to keep the first prototype narrow.
Next
Before expanding the product, I would validate:
Whether onboarding feels worth the effort
How account connection changes setup
Screen reader and contrast behavior
The full decision loop over time
TAKEAWAY
Clearer choices mattered more than more features.
A focused banking concept for everyday financial choices.
View PrototypeA UX concept project, not a live product, and not affiliated with any financial institution.
More Projects
View All
WornWell Closet App
2026
UX/UI App Design
Nooma Wellness Center
2026
Website Redesign
Ivy Lane Aesthetics
2026
Website Redesign
editorial. digital. refined.
Strong structure, intuitive flow, and an editorial eye across UX/UI, web, and visual design.
Open to full-time, part-time + contract opportunities
© 2026 Amy Design Studio