Repeating pattern of wallet app category screens on dark phones

iOS Wallet Feature

WALLET

UI / Mobile App / Interaction

Spending insight, before it becomes overspending.

Designing a new feature for an existing wallet app

This project designs a new feature set for an iPhone wallet app: category-level spending tracking, saving tips triggered by overspending, and a discounts hub tied to the user's cards. The dark, high-contrast UI keeps balances and warnings legible at a glance.

Year
2026
Type
UI / UX, Mobile App
Role
Product Design, UI Design
Tools
Figma

Home screen

The home screen leads with the total balance and monthly budget bar, then stacks the user's cards below, so spendable balance and available cards are visible without a single tap.

Wallet app home screen showing balance and stacked cards
Total balance, budget bar and card stack.

Expenses & statistics

Every purchase lands in a running expenses list grouped by merchant and date, while the statistics view rolls the same data into a yearly bar chart and a category breakdown, so patterns surface without digging through transactions one by one.

Wallet app expenses list with per-purchase detail
Expenses list with per-purchase detail and location.
Wallet app yearly statistics and expenses limit screens
Yearly statistics and category breakdown, with an editable expense limit.

Saving tips & category budgets

When a category runs over its average, the app surfaces a targeted saving tip, like setting a category limit, instead of a generic notification. Category budgets use color-coded rings so overspending reads instantly across the whole set.

Wallet app saving tips and category limit screens
Saving tips triggered by a category running over budget.

Discounts hub

A dedicated discounts screen lets users filter offers by nearby, online or all retailers, surfacing the brands most relevant to their existing spending.

Wallet app discounts screen with retailer list
Discounts, filtered by proximity and retailer.