Nothing selected
on your behalf.
Every tip begins as an explicit choice. Presets, a custom amount and “No tip” stay visible together. The total updates only after a selection.
A little clarity at the table.Independent project · UX / UI
TipEasy ✳
A little thanks. On your terms.
A good meal$48.00
Tax$3.84
Your tip · 20%$9.60
No surprises.$61.44
REVIEW IT. CHOOSE IT. CONFIRM IT.A tip should feel like
a choice, not a test.
a choice, not a test.
01 / The ideaLess uncertainty at the table
The tricky part
isn’t the maths.
An unfamiliar tipping culture can turn the end of a meal into a moment of hesitation.
TipEasy explores a calmer way to understand the bill, choose a tip and carry that choice to a dining terminal. The receipt is the thread connecting the experience.
This refinement focuses on three questions: what is already included, what am I adding, and what happens when I confirm?
- My contribution
- Independent project
Research, UX/UI & service concept - Project
- Cross-cultural dining concept
- This edition
- Bill-to-terminal journey · Design system V2
A familiar object. A clearer interaction.
The receipt
sets the table.
A table number gives the bill a place. The torn edge makes the paper recognisable. A handwritten thank-you adds warmth after the decision.
The texture belongs to the setting. The numbers get a clean, white surface.
02 / The design directionClarity before commitment
A choice
you can explain.
The original concept brought cultural context to tipping. This edition develops the moment of decision, with a visible calculation and a way back at every step.
Nothing selected
Already included.
Clearly separated.
A billed service charge appears before the tip choices. Additional tip stays on its own line, and percentage amounts use the subtotal before tax.
One amount.
Across two screens.
The phone and terminal repeat the table, bill number and total. A failed connection keeps the choice intact. A confirmed summary stays unchanged when another bill is edited.
What supports this direction? ＋
The archived project contains research and early prototype material. Participant counts, test records and hardware completion have not been independently confirmed. These refinements are design proposals, not measured usability results. The example bill and tip rates demonstrate the interaction; they are not claims about local tipping norms.
03 / Try the experienceAn interactive concept
The bill.
The choice.
The handoff.
Follow one amount from start to finish.
Choose a tip, enter your own amount or choose zero. Review the calculation, open the terminal and confirm. Try a connection issue along the way, then find the same amount in Saved.
Choose an example bill
Amounts shown before an optional tip. Switching examples starts a new choice and keeps the latest confirmed summary.
A simplified, local demonstration. No account, payment or external service is connected. Changes reset when the page reloads.
04 / The interfacesA connected family of states
Every line
has a reason.
The peach table ticket anchors the bill. White receipts hold the figures. Lilac brings attention to an included charge; sage marks an amount that has been confirmed.
Interface collection / tap to enlarge
One connected decision / 02 surfaces
Your choice.
Still your choice.
The terminal carries the same bill forward. A large total makes the handoff easy to check, with a clear return to the phone if anything needs changing.
Try the connected flow ↗05 / Design system V2Paper character. Digital precision.
Warm around
the edges.
A restrained material language gives the interface its identity. The system keeps money, reading and action consistent across the phone and terminal.
INK / ACT#292525
PEACH / CHOOSE#FFB093
PAPER / REST#FBF7F1
LILAC / NOTICE#DED7EC
Inter / Clear amounts, clear hierarchy
$61.44Subtotal. Tax. Service charge. Your tip.
Title 30 / 35 · Body 16 / 24
Supporting 14 / 20 · Amount 36 / 40
Selection has a shape.
Fill, outline and a persistent selected state work together. “No tip” has the same target size as the percentages.
Amounts line up.
Consistent decimal places and aligned figures support checking. A 54 px primary action and 24 px screen margins keep the frame stable.
States are designed.
Default, selected, disabled and error treatments belong to reusable components. Receipt rows change without changing their hierarchy.
The original physical exploration
A service idea
with a physical side.
The archived project explored RFID, Arduino, an OLED display and thermal printing. Those materials informed the idea of a handoff at the table.
The new terminal interface demonstrates that interaction. It does not establish a completed payment integration.
06 / Looking backA proposal, with a next step
A little thanks.
On your terms.
Design decision
Familiarity should help the decision.
I kept the receipt metaphor, but reduced its visual noise. Table tickets, clear totals and a handwritten closing each have a place in the sequence. The amounts remain easy to inspect.
Next validation
Test the moments that could be misunderstood.
Next, I would ask a diner to identify the service charge, choose no additional tip, explain the total and recover from a connection problem. I would also check whether the terminal confirmation is understood as an amount confirmation, not a completed payment. These are proposed tasks, not completed findings.
Project & image credits ＋
TipEasy is an independent project. The 2026 V2 flow, terminal interface and component system extend the original concept. Bill amounts are illustrative. The bill-presenter scene is AI-generated; the hardware board is original portfolio material. Texture stays outside monetary reading areas. The 2026 portfolio revisit uses AI-assisted interface refinement and presentation production under my direction. No launch or measured usability improvement is claimed.