← All work
Tide

A card machine that's just your phone.

Small businesses lose sales when they can't take a card on the spot, and a reader means extra kit, cost and setup. I designed Tide's Tap to Pay on iPhone from scratch: accept contactless payments with only a phone, live in under a minute.

Small businesses lose sales without a card reader. I built Tide's Tap to Pay on iPhone: take payments with just a phone.

Role
Sr. Product Designer
Company
Tide
Year
2023
Platform
iOS · Fintech
Tide app introducing Tap to Pay on iPhone, accept contactless payments with only an iPhone

See it in action

What Tap to Pay feels like in the hand.

A customer tapping a card to pay on a Tide member's iPhone
Problem

Micro-businesses turned away card-paying customers, or paid for, carried and charged a separate reader just to take one payment.

Solution

Tap to Pay on iPhone, designed end-to-end: a contextual intro, a sub-minute setup, a flow that handles taps and PINs, and settlement folded into one ledger.

Impact

£29.7M gross annual transaction revenue and a 4% lift in market share.

See how it's built Open the working file in Figma ↗

01 · The opportunity

A new market in our members' pockets.

When Apple opened up Tap to Pay on iPhone, it turned any recent iPhone into a contactless card reader, with no extra hardware. For Tide, whose core business was selling and supporting card readers, that was not a threat but an opening: a way for members to start taking cards with nothing but the phone already in their pocket.

Apple's Tap to Pay turned any recent iPhone into a card reader. For Tide's card-reader business, that was an opening, not a threat.

The timing was right. Most Tide members in the UK already carried a compatible iPhone, so the usual adoption hurdle, buy a device, wait for it, set it up, mostly fell away. Tap to Pay could reach the sole traders and pop-ups who would never invest in a dedicated reader, expanding the payments business rather than cannibalising it. My brief was to design that experience from scratch.

Most UK members already carried a compatible iPhone, so the "buy a device" hurdle vanished. My brief: design it from scratch.

02 · The problem

A sale you can't take is a sale you lose.

Tide's members are sole traders, market stalls and pop-ups, people who sell in person but rarely carry a card machine. Their customers had already moved to contactless, so a "cash only" moment wasn't a small inconvenience; it was a lost sale, walking out of the door.

Tide's members are sole traders and stalls who rarely carry a card machine. Their customers went contactless, so "cash only" meant a lost sale.

The obvious fix, a card reader, carried its own tax: another device to buy, another thing to remember, another battery to keep charged, another setup to get through. For someone taking a handful of payments a week, that overhead rarely made sense. The phone in their pocket, though, was always there and always charged.

A card reader is another device to buy, remember and charge. For a few payments a week it rarely paid off; the phone in their pocket was always there.

"I've lost customers at a stall because the only reader I owned was sitting at home on charge."

03 · Research

Learning how Britain pays.

This was the part that changed me most as a designer. I had designed for payments in India, where UPI is the reflex and most people are on Android. The UK runs on a different mental model: cards are the default, contactless is second nature, and Apple's penetration is deep. I could not design for that market by quietly assuming my own habits.

The part that changed me most. I'd designed for India, where UPI is the reflex. The UK runs on cards, so I couldn't assume my own habits.

So I went and listened. I spoke with 20 people across the UK about how they actually pay, day to day, and what runs through their mind when a stranger holds out a phone to take their money. Understanding payments the way they see them, rather than the way I was used to, is what shaped the trust, the wording and the pacing of the flow that followed.

So I listened: 20 people across the UK on how they actually pay. That shaped the trust, wording and pacing of the flow.

04 · Approach

Design the whole journey, not just the tap.

Apple's Tap to Pay on iPhone handled the hard technical part: turning the NFC chip into a contactless reader. My job was the trust and the journey around it: getting a first-timer from "I didn't know my phone could do this" to confidently taking money from a stranger, and knowing it landed.

Apple handled the hard part, turning the NFC chip into a reader. My job was the trust: a first-timer confidently taking money, and knowing it landed.

I mapped that journey into four moments and designed each so it could stand on its own, reusing Tide's existing Get Paid surface so the feature felt native, and respecting the constraints that shape every payment product: Apple's entitlement rules, contactless limits, and PCI.

I mapped the journey into four moments, each standing alone, reusing Tide's Get Paid surface so it felt native while respecting entitlements, limits and PCI.

  • Discover: surface the feature where members already are
  • Set up: earn trust in under a minute, then get out of the way
  • Get paid: one loop for both a £5 tap and a £147 PIN
  • Reconcile: land the money in the same ledger as everything else

05 · The flow

Four moments, one uninterrupted flow.

Here's the journey a member actually walks, from spotting Tap to Pay on their home screen to watching the settlement land. Each moment was designed to remove a specific hesitation.

The journey a member walks, from spotting Tap to Pay on the home screen to watching settlement land. Each moment removes a specific hesitation.

01

Discover

Tap to Pay had to feel like part of Tide, not a bolt-on. So it surfaces on the Payments home members open every day: a single prompt that states the value and the cost up front, before asking for anything.

Tap to Pay surfaces on the Payments home members open daily: one prompt stating the value and cost up front, before asking anything.

Tide Payments home with account balance and Get paid
Payments home, where members already manage money.
Introducing Tap to Pay on iPhone bottom sheet
A contextual prompt introduces the feature in context.
02

Set up

Setup is where a first-timer decides whether to trust it. I kept it to a single consent, let iOS provision the device in the background (~30s), and pushed a "ready to use" notification so members never have to sit and wait on a spinner.

Setup is where trust is won: one consent, iOS provisions in the background (~30s), then a "ready" push so no one waits on a spinner.

Discover Tap to Pay benefits and agree to terms
Plain-language benefits and a single consent.
Setting up Tap to Pay, provisioning takes about 30 seconds
iOS provisions the device, nothing to plug in.
You're ready to use Tap to Pay, make a test transaction
Nudged to run a £1 test payment to build confidence.
Push notification: Tap to Pay on iPhone is ready to use
A push closes the loop so members can leave the screen.
03

Get paid

The core loop is two steps: enter an amount, hold out the phone. Below the contactless limit it's a single tap. Above it, the flow steps up to a card PIN captured securely on the member's own iPhone, so a £5 coffee and a £147 order feel like the same product.

Two steps: enter an amount, hold out the phone. Under the limit, one tap; above it, a secure PIN on-device, so £5 and £147 feel alike.

Enter a small payment amount and an optional description
Enter an amount and an optional note for the statement.
Hold Here to Pay contactless screen for a small amount
Under the limit: hold the phone out, tap, done.
Enter a larger payment amount of £147
Larger sale? Same start, just a bigger amount.
Enter Card PIN screen for a payment over the contactless limit
Over the limit, the customer's PIN is captured on-device.
Hold Here to Pay contactless screen for £147
Hold-here-to-pay confirms the higher-value tap.
04

Reconcile

Getting paid is only half the job: members need to trust the money landed. Every Tap to Pay sale flows into the same Get Paid ledger as their other methods: clearly tagged, fees itemised, and reconciled into one settlement.

Getting paid is half the job; members must trust it landed. Every sale joins the same Get Paid ledger, tagged and reconciled.

Settlement detail showing total transaction value, fees and settled items
Each settlement itemises value, fees and what landed.
Transactions list with Tap to Pay, card reader and payment link entries
Tap to Pay sits beside card-reader & link income, tagged.
05

Payment declines

The edge cases got attention too. When a card declines, the flow does not dead-end: it keeps the seller in the moment and offers other ways to get paid, another card, a digital wallet, or a payment link, so the sale is not lost.

When a card declines, the flow doesn't dead-end: it offers another card, a wallet or a payment link, so the sale isn't lost.

Payment declined screen offering another card, a digital wallet, or a payment link
Create payment link screen to send a secure link to finish paying

Choosing "Pay using a payment link" hands the customer a secure link to finish paying, so a decline becomes a detour, not a lost sale.

06 · Constraints

Designing inside Apple's rules.

Shipping on Apple's platform meant designing to Apple's guidelines, and they were strict. Apple required its own branding and framing wherever the feature appeared, which shaped copy and layout on almost every screen.

Shipping on Apple's platform meant strict guidelines: its branding and framing wherever the feature appeared, shaping copy and layout.

Always "Tap to Pay on iPhone", never just "Tap to Pay", in product and in marketing.

Tide Get Paid list with the full name Tap to Pay on iPhone
Choose a device screen naming Tap to Pay on iPhone in full
Onboarding screen with the full Tap to Pay on iPhone name in the title and button

Every surface, from the Get Paid list to onboarding, spells out the full name.

Apple's official contactless videos to teach the tap, not Tide's own explainer.

Learn more screen with a Contactless payments row that opens a video
Apple's official How to accept contactless payments with Tap to Pay on iPhone video

The "Contactless payments" row opens Apple's own video, not a Tide-made explainer.

Explicit Apple native screen anywhere it is being used.

Apple native Hold Here to Pay screen showing a £147.00 charge
Apple native Hold Here to Pay screen showing a £25.00 charge

The tap-and-hold moment is Apple's own screen, shown exactly as Apple designs it.

The craft was staying inside these guardrails without the experience feeling bolted-on: keeping the flow unmistakably Tide while meeting every Apple requirement to the letter.

07 · Usability testing

Where 20 sellers got stuck.

We put Tap to Pay in front of 20 users with a full user guide. Taking money with your own phone is a genuinely new behaviour, so a few struggled with the feature at first. Three friction points came back clearly from the team, and each one shaped a fix in the final designs.

We tested Tap to Pay with 20 users and a full guide. Taking money by phone is new, so some struggled at first. Three friction points came back, each shaping a fix.

Understanding the feature

Users needed a walkthrough before their first tap.

So onboarding leads with Apple's official "how to tap" video, teaching the gesture before they go live.

When a payment failed

A decline left them lost: why did it fail, was I charged, how else can I get paid?

So the decline screen now says they weren't charged and offers another card, a wallet, or a payment link.

Finding it in history

Tap to Pay was hard to find in their transaction history.

So every sale joins the same Get Paid ledger, tagged, sitting beside card-reader and link income.

08 · Impact

New sellers, new volume, no hardware.

£29.7M Gross annual transaction-based revenue
4% Increase in market share
< 60s From never-used-it to a live payment

Beyond the headline numbers, Tap to Pay widened who could sell in person on Tide (the sole traders and pop-ups who'd never buy a reader) and pulled contactless volume into Tide's ledger, where it compounds with the rest of the account.

Beyond the numbers, Tap to Pay widened who could sell in person, the traders who'd never buy a reader, and pulled contactless volume into Tide's ledger.

Did you know 😲

Tap to Pay on iPhone runs on the same secure element as Apple Pay. Card numbers are encrypted by Apple and never touch the member's phone or Tide's servers in the clear. The "card machine" is the phone itself, and it forgets the card the instant the sale clears.

Tap to Pay runs on Apple Pay's secure element. Card numbers stay encrypted and never touch the phone or Tide's servers.