Task Flow Mickael Rutembya · Flow Atlas

Offer Detail

/expertises/<slug>

Atomic steps for a visitor inspecting a specific offer: mechanism, deliverables, evidence, pricing, and CTAs to qualify or estimate.

Task intent

What the user is trying to do

« Understand what this engagement delivers, how it works, and what it costs — then decide if I want to request a quote. »

Entry points

ElementDestination
Capabilities catalogue offer card/expertises/<slug>
Expertise category offer card/expertises/<slug>
Programmes related offer/expertises/<slug>

Flow

Adjacent routes — click a node to open it.taskflow
flowchart TD A["Start: visitor clicks offer"] --> B["Land on /expertises/<slug>"] B --> C["Read hero and promise"] C --> D["Review mechanism section"] D --> E["Check deliverables"] E --> F["View evidence and references"] F --> G["See pricing / day-rate"] G --> H{"Choose action"} H -->|Request quote| I["Navigate to /contact/"] H -->|Estimate| J["Navigate to /outils/calculator/"] H -->|Related| K["Click related capability"] K --> L["Land on capability detail"] H -->|Back| M["Navigate to /expertises/"] click B "http://localhost:8000/expertises/agentic-ai/" "Open Offer" click I "http://localhost:8000/contact/" "Open Contact" click J "http://localhost:8000/outils/calculator/" "Open Calculator" click K "http://localhost:8000/expertises/agentic-ai/" "Open Capability" click M "http://localhost:8000/expertises/" "Open Capabilities"

Steps

StepActionSystem response
1Visitor navigates to /expertises/<slug>Server renders offer detail with hero, mechanism, deliverables
2Visitor reads mechanism sectionStructured explanation of how the service works
3Visitor reviews deliverablesConcrete outputs listed with descriptions
4Visitor checks evidencePublic repos, audit proofs, references
5Visitor sees pricing contextDay-rate references and coefficient info
6Visitor clicks CTANavigate to contact, calculator, or related pages

Scenario

Scenario

CTO evaluates AI Production Assurance offer

Trigger

  • CTO searches "AI production assurance"
  • Clicks organic result to offer detail
  • Wants to understand deliverables and cost

Experience

  1. Offer page loads with hero and promise.
  2. Mechanism section explains the 4-phase approach.
  3. Deliverables list shows 4 concrete outputs.
  4. Evidence section shows public GitHub repos.
  5. Day-rate reference gives budget context.
  6. CTO clicks "Request quote" → contact form.

Trust and safety rules

  • Structured data (Service schema) present for rich SERP.
  • No inflated claims — mechanism and deliverables are specific.
  • Evidence links point to public repositories.
  • Pricing is transparent — day-rate references help budget.

Interaction notes

  • Page uses Open Graph and Twitter Card meta tags.
  • Bilingual content via data-fr/data-en.
  • Related offers filtered by capability family.
  • Offer URL is stable and SEO-friendly.

Result states

StateWhat the visitor seesWhat happens next
BrowsingOffer detail with all sectionsMay click CTA or return
QualifyingContact formSubmit qualification request
EstimatingCalculator with contextGet a public quote
ConvertingLead createdTeam notified, follow-up scheduled