User Flow Mickael Rutembya · Flow Atlas

Expertise Category

/expertises/<category>/

Visitor browses a filtered expertise category: sibling category chips, offer cards in that family, related CV capabilities, and CTAs to qualify or estimate.

User intent

What the visitor is trying to do

« I want to see all offers in one expertise family and compare them before choosing. »

Entry points

ElementDestination
Category chip Sibling category/expertises/<sibling>/
All ten link/expertises/
Offer card Any offer in category/expertises/<slug>/
Capability card Related CV capability/expertises/<slug>/
Primary CTA "Qualifier une mission"/contact/#call-qualifier
Secondary CTA "Estimer une enveloppe"/outils/calculator/

Flow

Adjacent routes — click a node to open it.userflow
flowchart LR Start(["Visitor arrives"]) --> CapCategory["/expertises// (Category)"] CapCategory --> SiblingCat["/expertises//"] CapCategory --> AllCaps["/expertises/"] CapCategory --> OfferDetail["/expertises// (Offer)"] CapCategory --> ContactQual["/contact/#call-qualifier"] CapCategory --> Calculator["/outils/calculator/"] OfferDetail --> ContactQual OfferDetail --> Calculator AllCaps --> CapCategory ContactQual --> End(["Engagement started"]) Calculator --> End click CapCategory "https://mickael-umt.com/expertises/ai-security/" "Open Category" click OfferDetail "https://mickael-umt.com/expertises/ai-security/" "Open Offer" click ContactQual "https://mickael-umt.com/contact/#call-qualifier" "Open Qualification" click Calculator "https://mickael-umt.com/outils/calculator/" "Open Calculator" click End "https://mickael-umt.com/contact/#call-qualifier" "Open Qualification"

Screen inventory

IDScreenUser task
P0Category landingBrowse offers in one expertise family
P1Offer detailReview mechanism, deliverables, evidence, day-rate
P2Capability catalogueSee all ten capabilities ranked
P3QualificationSubmit structured call-qualification form
P4CalculatorEstimate mission budget and cadence

Flow scenario

Scenario C1

CTO filters AI Security offers

Trigger

  • Visitor lands on /expertises/ai-security/ from home bento
  • Wants to compare all AI Security offers

Experience

  1. Category page loads with sibling chips and offer cards.
  2. Visitor scans 3-4 offers, clicks "AI Security, Assurance & DevSecOps".
  3. Offer detail opens with mechanism, deliverables, evidence, day-rate references.
  4. Visitor clicks "Qualifier une mission" → contact page with pre-focused form.

Trust and safety rules

  • All pricing is public and deterministic; no coefficient reaches the browser.
  • Category pages are crawlable and appear in the sitemap.
  • Offer links use stable slugs; legacy categorised URLs redirect permanently.

Interaction rules

  • Active category chip is visually distinct with aria-current="page".
  • Offer cards show code, title, promise, stack, and arrow affordance.
  • Related CV capabilities link to the global ranking, not a filtered subset.

Result states

StateWhat the visitor seesWhat happens next
BrowsingCategory page with offer cards and capability linksVisitor opens offer or changes category
EngagedQualification form or calculator resultLead created or quote downloaded