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.

Background shadow

Contact

Get in Touch

I'd love to hear from you! Send me an email or reach out through my form.

Let's Connect

Kaela Fernandez | Design Portfolio