User Flow Mickael Rutembya · Flow Atlas

Capabilities catalogue

/expertises/

Visitor browses the ten capabilities, filters by family and confidence, and opens an offer detail.

User intent

What the visitor is trying to do

« I want to see all ten capabilities, understand the day-rate landscape, and find the offer that matches my environment. »

Entry points

ElementDestination
Nav "Solutions"/expertises/
Hero matrix capability tiles/expertises/<slug>/
Home "Voir les dix compétences"/expertises/

Flow

Adjacent routes — click a node to open it.userflow
flowchart LR Start(["Visitor arrives"]) --> Caps["/expertises/ (Capabilities)"] Caps --> Filter["Filter by family / confidence / sort"] Filter --> Caps Caps --> Offer["/expertises/<slug>/ (Offer detail)"] Offer --> Eng["/contact/#call-qualifier"] Offer --> Calc["/outils/calculator/"] Eng --> End(["Engagement started"]) Calc --> End click Caps "https://mickael-umt.com/expertises/" "Open Capabilities" click Offer "https://mickael-umt.com/expertises/agentic-ai/" "Open Offer" click Eng "https://mickael-umt.com/contact/#call-qualifier" "Open Qualification" click Calc "https://mickael-umt.com/outils/calculator/" "Open Calculator" click End "https://mickael-umt.com/contact/#call-qualifier" "Open Qualification"

Screen inventory

IDScreenUser task
P0Capabilities listingBrowse and filter ten capabilities
P1Offer detailReview mechanism, deliverables, evidence
P2QualificationSubmit structured call-qualification form
P3CalculatorEstimate engagement budget

Flow scenario

Scenario C1

IT platform lead compares AI security vs agentic AI

Trigger

  • Visitor opens /expertises/ from the nav
  • Filters by "IT & plateformes data" family
  • Opens "AI Security, Assurance & DevSecOps"

Experience

  1. The capabilities page shows all ten offers with confidence labels and day-rate references.
  2. The visitor filters by "systems" family to narrow to IT-relevant offers.
  3. The offer detail page shows the before/after block, mechanism, deliverables, and public evidence.
  4. The visitor clicks "Qualifier une mission" → contact page with qualification form.
  5. On submit, the lead is created and the owner receives an audit event.

Trust and safety rules

  • All pricing is public and deterministic; no coefficient reaches the browser.
  • The calculator access gate blocks disposable and non-routable domains.
  • Payment pages are blocked by robots.txt and carry no editorial SEO value.
  • No card data touches the server; Stripe hosts the checkout page.

Interaction rules

  • Mobile fields use 16 px text to avoid browser zoom.
  • Reduced-motion preferences disable nonessential transitions.
  • Language toggle switches FR/EN across all strings.

Result states

StateWhat the visitor seesWhat happens next
BrowsingCapabilities listing with filtersVisitor narrows to one offer
QualifiedConfirmation with quote contextOwner reviews lead
ConvertedStripe return page with entitlementsBuyer downloads or books