Increasing Financial Security Through Cashly

ROLE

UX/UI Designer

UX/UI Designer

UX/UI Designer

Tools

Figma & Figjam

YEAR

2025

2025

2025

Weather app image
Weather app image
Weather app image
Weather app image
Weather app image
Weather app image
Weather app image

Overview

The Problem

With financial insecurity on the rise, Cashly is a platform tailored for individuals who lack the time or expertise to budget effectively. Designed with an intuitive interface, Cashly aims to empower users by promoting financial awareness of their spending habits, helping them understand their current situation and plan for future goals

The Challenge

How might we develop a platform to help users track and better manage their finances?

Competitor Analysis

Interviews

To be able to empathize with how people operate with their finances, I conducted 12 user interviews from people with various backgrounds. I asked questions focusing on how these people handle the following financial thinking operations.

Grasping your financial overview

Budgeting for various categories

Setting short and long term financial goals

Troubles around compiling information

"I waste a lot of time trying to keep track of all my finances. I have different bank accounts, different credit card bills, to keep track of all of it is a tall task"

Troubles around budgeting

"Sometimes they make new plans, so then I just kind of forget about the original budget because how often do I get to see my friends? I know it's not a good thing in the long run"

Troubles around keeping to financial goals

"For a week I'll want a new car right? So I'll put extra money in that fund. But then that 'want' isn't the most important thing because something else popped up"

Personas

With those insights gathered, I started formulating a couple of personas to help guide the content of the platform. Based off the initial demographics in user interviews, I opted for 2 personas that represented the bulk of who made up our responses. One persona is a student with a part-time job, another is a teacher who is a few years into their career.

Brainstorming

After reviewing and gaining insights from the research, we moved onto iterating over the features that should be implemented into the platform. This phase included deciding the golden path for our user-flow, further addressing key pain points from our insights, and wireframing what the platform would look like, as well as deciding a color style.

Key Solution Elements from Insights:

Centralized Financial Dashboard

  • Provide a unified platform where users can view all their accounts in one place.

  • Automated transaction categorization

    • Allow users to customize or adjust the categories

    • Users must be allowed to manually add charges/purchases

    • Users can ask the AI assistant for a quick analysis of their habit (user must opt in to this)

    • "The platform should still be useful even if the user does not feel comfortable linking their accounts"

  • Enhanced data visualization

Financial Goal Setting and Budgeting

  • Allow users to set financial goals and provide visual progress trackers

    • Users can create a total of twenty financial goals

  • Users can choose whether a goal is short term or long term, and receive appropriate notifications for that goal.

  • Users can set budgets for categories

    • Categories can be automated or manually added

    • User can choose whether the budget is weekly, monthly, or yearly.

  • Users can opt in to use the AI assistant to calculate numbers quickly.

Educational Resources

  • Users can access resources such as financial literacy guides, tips, and video tutorials directly within the platform

  • Provide personalized recommendations based on user spending habits or goals

How The User Navigates

Mapping out the user flow is a crucial part in the design process. The user flow refines the boundaries of the product, stating what is possible and what is currently not. Any adjustments / added features to the product would have to fit into this user flow. Some information I specifically gained from the user flow is: what screens I needed, potential pain points, and number of actions possible on any given screen. With the user flow defined, I can begin wireframing.

Weather app image
Weather app image
Weather app image
Weather app image
Weather app image
Weather app image
Weather app image

Wireframing MovieMate

To create a good layout of the app, I utilized Crazy Eights to get a general sense of where the buttons, text, icons, and images belong. I also asked my interviewees which aspect of each wireframe they liked the most, and tried to bring it forward into further designs to create a unique layout.

Key takeaways were:

  • Interviewees reacted well to the Gmail-esque filter button being located constantly in the bottom right corner.

  • Interviewees specifically liked the implementation of a button to show a map of the theater’s area.

  • Interviewees preferred a simple menu bar at the top of the screen rather than at the bottom.

Weather app image
Weather app image
Weather app image
Weather app image
Weather app image
Weather app image
Weather app image

Using a Style Guide

Creating a style guide was crucial in establishing a cohesive visual identity to MovieMate. A cohesive visual identity is important to a product because it establishes brand recognition, instills trust and credibility to users, and helps a product stand out from its competitors. Visual identity for MovieMate consisted of a defined typography, color palette, and iconography.

Weather app image
Weather app image
Weather app image
Weather app image
Weather app image
Weather app image
Weather app image

Quick & Convenient

After conducting interviews and doing research, three key features stood out to test users that would encourage them to go to the theater more.

Weather app image
Weather app image
Weather app image
Weather app image
Weather app image
Weather app image

A Glance at Test User's Response to Using MovieMate

Task: You're organizing a movie outing with five friends, all of whom are fans of drama films. They've informed you that they're available around 6 PM and would prefer to leave the theater by 11:30 PM. Your task is to select a drama movie, locate a theater offering a showtime with at least six adjacent seats available, and proceed with booking the tickets.

Task Completion Rate: 100%

Average Time to Complete Task: 1 min 39 seconds

Likelihood of Using MovieMate Over Competitors from 1 to 10: 8.7


How Do You Feel About Using MovieMate as Your Main Ticketing App for Movies?

“I would greatly prefer it… it removes the hassle of having to open three different apps just to find one showtime. It makes the whole process so much less frustrating so I think this would get me to go check out a movie more.” - Test User #7

Task: You're organizing a movie outing with five friends, all of whom are fans of drama films. They've informed you that they're available around 6 PM and would prefer to leave the theater by 11:30 PM. Your task is to select a drama movie, locate a theater offering a showtime with at least six adjacent seats available, and proceed with booking the tickets.

Task Completion Rate: 100%

Average Time to Complete Task: 1 min 39 seconds

Likelihood of Using MovieMate Over Competitors from 1 to 10: 8.7


How Do You Feel About Using MovieMate as Your Main Ticketing App for Movies?

“I would greatly prefer it… it removes the hassle of having to open three different apps just to find one showtime. It makes the whole process so much less frustrating so I think this would get me to go check out a movie more.” - Test User #7

Task: You're organizing a movie outing with five friends, all of whom are fans of drama films. They've informed you that they're available around 6 PM and would prefer to leave the theater by 11:30 PM. Your task is to select a drama movie, locate a theater offering a showtime with at least six adjacent seats available, and proceed with booking the tickets.

Task Completion Rate: 100%

Average Time to Complete Task: 1 min 39 seconds

Likelihood of Using MovieMate Over Competitors from 1 to 10: 8.7


How Do You Feel About Using MovieMate as Your Main Ticketing App for Movies?

“I would greatly prefer it… it removes the hassle of having to open three different apps just to find one showtime. It makes the whole process so much less frustrating so I think this would get me to go check out a movie more.” - Test User #7

Takeaways

Being my third major UX project, the opportunity to design MovieMate was the culmination of everything I have learned. Incorporating concepts formally acquired through the Google UX Design Certificate and skills gained as a UX/UI design intern at Ezvent, my approach to this project was radically different. Allowing the project to simmer, I conducted multiple rounds of iterative work on wireframes, lo-fi prototypes, and hi-fi prototypes.


I discovered the paramount importance of research. Although seemingly self-explanatory, expanding the sample size from two deep interviews to eight light interviews proved to be a bastion of untapped knowledge. Calling back my interviewees to gauge their preferences on wireframe elements and assess what worked in the lo-fi prototypes resulted in creating a hi-fi prototype that I am immensely proud of. It endeavors to accomplish what appears to be a simple task and passes with flying colors.


The creation of a style guide was also important as it served as a visual reference throughout the design process, eliminating the need to choose colors on the spot. This project has combined theoretical knowledge, practical skills, and lessons from thorough research and iterative design, marking an important milestone in my journey as a UX designer.


Next Steps

  • Design filters to help users find movies that appeal to them. While MovieMate encourages users to go to the movies by making it an easier task, test users indicated that there is further work to be done for those who don’t have a specific movie in mind. Given time limitations, this feature was not fully developed but is the top priority.

  • Monitor user activity for data-backed decisions. It is necessary to analyze how a large sample of users use the application to guide the future of the application and make the product more efficient. Two specific categories to look under are the usage of location services and time spent scrolling on the movie list view.

  • Refining seat maps for theaters. Due to MovieMate’s comprehensive theater coverage, it is important to remember that no two theater rooms are laid out the same. This calls for the creation of a seat map that is dynamic and highly scalable. Movie theaters that house 30 people and theaters that house 300 people need to be accurate for user satisfaction.

Being my third major UX project, the opportunity to design MovieMate was the culmination of everything I have learned. Incorporating concepts formally acquired through the Google UX Design Certificate and skills gained as a UX/UI design intern at Ezvent, my approach to this project was radically different. Allowing the project to simmer, I conducted multiple rounds of iterative work on wireframes, lo-fi prototypes, and hi-fi prototypes.


I discovered the paramount importance of research. Although seemingly self-explanatory, expanding the sample size from two deep interviews to eight light interviews proved to be a bastion of untapped knowledge. Calling back my interviewees to gauge their preferences on wireframe elements and assess what worked in the lo-fi prototypes resulted in creating a hi-fi prototype that I am immensely proud of. It endeavors to accomplish what appears to be a simple task and passes with flying colors.


The creation of a style guide was also important as it served as a visual reference throughout the design process, eliminating the need to choose colors on the spot. This project has combined theoretical knowledge, practical skills, and lessons from thorough research and iterative design, marking an important milestone in my journey as a UX designer.


Next Steps

  • Design filters to help users find movies that appeal to them. While MovieMate encourages users to go to the movies by making it an easier task, test users indicated that there is further work to be done for those who don’t have a specific movie in mind. Given time limitations, this feature was not fully developed but is the top priority.

  • Monitor user activity for data-backed decisions. It is necessary to analyze how a large sample of users use the application to guide the future of the application and make the product more efficient. Two specific categories to look under are the usage of location services and time spent scrolling on the movie list view.

  • Refining seat maps for theaters. Due to MovieMate’s comprehensive theater coverage, it is important to remember that no two theater rooms are laid out the same. This calls for the creation of a seat map that is dynamic and highly scalable. Movie theaters that house 30 people and theaters that house 300 people need to be accurate for user satisfaction.

Being my third major UX project, the opportunity to design MovieMate was the culmination of everything I have learned. Incorporating concepts formally acquired through the Google UX Design Certificate and skills gained as a UX/UI design intern at Ezvent, my approach to this project was radically different. Allowing the project to simmer, I conducted multiple rounds of iterative work on wireframes, lo-fi prototypes, and hi-fi prototypes.


I discovered the paramount importance of research. Although seemingly self-explanatory, expanding the sample size from two deep interviews to eight light interviews proved to be a bastion of untapped knowledge. Calling back my interviewees to gauge their preferences on wireframe elements and assess what worked in the lo-fi prototypes resulted in creating a hi-fi prototype that I am immensely proud of. It endeavors to accomplish what appears to be a simple task and passes with flying colors.


The creation of a style guide was also important as it served as a visual reference throughout the design process, eliminating the need to choose colors on the spot. This project has combined theoretical knowledge, practical skills, and lessons from thorough research and iterative design, marking an important milestone in my journey as a UX designer.


Next Steps

  • Design filters to help users find movies that appeal to them. While MovieMate encourages users to go to the movies by making it an easier task, test users indicated that there is further work to be done for those who don’t have a specific movie in mind. Given time limitations, this feature was not fully developed but is the top priority.

  • Monitor user activity for data-backed decisions. It is necessary to analyze how a large sample of users use the application to guide the future of the application and make the product more efficient. Two specific categories to look under are the usage of location services and time spent scrolling on the movie list view.

  • Refining seat maps for theaters. Due to MovieMate’s comprehensive theater coverage, it is important to remember that no two theater rooms are laid out the same. This calls for the creation of a seat map that is dynamic and highly scalable. Movie theaters that house 30 people and theaters that house 300 people need to be accurate for user satisfaction.