top of page
monable mobile splash (3).png

Monable

An all-in-one financial literacy app for young adults
UX Design Case Study — CareerFoundry Immersion Project

Role: UX researcher, designer, and writer
Duration: September 2022 – March 2023

The opportunity

Many young adults graduate college without the financial knowledge they need to confidently manage their money. While some have taken financial literacy courses, research (like that of UVA professor Richard Netemeyer) shows that classroom instruction alone rarely leads to long-term behavioral change.

How might I help young adults learn financial literacy in a practical and personalized way?

The process

I followed a 7-month User-Centered Design (UCD) process to explore the problem, design solutions, and test usability.

Research & Discovery

I began with a competitive analysis of PNC and PayPal—two industry leaders in financial services. Both offer secure transactions and digital wallets, but I noticed a lack of learning features.

I then conducted user interviews with three young professionals. Key takeaways:

  • Users want apps that combine necessity with convenience (e.g., budgeting, bill pay, transfers).

  • Video lessons and learning by doing were preferred over static text or quizzes.
     

Based on these insights, I defined a clear problem statement:

Our young adult users need a secure, practical platform to watch lessons, manage money, and access banking tools—because they want to learn how to manage their finances in a familiar, everyday context.

I created two user personas—Jacob (an 18 year old college student) and Laura (a 25 year old nurse and new mom)—to guide ideation based on real goals and frustrations. Their needs informed the creation of user journeys, task flows, and mental models.


A content audit of CNN’s Money Essentials helped shape the tone and clarity of educational content. Then, I conducted a card sorting study with seven participants, which led to a refined sitemap emphasizing easy access to key tools and support.

monable sitemaps.png

Ideation & Design
 

From there, I developed:

  • Low- and mid-fidelity wireframes for mobile and desktop (Figma)

  • A revised onboarding experience, switching from coach marks to a simple slideshow

  • A responsive layout inspired by Slack and Google’s Material Design 3 guidelines

In the high-fidelity stage, I made key refinements:

  • Adopted a blue-green and gray palette for a modern, calming look

  • Increased accessibility by enhancing contrast, adding field labels, and ensuring all interactions met WCAG standards

  • Integrated peer feedback to improve spacing, screen margins, and onboarding flow

Testing & Refinement
 

To validate and refine my design choices, I conducted usability testing with six participants and organized insights using affinity mapping and a rainbow sheet, rating issues on Nielsen’s severity scale.

Next, I ran an A/B preference test with 19 users to decide on Monable’s visual direction. The majority preferred a light color scheme for clarity and modern appeal, though some favored dark mode for its reduced eye strain.

monable testing.png

The solution

Monable offers an engaging, minimalist platform that combines financial education with real-life application. The app’s responsive design makes it accessible on any device, and its UX is built to support learning by doing.

Core features
 

  • Bite-sized video lessons covering essential financial topics

  • Secure money tools: Send/receive payments, track budgets, and access account data

  • Minimal, intuitive UI based on user-tested navigation patterns

  • WCAG-compliant accessibility for broader inclusivity

monable before and after (2).png

Reflection

This project taught me how critical it is to continuously center the user throughout the design process. While I initially brainstormed many features to set Monable apart from competitors, I learned through testing and feedback that users care most about clarity, functionality, and simplicity. 

If given the opportunity, I would continue iterating on my low-fidelity wireframes for different breakpoints like those for tablet and desktop screens.

bottom of page