User Flow Mickael Rutembya · Flow Atlas

Article detail

/articles/<slug>/

Visitor reads a single article, follows related links, and may navigate to offers or tools.

User intent

What the visitor is trying to do

« I want to read a technical note in depth, verify the mesh links to related articles, and decide whether to engage on the topic. »

Entry points

ElementDestination
Articles listing card/articles/<slug>/
Related article mesh link/articles/<slug>/
Offer detail related article/articles/<slug>/

Flow

Adjacent routes — click a node to open it.userflow
flowchart LR Start(["Visitor arrives"]) --> Article["/articles/<slug>/ (Article detail)"] Article -->|Related offer| Offer["/expertises/<slug>/"] Article -->|Related tool| Tools["/outils/"] Article -->|Related article| Articles["/articles/"] Article -->|Contact| Contact["/contact/"] Offer --> Eng["/contact/#call-qualifier"] Tools --> Calc["/outils/calculator/"] Contact --> Eng Calc --> Eng Eng --> End(["Engagement started"]) click Article "https://mickael-umt.com/articles/inspection-readiness/" "Open Article" click Offer "https://mickael-umt.com/expertises/ai-security/" "Open Offer" click Tools "https://mickael-umt.com/outils/" "Open Tools" click Articles "https://mickael-umt.com/articles/" "Open Articles" click Contact "https://mickael-umt.com/contact/" "Open Contact" 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
P0Article detailRead full article and mesh links
P1Related offerReview capability offer mentioned in article
P2Tools hubAccess estimation or qualification tools
P3Articles listingBrowse related technical notes
P4QualificationSubmit structured call-qualification form

Flow scenario

Scenario Ar2

QA lead deep-dives inspection readiness

Trigger

  • Visitor opens "Inspection readiness posture" from the articles listing
  • Reads the full technical note
  • Clicks a mesh link to a related article

Experience

  1. The article detail presents the full text, category, and mesh links to related articles.
  2. The visitor reads the article and notices a reference to the AI Security offer.
  3. The visitor clicks the related offer link to inspect the capability detail.
  4. From the offer detail, the visitor opens the tools hub to estimate a budget.
  5. The visitor submits a call qualification to discuss the inspection readiness mandate.
  6. Alternatively, the visitor follows a mesh link to another article on evidence continuity.

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.
  • Articles are technical notes, not legal advice; no claim of regulatory compliance is made without qualification.

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
ReadingArticle detail with mesh linksVisitor follows related links
MatchedRelated offer or toolVisitor opens offer, tool, or qualification
QualifiedConfirmation with quote contextOwner reviews lead
ConvertedStripe return page with entitlementsBuyer downloads or books