MoneyPail Mobile App

MoneyPail is a social group saving app for events, group meals, bills, and trips. This is a case study to display my UI/UX design capabilities. MoneyPail was originally 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’s 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

  • UI/Interaction 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, and Add Funds or Spend Funds.
The groups can be created and shared with other users.

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.
I will have two button sections at the bottom of the interface within events, one for Add Funds and one for Spend Funds.
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 bank/card information already 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 Pay, 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 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 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

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 to Arienne Cancel 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 )

Google photo

You are commenting using your Google 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