UX/UI Design for ClearSave Budgeting
UX/UI Design for ClearSave Budgeting
UX/UI Design for ClearSave Budgeting
UX/UI Design for ClearSave Budgeting
UX/UI Design for ClearSave Budgeting
Figma app designed to help users save and budget efficiently
Figma app designed to help users save and budget efficiently
Figma app designed to help users save and budget efficiently
Figma app designed to help users save and budget efficiently
Figma app designed to help users save and budget efficiently
UX Design
UX Design
UX Design
Research
Research
Research
Client
Personal Project
Client
Personal Project
Client
Personal Project
Client
Personal Project
Client
Personal Project
Timeline
July - October 2024
Timeline
July - October 2024
Timeline
July - October 2024
Timeline
July - October 2024
Timeline
July - October 2024








Project Details
Role: UX/UI Designer
Tools Used: Figma, Google Sheets
Scope: Research, Wireframes, Prototypes, Case Study
Deliverables: User Personas, Journey Maps, Low & High-Fidelity Prototypes
Project Details
Role: UX/UI Designer
Tools Used: Figma, Google Sheets
Scope: Research, Wireframes, Prototypes, Case Study
Deliverables: User Personas, Journey Maps, Low & High-Fidelity Prototypes
Project Details
Role: UX/UI Designer
Tools Used: Figma, Google Sheets
Scope: Research, Wireframes, Prototypes, Case Study
Deliverables: User Personas, Journey Maps, Low & High-Fidelity Prototypes
Project Details
Role: UX/UI Designer
Tools Used: Figma, Google Sheets
Scope: Research, Wireframes, Prototypes, Case Study
Deliverables: User Personas, Journey Maps, Low & High-Fidelity Prototypes
Project Details
Role: UX/UI Designer
Tools Used: Figma, Google Sheets
Scope: Research, Wireframes, Prototypes, Case Study
Deliverables: User Personas, Journey Maps, Low & High-Fidelity Prototypes
Project Details
Role: UX/UI Designer
Tools Used: Figma, Google Sheets
Scope: Research, Wireframes, Prototypes, Case Study
Deliverables: User Personas, Journey Maps, Low & High-Fidelity Prototypes
The Goal
Simplified financial tracking
Accessible budgeting tools
User-friendly design
Help with financial literacy
The Problem
Difficulty tracking expenses
Lack of easy-to-use budgeting tools
Overwhelming financial planning
The Goal
Simplified financial tracking
Accessible budgeting tools
User-friendly design
Help with financial literacy
The Problem
Difficulty tracking expenses
Lack of easy-to-use budgeting tools
Overwhelming financial planning
The Goal
Simplified financial tracking
Accessible budgeting tools
User-friendly design
Help with financial literacy
The Problem
Difficulty tracking expenses
Lack of easy-to-use budgeting tools
Overwhelming financial planning
The Goal
Simplified financial tracking
Accessible budgeting tools
User-friendly design
Help with financial literacy
The Problem
Difficulty tracking expenses
Lack of easy-to-use budgeting tools
Overwhelming financial planning
The Goal
Simplified financial tracking
Accessible budgeting tools
User-friendly design
Help with financial literacy
The Problem
Difficulty tracking expenses
Lack of easy-to-use budgeting tools
Overwhelming financial planning
The Goal
Simplified financial tracking
Accessible budgeting tools
User-friendly design
Help with financial literacy
The Problem
Difficulty tracking expenses
Lack of easy-to-use budgeting tools
Overwhelming financial planning





The Results
The final product features a sleek, mobile-first interface with clear visual hierarchies, making it easy for users to manage expenses and savings on the go. The app offers a savings goal tracker, add/edit funds feature, and personalized expense overviews.
Digital Wireframes
My primary goal with creating these digital wireframes was to reflect the user needs. I focused on making navigation straightforward and organizing key functions
Prototypes and In-Depth Case Study
Feel free to visit the low-fidelity prototype, high-fidelity prototype and the detailed case study for this project!
The Results
The final product features a sleek, mobile-first interface with clear visual hierarchies, making it easy for users to manage expenses and savings on the go. The app offers a savings goal tracker, add/edit funds feature, and personalized expense overviews.
Digital Wireframes
My primary goal with creating these digital wireframes was to reflect the user needs. I focused on making navigation straightforward and organizing key functions
Prototypes and In-Depth Case Study
Feel free to visit the low-fidelity prototype, high-fidelity prototype and the detailed case study for this project!
The Results
The final product features a sleek, mobile-first interface with clear visual hierarchies, making it easy for users to manage expenses and savings on the go. The app offers a savings goal tracker, add/edit funds feature, and personalized expense overviews.
Digital Wireframes
My primary goal with creating these digital wireframes was to reflect the user needs. I focused on making navigation straightforward and organizing key functions
Prototypes and In-Depth Case Study
Feel free to visit the low-fidelity prototype, high-fidelity prototype and the detailed case study for this project!
The Results
The final product features a sleek, mobile-first interface with clear visual hierarchies, making it easy for users to manage expenses and savings on the go. The app offers a savings goal tracker, add/edit funds feature, and personalized expense overviews.
Digital Wireframes
My primary goal with creating these digital wireframes was to reflect the user needs. I focused on making navigation straightforward and organizing key functions
Prototypes and In-Depth Case Study
Feel free to visit the low-fidelity prototype, high-fidelity prototype and the detailed case study for this project!
The Results
The final product features a sleek, mobile-first interface with clear visual hierarchies, making it easy for users to manage expenses and savings on the go. The app offers a savings goal tracker, add/edit funds feature, and personalized expense overviews.
Digital Wireframes
My primary goal with creating these digital wireframes was to reflect the user needs. I focused on making navigation straightforward and organizing key functions
Prototypes and In-Depth Case Study
Feel free to visit the low-fidelity prototype, high-fidelity prototype and the detailed case study for this project!
The Results
The final product features a sleek, mobile-first interface with clear visual hierarchies, making it easy for users to manage expenses and savings on the go. The app offers a savings goal tracker, add/edit funds feature, and personalized expense overviews.
Digital Wireframes
My primary goal with creating these digital wireframes was to reflect the user needs. I focused on making navigation straightforward and organizing key functions
Prototypes and In-Depth Case Study
Feel free to visit the low-fidelity prototype, high-fidelity prototype and the detailed case study for this project!






The Process & Experience
I conducted in-depth user research to understand budgeting challenges and motivations. This led to the development of user personas and journey maps, which guided every stage of the design process. Wireframes focused on intuitive navigation and minimal visual clutter, prioritizing features like expense tracking and savings goals.
Usability testing revealed areas for improvement, especially around form input and data visualization. Feedback loops helped shape a clean interface that users found empowering rather than overwhelming.
The Process & Experience
I conducted in-depth user research to understand budgeting challenges and motivations. This led to the development of user personas and journey maps, which guided every stage of the design process. Wireframes focused on intuitive navigation and minimal visual clutter, prioritizing features like expense tracking and savings goals.
Usability testing revealed areas for improvement, especially around form input and data visualization. Feedback loops helped shape a clean interface that users found empowering rather than overwhelming.
The Process & Experience
I conducted in-depth user research to understand budgeting challenges and motivations. This led to the development of user personas and journey maps, which guided every stage of the design process. Wireframes focused on intuitive navigation and minimal visual clutter, prioritizing features like expense tracking and savings goals.
Usability testing revealed areas for improvement, especially around form input and data visualization. Feedback loops helped shape a clean interface that users found empowering rather than overwhelming.
The Process & Experience
I conducted in-depth user research to understand budgeting challenges and motivations. This led to the development of user personas and journey maps, which guided every stage of the design process. Wireframes focused on intuitive navigation and minimal visual clutter, prioritizing features like expense tracking and savings goals.
Usability testing revealed areas for improvement, especially around form input and data visualization. Feedback loops helped shape a clean interface that users found empowering rather than overwhelming.
The Process & Experience
I conducted in-depth user research to understand budgeting challenges and motivations. This led to the development of user personas and journey maps, which guided every stage of the design process. Wireframes focused on intuitive navigation and minimal visual clutter, prioritizing features like expense tracking and savings goals.
Usability testing revealed areas for improvement, especially around form input and data visualization. Feedback loops helped shape a clean interface that users found empowering rather than overwhelming.
The Process & Experience
I conducted in-depth user research to understand budgeting challenges and motivations. This led to the development of user personas and journey maps, which guided every stage of the design process. Wireframes focused on intuitive navigation and minimal visual clutter, prioritizing features like expense tracking and savings goals.
Usability testing revealed areas for improvement, especially around form input and data visualization. Feedback loops helped shape a clean interface that users found empowering rather than overwhelming.

