Task Flow Mickael Rutembya · Flow Atlas

Contact Form

/contact/

Atomic steps for a visitor submitting a free-form message or structured qualification form on the contact page.

Task intent

What the user is trying to do

« Send a message or qualification request to the team and receive confirmation. »

Entry points

ElementDestination
Footer Contact link/contact/
Home CTA/contact/
Offer detail Contact button/contact/

Flow

Adjacent routes — click a node to open it.taskflow
flowchart TD A["Start: visitor clicks Contact"] --> B["Land on /contact/"] B --> C["View contact form"] C --> D{"Choose form type"} D -->|Free-form| E["Fill name, email, message"] D -->|Qualification| F["Fill structured form"] F --> G["Select outcome, urgency, budget"] G --> H["Select format preference"] H --> I["Submit qualification"] E --> J["Submit message"] I --> K["Backend validates and stores lead"] J --> K K --> L["Confirmation shown"] L --> M["Team notified via email"] M --> N["End: follow-up scheduled"] click B "http://localhost:8000/contact/" "Open Contact"

Steps

StepActionSystem response
1Visitor navigates to /contact/Server renders contact template with forms
2Visitor chooses free-form or qualificationForm toggles or page scrolls to section
3Visitor fills required fieldsClient-side validation on submit
4Visitor submits formPOST to /contact/ with CSRF token
5Backend validates inputServer-side validation, spam check
6Lead/message savedDatabase record created
7Confirmation shownSuccess message rendered
8Team notifiedEmail sent to owner

Scenario

Scenario

CTO submits structured qualification

Trigger

  • CTO wants to engage AI Production Assurance
  • Clicks "Qualifier" from home or contact page
  • Scrolls to structured qualification form

Experience

  1. Contact page loads with two form options.
  2. CTO selects "Call qualification" tab.
  3. Form asks: outcome, urgency, budget, format.
  4. CTO selects "AI Production Assurance", "3 months", "50-100k€", "Embedded".
  5. Form submits successfully.
  6. Confirmation message: "Your request has been received."
  7. Owner receives email notification with lead details.

Trust and safety rules

  • Form uses CSRF protection on all POST requests.
  • Email addresses are validated server-side.
  • Spam protection via honeypot or rate limiting.
  • No raw message content is logged in plain text.
  • Confirmation does not reveal whether email exists in database.

Interaction notes

  • Form POSTs to /contact/
  • Free-form form: name, email, message fields.
  • Qualification form: outcome, urgency, budget, format, email.
  • confirm_devis token validated if present in query string.

Result states

StateWhat the visitor seesWhat happens next
DraftingForm with empty or partially filled fieldsContinue filling or abandon
SubmittingForm processing indicatorValidation runs
SuccessConfirmation messageLead created, team notified
ErrorField-level error messagesVisitor corrects and retries