Logo of UI Challenges
Sign in

Gallery

See what others have created

Transfer & Send Money
H

hatefulskirmish

@hatefulskirmish

MediumSaaS

Transfer & Send Money

Design a transfer flow for sending money to another person or account. Start with recipient selection, then amount entry, then a review step before submission. Keep each step focused on one decision, with the next action always visible.

Support three ways to choose a recipient: search by name, pick from recent contacts, or scan a QR code. Show how the screen handles an empty recent list, a partial match search, and a selected recipient with editable details.

The amount step should make balance, fees, and total deduction easy to read before the user commits. Include a clear currency input, quick amount chips or presets, and helper text for transfer limits if they apply.

Finish with a confirmation state that shows who gets the money, how much is sent, and whether the transfer is instant or pending. Add failure states for invalid recipient, insufficient funds, and transfer interruption, with a clear path to fix or retry.

What to deliver

  • Design a send-money flow with recipient selection, amount entry, and review.
  • Include at least three recipient entry methods: search, contacts, and QR scan.
  • Show a confirmation screen with transfer details and status.
  • Add error, insufficient-balance, and pending states.
  • Make the primary action clear at each step.

Incorporate familiar icons and colors that represent currency and transactions to create an immediate sense of trust and recognition.