Top Level

Wireframe · Step 13 — Work Order Prepayments

Technician payment collection against the work order for cash, check, and card in phase 1.

Pre-payments are now explicit in the mobile story.
Method

Select payment method

The technician starts with amount and method selection before moving into the specific capture flow.

9:41●●● 100%
Prepayments WO-000046 · HVAC Maintenance
🎤
Collect
History
Summary
Collect deposit before work starts
Apply the payment directly to the work order and keep the remaining balance visible.
Phase 1 Cash Check Card
Payment amount
$500.00
Payment method
Card Cash Check
Apply to
Work order prepayment balance
Remaining deposit due after this payment
$0.00
Continue to payment
Open payment history
Cash / Check

Manual entry path

Cash and check should use a simple manual capture flow with reference details and immediate confirmation.

9:42●●● 100%
Manual Prepayment Cash or check
Method
CardCashCheck
Amount
$500.00Edit
Reference
Receipt or check number
Received from
Adam Wilson
Apply to
Work order prepayment balance
🧾
Receipt handling
Generate receipt after manual payment is saved
✉️
Email receipt
Optional immediately after save
Save manual prepayment
Cancel
Card

Credit card entry and processing

The card path should show both the entry state and the short processing state so the handoff is unambiguous.

9:43●●● 100%
Card Prepayment $500.00 deposit
Card entry
•••• •••• •••• 1288Reader / Keyed
Name on card
Adam Wilson
Billing ZIP
19002
Apply to
Work order prepayment balance
Card processing
Once the technician confirms, the payment moves through a short processing state before the work order updates.
Authorizing Do not close app
Process card payment
Back to method selection
Success

Processed and synced

After capture, the technician should see a clear success state plus sync visibility and next actions.

9:44●●● 100%
Prepayment Captured WO-000046
$500 prepayment captured successfully
The payment is attached to the work order and reflected in the prepayment history.
Processed Synced Card · Last 4 1288
💳
Collected now
Card payment applied immediately
$500
🧾
Applied to work order
Visible on prepayments history and work-order summary
$500
Remaining deposit due
Still collectible later if needed
$0
Email receipt
Collect another payment

Mobile adaptation — Work Order Prepayments

The storyboard makes this explicit: technicians need to be able to collect pre-payments in v1 even though invoicing stays in the back office. The payment flow therefore belongs directly on the work order so it stays close to the field execution path.

What this screen simplifies

States shown

Voice examples

🎤"Take a five hundred dollar card prepayment for this work order."
🎤"Record a check deposit and email the receipt to Adam Wilson."

Open question

We still need to confirm how much financial detail from the work order should be visible to the technician on mobile. This prepayment view assumes the technician can see the payment amount, payment status, and the amount still due, but deeper financial detail may need a tighter role boundary.