





Project Overview
The Product
Non-e-commerce web application used for money management, time management, organization, goal setting, planning, shopping, and celebrating small wins.
Duration
October 2023 to April 2024
The Problem
Limited resources to help individuals and groups manage their household budgets and plan for their goals.
The Goal
Design a web application that helps individuals, friends, and family groups manage a household budget and save up for goals (such as a vacation).
My Role
Lead UX Designer
Responsibilities
Wireframing, Prototyping
Research
Ideate
Prototype
Research
We conducted a survey to gain a deeper understanding of users' needs and suggestions for this app.
Survey
Below are the results from a survey that my team and I conducted among our colleagues during my apprenticeship at Tech Talent & Strategy. During the survey process, my team and I received responses that added two categories to our app: chores and a shopping list.


Survey Results:
.png)
_edited.jpg)
Personas:
Ideation








NOTE: Click the Site Map to enlarge the image.

NOTE: Click the Site Flow to enlarge the image.
Paper Wireframes







Prototype
Lo-Fi Prototype








Hi-Fi Prototype Layout:
Button selection for each page provides users with easy access to move from page to page.
Total amount of calculations for Bills.


Name of Bill.
Amount of Bill.
Counter for Bills to add or subtract calculations.
Color-coded Chores per assigned person.
Person assigned to pay the Bill.
Person assigned to complete the Chore.
Slider to confirm completed Chore.

Color-coded Goals to focus on one goal at a time.
Slider to confirm completed Goal.

Checkbox to confirm purchased item on Shopping list.
Organize the Goals due date to have a layout of what to accomplish.
Summary of what the page provides.

Example to advise user how to use the interactive tool while visiting the page.
Accessible Hi-Fi Prototype Layout
Home

Bills

Chores

Goals

Shopping

How It Works

About Us

Solution
Final Design

NOTE: Click the phone screen to play the video.
Accessible

NOTE: Click the phone screen to play the video.
_edited.jpg)

