All my work03 / Transactify · Mobile Payment App

Clarity at each step
of a payment.

Exploring how a mobile wallet can guide people from account overview to payment confirmation.

Role
Sole designer
Scope
Research, UI & testing
Tools
Figma
Format
Mobile design prototype
Transactify account dashboardTransactify filled payment screenTransactify successful payment state

Original Transactify design screens from the Mobile Payment App PDF. Names, balances, and payment details are prototype content.

01 / The project

A small action with important details.

Transactify is a solo mobile payment project exploring everyday wallet tasks: checking an account balance, managing payment methods, sending a payment, viewing transactions, and depositing money.

I designed the interface and conducted interviews, cognitive walkthroughs, unassisted walkthroughs, and A/B comparisons as part of the project’s design process.

02 / Interaction design

Give each step a recognizable state.

START

Orient on the dashboard.

Account balance and wallet actions provide a starting point.

ACT

Enter the payment details.

Payment and card-entry screens organize the information needed for the task.

CONFIRM

Show what happened next.

Payment and deposit confirmation states complete the intended interaction.

03 / Next iteration

Make mistakes easier to prevent and recover from.

The next design pass would make review, validation, and error recovery more explicit, alongside a consistent type scale and spacing system. Transaction history should use readable mobile rows with realistic sample content.

This is a design prototype, not a live financial service. The available screens show an intended payment flow, without claiming that money moves or that measured task performance improved.

View the design in Figma

Figma access may be required.

Next project

Homely

View project