← All projects

MOBILE / INTERACTION DESIGN

Dime / Budget & Expense Tracker

Less effort.
A simpler money habit.

A minimal iPhone finance experience connecting quick expense entry with clear spending insights and category budgets.

My role
Sole UX/UI designer
Project focus
Expense entry, spending insights, and category budgets
Discipline
Mobile interaction design
Tools
Figma, Canva, Miro, Adobe XD

01 / THE CHALLENGE

Make the everyday action easier.

Recording expenses is a repeated task. My case study focuses on reducing the effort of that task and helping people understand their spending through a clear, approachable interface.

THE APP / INTERFACE DETAILS

From entry to insight.

A closer look at the interface, from managing categories to reviewing everyday spending. Select a screen to open its clickable walkthrough.

Swipe to explore the screens →

Entry & categories

Expense entry with amount, note, date, category, and numeric keypad
Expense entry
Expense categories with emoji labels, colors, and suggested categories
Expense categories
Income category management with Investments, Paycheck, Refund, and suggestions
Income categories

Screenshots supplied by Meryem Dogan. View Dime on the App Store (opens in a new tab).

Open clickable Dime prototype (opens in a new tab)

A screenshot-based navigation prototype. Highlighted areas connect the supplied screens; amounts and text remain part of the images.

02 / MY APPROACH

Keep the core tasks within reach.

My design work on Dime centers on a simple finance experience: entering an expense, assigning a category, and reviewing spending. The published interface uses a numeric keypad for amount entry and clear visual summaries for financial insights.

Core tasks shown in the app

  1. 01Enter an amount
  2. 02Choose a category
  3. 03Review spending

03 / DESIGN DIRECTION

The reasoning
behind the direction.

01

Focus on the repeated task

The expense-entry screen gives the amount visual priority and keeps the keypad, date, and category in the same view. The layout focuses attention on the task of recording a transaction.

02

Make spending easier to read

The insights screen combines totals, bar charts, and color-coded categories. These elements give the spending overview a clear visual hierarchy.

04 / NEXT ITERATION

What I would test next.

I would test how quickly first-time users can record an expense, whether they understand the category controls, and how easily they can find a specific spending insight. I would also evaluate readability at larger text sizes and whether charts remain understandable without relying on color alone.

These are proposed evaluation questions, rather than findings from a completed study.

Project context & outcomes

My original portfolio presentation documents my case study. The published app is also available on the App Store, where you can explore the current product description and screenshots.

Read the original portfolio (opens in a new tab)View Dime on the App Store ↗ (opens in a new tab)

NEXT CASE STUDY

BilancePersonal Finance App