Work UX Design

Pennie

Pennie is a smart, user-friendly app designed to make budgeting, saving, and tracking expenses easier; especially for people juggling careers, family, and unpredictable incomes.

Two phones showing the Pennie app home screen with wallet balance and spending chart
Type
UX Design
Scope
  • Competitive Analysis
  • User Flow
  • Branding
  • UI Kit
  • Low & High Fidelity Prototypes
  • Usability Studies

Problem

People with unpredictable incomes feel overwhelmed managing money. Balancing essentials, savings, and goals is challenging, and most budgeting apps are too complex or rigid. This leads to frustration, guilt, and inconsistent habits.

Solution

Pennie simplifies budgeting by helping users track income, log expenses, set goals, and review past spending. With flexible tools and motivational content, it makes money management clear, supportive, and easy to stick with.

Hand holding a phone with the Pennie budget set-up screen

Competitive Analysis

I conducted a competitive audit of four financial apps: Goodbudget, Empower, NerdWallet, and YNAB to understand their strengths, limitations, and user experience strategies. This helped identify opportunities for Pennie to stand out by offering a simpler, more motivating approach to budgeting and saving.

  • GoodBudget

    Uses the envelope budgeting system and offers helpful guides, courses, and savings features. However, its interface can be overwhelming for new users, with a cluttered homepage and confusing navigation.

  • Nerd Wallet

    Focuses on financial literacy with a strong visual interface and a wide range of tools (credit cards, loans, investments). While engaging and well-organized, its dense information can be too complex for beginners.

User Flow

User flow: open the app, sign in or sign up, reach the home screen, then branch to income, expenses, goals, budget set-up and blogs
Pennie

Color Palette

I chose a clean, modern palette to enhance clarity and user engagement. #2C2C2C ensures strong text contrast, #FFFFFF keeps the content readable, #D5EE74 highlights growth and savings, while #B94FE0 adds energy and motivates the user.

  • #2C2C2C
  • #FFFFFF
  • #D5EE74
  • #B94FE0

Typography

I chose Montserrat for its clean, modern style that improves readability and gives the app a simple, approachable feel—ideal for a stress-free budgeting experience.

Montserrat

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1234567890 .,;’!@#$%^&*

UI Kit

UI kit: add button, dropdowns, password fields, calendar buttons, percentage bar, icons, arrows, selection buttons and navigation stepper states

Low Fidelity Prototype

Low fidelity wireframes: splash, sign in, sign up, menu, home, add income, date picker and frequency selector
Low fidelity wireframes: add expense, date picker, goals, add goal, goal type, blogs and an article
High fidelity Home screen with wallet balance, chart and daily tip
Low fidelity wireframe of the Home screen
Home screen · drag to compare

Usability Study

I tested the interactive low-fidelity prototype with 3 participants to evaluate ease of use and navigation.

Insights

  • Users found it hard to move between pages since the only option was the top menu or the search option.
  • Navigation felt slow and unintuitive.

Improvements

I added a bottom navigation bar with icons, making it easier to switch between pages quickly without relying on the menu.

High Fidelity Prototype

Splash and Onboarding Screen
Splash, sign-in and sign-up screens
Home Screen and Menu
Annotated home screen showing menu, wallet balance, income and expense chart, daily tip and navigation bar, next to the open menu
Income Page
Add income form, date picker and frequency selector
Expenses Page
Add expense form with category chips, and its date picker
Goals Page
My goals list, add a new goal form, goal type selector and date picker
Budget Set-up Page
Monthly budget donut chart with set-up form, and the budget period selector
Blogs
Blog list screen and four article screens about saving and budgeting
Close-up of the Pennie home, add expense and goals screens

Usability Study

I tested my final prototype with participants to evaluate how user-friendly and accessible the app was for my target audience.

Pennie goals and budget screens on two phones standing on stone pedestals

Insights

  • Users found the interface clean and easy to understand.
  • Most were able to complete tasks like adding expenses, setting budgets, and viewing progress without help.
  • The new bottom navigation bar improved usability and made switching between pages effortless.
  • Overall, participants felt the app was helpful and motivating for managing their finances.

Final Reflection

Designing Pennie was a fulfilling journey—from research to final design. I gained hands-on experience with new tools and learned the importance of creating solutions that are both practical and emotionally supportive.

Despite some challenges, staying focused helped me grow as a designer. This project reminded me that understanding real user needs is key to building meaningful, relatable experiences.

Next project SkilLender UX Design
SkilLender website concept showing its home page, workshops, products, featured vendors and mission