One-shot prototype

I've built the prototype as a single clickable desktop screen, 1280 wide, in the design canvas. Alex Morgan goes from capture to review to saved expense. I haven't run through it in a browser yet, so the clicks and the amount field still need a first test.

Capture: "Use sample receipt" stands in for the camera or upload. The "Upload file" button is greyed out, and a line says it's simulated. Reading: a short scanning animation plays, then the app moves on by itself. Review: the receipt image sits on the left and shows a total of £38.40. The amount field comes pre-filled with the misread £83.40, marked amber with "Check · low confidence", and a banner asks Alex to check it against the receipt. While the amount field is selected, the TOTAL line on the receipt is highlighted. Correcting: typing 38.40 turns the field green with "Changed from £83.40". There's an "Undo change" button, the save button updates to "Save expense · £38.40", and saving is blocked if the amount isn't a valid number. Saved: a confirmation appears, and the new expense is at the top of the September list with the corrected £38.40. Under it a note reads "Amount corrected by you · read as £83.40", and the month total includes the new amount.

Where I filled gaps:

Only the amount is editable. Merchant, date, category and card are shown read-only, since the flow is about the amount. Saving without correcting is allowed, as it would be in a real app. In that case the £83.40 is what gets saved. Made-up details: the app is called "tally", the taxi firm is "CityLine Cars" (£34.40 fare + £2.50 booking fee + £1.50 tip), the approver is Priya Shah, and there are three earlier September expenses.

"Add another expense" or "Use a different receipt" resets the flow.