Splend

A mobile app to mindfully track your daily spending.

A mobile app to mindfully track your daily spending.

Splend

Overview

Timeline
6 weeks

Role
Designer, Researcher

Tools
Figma

Many people struggle to manage their spending and often use tools to help. Most of these tools are automated - just link your bank account, and the tool tracks everything for you. The downside? It's easy to forget about your spending.

Timeline 6 weeks

Role Designer, Researcher

Tools Figma

The Problem

I conducted one-on-one interviews with 5 users to uncover the problem.

Money spent is money forgotten

Some users have no idea how much money they’ve spent in the past week or month, others have some, but they’re uncertain what and where they’ve spent money. Some don’t track expenses at all, as it takes time and effort, others use automated tools to track, but often forget about it. 

Getting started is the hardest part

Users are intimidated by the learning curve of finance tools and often don't know where to start when it comes to their finances.

The Opportunity

How might we design an easy and simple to use tool to help users be more mindful of their daily spending?

Meet Splend

A mobile app that uses speech-to-text technology to help users mindfully track their spending.

Lastly, users can review their expenses to stay on top of your spending.

To start, users set up the expenses they want to track.

Lastly, users can review their expenses to stay on top of your spending.

Next, users use speech-to-text AI to enter and track their expenses.

To start, users set up the expenses they want to track.

To start, users set up the expenses they want to track.

Lastly, users can review their expenses to stay on top of your spending.

Next, users use speech-to-text to enter and track their expenses.

Next, users use speech-to-text to enter and track their expenses.

The Process

How might we design a simple, seamless tool?

Most finance tools have a steep learning curve, making it harder for users to get started on their finances. I wanted to design a simpler solution, but after testing with 3 users, my first design was far from simple. It was overwhelming and unclear. Swipe to see user feedback.

Reducing cognitive load

To reduce users cognitive load, I added predefined categories, definitions, examples, and visuals, allowing users to choose the categories rather than define them themselves. This makes the process a lot more simple and intuitive for users.

A Final Review

Simplify the Set Up

To reduce errors, I added a review page with a bar graph. This allows users to visually view their budget by category and by week, month, and year.

A Final Review

Lastly, users can review their expenses using filter and sort and can also edit or delete entries. The process of reviewing expenses encourages users to develop a deeper understanding of their spending.

How might we help users be more mindful of their daily spending?

Many tools help users track their spending, but most are automated. I asked myself, "What if users manually tracked their spending?" If users truly want to understand where their money is going, wouldn't it be best to track it themselves?
That's when I got creative with ideas!

I took inspiration from input features in mobile devices, from the camera to the microphone. Then, I tested my ideas with 3 users, swipe to see their feedback.

The power of your voice

Splend uses speech-to-text technology, allowing users to track expenses with their voice. Voice inputs process users' actions and thoughts, helping them become more mindful of their expenses. Voice inputs also allow users to track expenses hands-free, taking away the all too common challenges and inconveniences that come with typing on small screens.

Making speech-to-text more accessible

One of my concerns with speech-to-text technology was accessibility. To address this, I researched design systems and W3C's WCAG and implemented 2 best practices I learned. In the future, I would love to design an alternative to speech inputs.

Error Handling

I added error messages and a cancel button to help users recover from errors.

I added error messages and a cancel button to help users recover from errors.

Visual Cues

I added icons to prompt users to take action, and labeled buttons for accessibility.

A Final Review

Lastly, users can review their expenses using filter and sort and can also edit or delete entries. The process of reviewing expenses encourages users to develop a deeper understanding of their spending.

A Final Review

Lastly, users can review their expenses using filter and sort and can also edit or delete entries. The process of reviewing expenses encourages users to develop a deeper understanding of their spending.

The Final Solution

Splend is a mobile app that reimagines the state of automated expense tracking tools. I designed a simple, seamless experience that users can integrate into their day-to-day, empowering them to actively track and take control of their spending.

Reflection

This was my first UX design project and I had lots of fun! Personally, I loved designing for different input features in mobile and learning more about accessible design, as I practiced designing error handling, feedback, and labels. Reflecting on my experience, I learned two important lessons.

Enhance the user, not the product

I didn't need to design the "best" app to track expenses - I needed to design the app to help users become the best at tracking their expenses. Therefore, I focused on designing features to help users build the skills, habits, and mindsets to truly become better at personal finance.

Extension to daily life

To ensure users would use it on their day to day, I needed to design an app that would extend already existing parts of their life. Therefore, I focused on designing features to make it as easy and convenient as possible. This meant leveraging the strengths of mobile design.

LinkedIn

Resume




Made with <3 and matcha

LinkedIn

Resume




Made with <3 and matcha

Splend is a mobile app that reimagines the state of automated expense tracking tools. I designed a simple, seamless experience that users can integrate into their day-to-day, empowering them to actively track and take control of their spending.

Final Solution

LinkedIn

Resume




Made with <3 and matcha

Overview

Many people struggle to manage their spending and often use tools to help. Most of these tools are automated - just link your bank account, and the tool tracks everything for you. The downside? It's easy to forget about your spending.

Timeline
6 weeks

Role
Designer, Researcher

Tools
Figma

Meet Splend
A mobile app that uses speech-to-text technology to help users actively track and take control of their spending.

The Process

01 How might we design a simple, seamless tool?

Most finance tools have a steep learning curve, making it harder for users to get started on their finances. I wanted to design a simpler solution, but after testing with 3 users, my first design was far from simple. It was overwhelming and unclear. Swipe to see user feedback.

Simplify the Set Up

To reduce errors, I added a review page with a bar graph. This allows users to visually view their budget by category and by week, month, and year.

A Final Review

Lastly, users can review their expenses using filter and sort and can also edit or delete entries. The process of reviewing expenses encourages users to develop a deeper understanding of their spending.

02 How might we help users be more mindful of their daily spending?

Many tools help users track their spending, but most are automated. I asked myself, "What if users manually tracked their spending?" If users truly want to understand where their money is going, wouldn't it be best to track it themselves?
That's when I got creative with ideas!

I took inspiration from input features in mobile devices, from the camera to the microphone. Then, I tested my ideas with 3 users, swipe to see their feedback.

The power of your voice

Splend uses speech-to-text technology, allowing users to track expenses with their voice. Voice inputs process users' actions and thoughts, helping them become more mindful of their expenses. Voice inputs also allow users to track expenses hands-free, taking away the all too common challenges and inconveniences that come with typing on small screens.

Making speech-to-text more accessible

One of my concerns with speech-to-text technology was accessibility. To address this, I researched design systems and W3C's WCAG and implemented 2 best practices I learned. In the future, I would love to design an alternative to speech inputs.

Error Handling

I added error messages and a cancel button to help users recover from errors.

Visual Cues

I added icons to prompt users to take action, and labeled buttons for accessibility.

A Final Review

Lastly, users can review their expenses using filter and sort and can also edit or delete entries. The process of reviewing expenses encourages users to develop a deeper understanding of their spending.