MoneyPail Mobile App

While attending the Brainstation UI design course, I discovered the problem of budgeting for groups and couples. MoneyPail is a social group saving app for events, group meals, bills, and trips. This was primarily created with Adobe XD and Invision.

The Problem Space

Saving money to buy group tickets, having collaborative events/trips, or having group lunches/dinners can become an issue when it is time to split the cost. Deciding who will pay all the funds first and collect the money later can be a hassle. Whether it is for a surprise birthday event, or a group vacation is it difficult to save the money collectively all in one place.

My Role

  • User Interface Designer

Proposed Solution

I am to create an app that allows you to collectively budget, save and spend
money as a group. This app is to help make saving and spending money as a group less of a hassle.

The app will be divided into many parts:

  • Groups ->Events with the group
  • Add Funds or Spend Funds.

The group administrator will have all access to the funds. Once the group is created, users can add custom event categories. This will guarantee a more organized budget for the event/outing. Event examples can be specific outings, occasions, trips; or can go towards more specific items like food, housing, transportation, etc. You can also set saving goals for each event.

In the Add Funds section within the group chosen, users can select a specific amount they will want to add. Their account will have their card information saved from the initial sign-up. Users will be able to see the total amount saved for that event.
In the Spend Funds section within the event chosen, the admin users will be able to either export their funds to a financial account, or pay for the items using features such as Apple/Google Pay, or another mobile banking pay system. They will also be given access to refund extra funds back to all users if needed.

Target Audience

24-40 years old.

Millennials and older Gen Zs.

Friends, couples and coworkers who love to travel, go out to eat in groups, spend money collectively.

Preferably young adults who have money to spend on leisure activities.

Style-Guide and Mood Board

Moodboard originally was created with Invision send then transferred to Photoshop.

Sample of My Design Process from Low to High Fidelity

wireframe sketches
User Flow from the start of the app, creating a group and adding money to pails
low to high fidelity wireframes
Pails are saving categories, designed for organized budgeting
low to high fidelity wireframes
Easily add money to the pail
Final Visual Product of MoneyPail

App Prototypes

MoneyPail Landing Page

See the full presentation below !

Presentation and App Design Copyright of Arienne Johnson of Arienne Visuals.

One reply on “MoneyPail Mobile App”

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s