VINR · Split the Bill
A one-screen payment flow for splitting a shared bill — who owes what, who already paid, one tap to settle.
[ N° 02 // Visuals ]
Inside the work.
Drag, swipe or use the arrows to scrub through the project's key frames.
01 / 00
[ N° 03 // The Story ]
From brief
to outcome.
Overview
VINR turns a group dinner into a single secured payment link. The screen leads with your share, keeps the total bill secondary, then lists every participant with a live paid/pending state and a 2/4 counter.
Problem
People chase each other for money after the fact. The design had to make the outstanding amount and the remaining payers impossible to misread.
Challenge
Split-payment flows usually take four screens and a mental-math tax. This had to resolve in one glance and one tap.
Outcome
A deep-green mobile screen with a clear amount hierarchy, colour-coded participant rows and a single high-contrast pay action above a cancel escape hatch.
[ N° 04 // Process ]
Problem
to pixel.
Every project moves through the same spine — research, wireframes, mockups, ship — but the weight on each step changes with the brief.
- 01 · Frame01 / 04
One number first
'You pay 17.10 EUR' is the largest element on screen; the total bill sits beneath it as context, not competition.
- 02 · Status02 / 04
Who's settled
Each participant row carries an avatar dot, a name and a paid/pending label, with a 2/4 counter above the list so progress reads instantly.
- 03 · Trust03 / 04
Secured link
A small lock line above the CTA reassures that the payment happens over a secured VINR link — the only copy between the list and the action.
- 04 · Action04 / 04
Pay or leave
One bright pay button repeating the exact amount, with a quiet outlined cancel below it. No hidden steps, no confirmation maze.
