Task Flow Mickael Rutembya · Flow Atlas

Payment Page

/paiement/

Atomic steps for a user to complete payment for a quote or order.

Task intent

What the user is trying to do

« Pay for a quote or order securely and receive confirmation. »

Entry points

ElementDestination
Quote Pay button/paiement/
Checkout Payment step/paiement/
Direct link From email/paiement/

Flow

Adjacent routes — click a node to open it.taskflow
flowchart TD A["Start: user opens payment"] --> B["/paiement/"] B --> C["Review amount and order"] C --> D["Select payment method"] D --> E["Enter payment details"] E --> F["Submit payment"] F --> G{"Payment successful?"} G -->|Yes| H["Show confirmation"] H --> I["End: payment complete"] G -->|No| J["Show error and retry"] J --> D click B "https://mickael-umt.com/paiement/" "Open Payment" click I "https://mickael-umt.com/paiement/confirmation/" "Open Confirmation"

Step inventory

IDStepActionSystem state
S1Open paymentNavigate to payment pageOrder loaded
S2ReviewConfirm amount and orderNo state change
S3PayEnter details and submitProcessing
S4ConfirmView confirmationPayment recorded

Flow scenario

Scenario PP1

Client pays deposit for a mandate

Trigger

  • Client clicks pay from quote email
  • Needs to secure mandate start date

Experience

  1. Payment page loads with amount and order reference.
  2. Client selects card or bank transfer.
  3. Enters details and submits.
  4. Payment succeeds; confirmation is shown.

Trust and safety rules

  • Payment is PCI-compliant; no card data stored.
  • Transaction is logged with order reference.
  • Receipt is emailed automatically.

Interaction rules

  • Payment methods: card and bank transfer.
  • Client-side validation before submit.
  • Confirmation page with receipt and next steps.

Result states

StateWhat the user seesWhat happens next
FormAmount and payment methodUser enters details
ProcessingSpinner or disabled buttonPayment runs
ConfirmedSuccess message and receiptUser receives email
ErrorPayment error messageUser retries or contacts support