Services

Product Design

Category

Fintech










What is Nutra?

Nutra is the budgeting app to help people learn how to manage their finance. It has gamification user experience to help user engage in saving.





Problem

Budgeting is important but very difficult for most new learners, most budgeting apps on the market are overwhelming in content.







Problem

Because most app are built for the highly disciplined.






Problem

But many people want to save — they just need a little help staying consistent.




Research

We identified a large, underserved group of users who lack consistent saving behaviors due to low motivation and overwhelming app experiences.






Research

User Research & Insights

Methodology: Surveys, In-depth Interviews

Participants: Users with self-identified low motivation and discipline

Key Insights:

  1. Users prefer simple, intuitive interactions to avoid feeling overwhelmed.

  2. Gamification elements significantly boost engagement and sustained use.

  3. Personalized nudges and achievable tasks greatly improve consistency and motivation.





User Research

Mental Model of Target User





Analysis

User Journey Map



Research

Market Research



Research

Market Opportunity






Goal

Design Objectives

  • Lower Entry Barrier: Simplify UI/UX to minimize cognitive load and facilitate effortless onboarding.

  • Boost Engagement: Integrate playful gamification mechanisms, such as daily saving challenges and interactive rewards.

  • Personalization: Offer tailored suggestions and tasks based on individual spending habits and saving goals.





Goal

Gamification Matters

Budgeting fails when it feels like a chore. Gamification makes saving engaging and rewarding, turning discipline into habit and greatly improving long-term retention.




Design Decision

Why choose Nuts?

We chose Nut as the virtual assistant because it symbolizes growth, saving, and potential — just like a nut that can grow into something greater. This simple metaphor makes financial progress feel tangible, approachable, and friendly for users.



Process

Ideation & Iterative Process

  • Conceptualization: Developed Nut, a friendly virtual assistant that accompanies and motivates users.





Process

Low Fi Design

  • Lower Entry Barrier: Simplify UI/UX to minimize cognitive load and facilitate effortless onboarding.

  • Boost Engagement: Integrate playful gamification mechanisms, such as daily saving challenges and interactive rewards.

  • Personalization: Offer tailored suggestions and tasks based on individual spending habits and saving goals.

Ideation & Iterative Process

  • Conceptualization: Developed Nut, a friendly virtual assistant that accompanies and motivates users.



Process

Ideation

Dashboard


Set a Goal




Design

Low Fi with Interaction

1st User test with Low-fi to test out the UX reliability


Design

Refinement from 1st User test


Design

Low Fidelity Look


Design

User Test Journey Map After


Design

Mid-Fi with Branding




Design

Mock up




Design

Final Design & Key Features

  • Goal Setting → Users define saving goals with manageable steps.

  • Daily Challenges → Personalized small tasks encourage incremental savings.

  • Virtual Assistant Nut → Provides interactive rewards and emotional feedback.

  • Financial Overview → Clear, friendly data visualization of spending, budgeting, and progress.


Branding 2.0


User Flow for Hi-Fi Design


Revisment From User Test





Design

Design System:

Created comprehensive guidelines to ensure visual and interactive consistency throughout the app.




Final Design & Key Features

  • Goal Setting: Allows users to establish personalized saving objectives with clear, manageable steps.

  • Daily Challenges: Suggests actionable daily tasks tailored to users’ spending patterns, encouraging incremental savings.

  • Virtual Assistant Nut: Offers interactive visual rewards and emotional feedback, enhancing user motivation and app engagement.

  • Financial Overview: Presents clear data visualization of spending habits, budgets, and savings progress.





Feedback

User Testing & Validation

Through usability testing involving multiple rounds with target users, we refined interactions and ensured the app’s intuitive functionality. Post-testing evaluations showed:

  • 85% increase in user-reported motivation levels.

  • 90% positive feedback on ease-of-use and enjoyment from gamification.









Reflection

Results & Impact

  • Enhanced user retention through playful interaction design.

  • Improved user financial behaviors, demonstrating significant positive changes in saving habits among previously unmotivated users.

  • Garnered overwhelmingly positive user feedback regarding app usability and effectiveness in promoting financial discipline.








Reflection

Reflection & Learnings

Designing Nutra deepened my understanding of behavioral psychology and the critical role gamification plays in user motivation. I significantly strengthened my skills in UX research, iterative prototyping, and maintaining cohesive visual systems, ultimately creating an effective and joyful user experience.



Available for freelance

Back to top

Back to top

Available for freelance

Back to top

Back to top

Available for freelance

Back to top

Back to top

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