BACK

Streamlined journey for bills management and payment

CLIENT
Track it (Concept)
RESPONSIBILITIES
UI Design
UX Research
Prototyping
year
2025
challenges
Have you ever struggled to keep track of multiple bills or missed a payment because of scattered reminders? Or found it overwhelming to manage due dates across different platforms?

These are common challenges for anyone trying to stay on top of their finances. An app that centralizes all your bills and sends timely reminders would make managing bills much more effortless.

Design Process.

designprocess

IDENTIFYING PROBLEMS

Managing bills can be stressful and overwhelming, with individuals and households facing several challenges in staying organized.

Tracking bill due dates can be difficult, and missed payments often result in late fees. Managing monthly expenses lacks clear visibility, and relying on multiple apps makes the process time-consuming.

COMPETITOR ANALYSIS

I analyzed two competitor bills management apps to identify their strengths and weaknesses, and explore opportunities I can add on the app

timelybills
Timely Bills
Features
  • Adding an account for managing savings, checking and credit card.
  • App notifications for upcoming bills
  • Provides insights into monthly spending through detailed reports and visual dashboards.
Opportunities
  • Add an In-app wallet where users can add balance on App.
  • Add SMS or email reminders for broader accessibility beyond app notifications.
  • Allow users to create and manage their own categories (e.g., groceries, entertainment, etc.) for more personalized expense tracking. This can provide better insights tailored to the user’s lifestyle.
buddy
Buddy
Features
  • Create a custom a budget plan with a friend
  • Household budget where you can create budget plan for a specific household
  • Export transactions to csv a file
Opportunities
  • With an In-app wallet, friends can pay using the app and notify each other when bill is upcoming.
  • An In-app payment using the users wallet for faster bills payment on household budget.
  • Provide an option for users to set up automatic CSV exports at regular intervals (e.g., weekly, monthly) so they don't need to manually export their data each time. This would ensure consistent tracking and reporting without extra effort.

GOAL

Based on my research, the goal is to design an app that centralizes all bill management tasks into one platform for user convenience. It will provide due date reminders to prevent missed payments, a clear overview of monthly expenses for better budgeting, and seamless integration with bank accounts or payment methods.

user flows

After the research, I created user flows outlining how users will add and pay bills through the In-App wallet.

Adding a new bills
Paying bills using the App

INFORMATION ARCHITECTURE

Next, I developed the Information Architecture of the app to map out the necessary information for each screen, ensuring a well-structured layout for an improved user experience.

wireframing

The next step is to create wireframes for each screen, where I include text to help conceptualize the information displayed on each screen.

DESIGN SYSTEMS

After wireframing the screens, I developed a design system to streamline the UI design process and ensure consistency across the app. This includes using SF Pro Display for typography, along with a defined set of colors and buttons.

High-Fidelity

After structuring each screen and creating the design system, I proceed with designing the actual app, prototyping the user flows for adding and paying bills using the app wallet.

PROTOTYPING

I also mapped out user flows for various scenarios in this app, such as adding a bill and making payments seamlessly.

Adding a new bills

This flow shows the onboarding process and how users can add bills via the quick action button on the home screen. Categories and a search feature help users quickly find bills and input details like amount, due date, and frequency.

Paying bills using the App

In this flow, users can pay their bills using the In-App wallet or card linked to the users account.