User Flow Mickael Rutembya · Flow Atlas

Experience Detail

/parcours/<slug>/

Visitor reads one experience record: atomic capability proofs, direct links to capability detail pages, stable permalinks, and breadcrumb back to full CV timeline.

User intent

What the visitor is trying to do

« I want to see the specific proof of capability demonstrated in this experience and link directly to it. »

Entry points

ElementDestination
Timeline card Experience on CV/parcours/<slug>/
Proof link Atomic capability proof/expertises/<capability-slug>/
Permalink Direct proof anchor/parcours/<slug>/#<anchor>
Back link "Filtrer ce parcours"/parcours/?track=<slug>#cv-experience
Back link "Toute la chronologie"/parcours/#cv-experience

Flow

Adjacent routes — click a node to open it.userflow
flowchart LR Start(["Visitor on CV"]) --> ExpDetail["/parcours// (Experience)"] ExpDetail --> FilterTrack["/parcours/?track=#cv-experience"] ExpDetail --> FullTimeline["/parcours/#cv-experience"] ExpDetail --> CapProof1["/expertises//"] ExpDetail --> CapProof2["/expertises//"] ExpDetail --> Permalink1["#anchor-1 (same page)"] ExpDetail --> Permalink2["#anchor-2 (same page)"] FullTimeline --> ExpDetail CapProof1 --> OfferDetail["/expertises//"] OfferDetail --> ContactQual["/contact/#call-qualifier"] ContactQual --> End(["Engagement started"]) click ExpDetail "https://mickael-umt.com/parcours/experience-slug/" "Open Experience" click FullTimeline "https://mickael-umt.com/parcours/#cv-experience" "Open CV" click OfferDetail "https://mickael-umt.com/expertises/ai-security/" "Open Offer" click ContactQual "https://mickael-umt.com/contact/#call-qualifier" "Open Qualification" click End "https://mickael-umt.com/contact/#call-qualifier" "Open Qualification"

Screen inventory

IDScreenUser task
P0Experience detailRead atomic capability proofs
P1Capability detailReview offer, mechanism, evidence
P2CV timelineBrowse all experiences
P3QualificationSubmit call-qualification form

Flow scenario

Scenario E1

Visitor inspects atomic proofs

Trigger

  • Visitor clicks an experience card on /parcours/
  • Wants to see the specific capabilities demonstrated

Experience

  1. Experience detail loads with hero, summary, and atomic proof list.
  2. Visitor scrolls through proofs, each with capability link and direct anchor.
  3. Clicks "Voir la capacité #3" → opens /expertises/<slug>/.
  4. Reads offer detail, clicks "Qualifier une mission" → contact form.

Trust and safety rules

  • Experience proofs are reusable from any page without duplicating the experience record.
  • Permalinks are stable and unguessable.
  • Capability links point to atomic proofs, not the whole experience.

Interaction rules

  • Proof cards are focusable with tabindex="-1" for deep linking.
  • Direct links use fragment identifiers (#anchor) for same-page jumps.
  • Back links preserve the CV timeline scroll position via hash.

Result states

StateWhat the visitor seesWhat happens next
ReviewingExperience with atomic proofs and capability linksVisitor opens capability or returns to CV
EngagedQualification form or calculatorLead created or quote downloaded