User Flow Mickael Rutembya · Flow Atlas

Articles

Visitor browses technical notes by category and reads an article detail.

User intent

What the visitor is trying to do

« I want to read technical notes on AI, data, and verifiable systems, filter by topic, and follow related links to offers or tools. »

Entry points

Element	Destination
Resources indirect	`/articles/`
Article detail related articles	`/articles/<slug>/`
Legacy blog redirect	`/blog/` → `/articles/`

Flow

Adjacent routes — click a node to open it.userflow

flowchart LR Start(["Visitor arrives"]) --> Articles["/articles/ (Articles)"] Articles --> ArticleDetail["/articles/<slug>/ (Article detail)"] Articles -->|Category filter| Articles ArticleDetail -->|Related offer| Offer["/expertises/<slug>/"] ArticleDetail -->|Related tool| Tools["/outils/"] ArticleDetail -->|Contact| Contact["/contact/"] ArticleDetail -->|Related article| Articles Offer --> Eng["/contact/#call-qualifier"] Contact --> Eng Eng --> End(["Engagement started"]) click Articles "https://mickael-umt.com/articles/" "Open Articles" click ArticleDetail "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 Contact "https://mickael-umt.com/contact/" "Open Contact" click Eng "https://mickael-umt.com/contact/#call-qualifier" "Open Qualification" click End "https://mickael-umt.com/contact/#call-qualifier" "Open Qualification"

Screen inventory

ID	Screen	User task
P0	Articles listing	Browse technical notes by category
P1	Article detail	Read a single article and follow related links
P2	Related offer	Review the capability offer mentioned in the article
P3	Tools hub	Access estimation or qualification tools
P4	Qualification	Submit structured call-qualification form

Flow scenario

Scenario Ar1

QA lead reads inspection readiness article

Trigger

Visitor opens /articles/ from the resources hub
Filters by "AI assurance" category
Opens "Inspection readiness posture"

Experience

The articles page lists technical notes by category with title, summary, and mesh links.
The visitor filters by "AI assurance" to narrow relevant articles.
The article detail shows the full text, related capabilities, and mesh links to other articles.
The visitor clicks a related offer link to inspect the AI Security capability.
The visitor opens the tools hub to estimate an engagement budget.
Finally, the visitor submits a call qualification to discuss the inspection readiness mandate.

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

State	What the visitor sees	What happens next
Browsing	Articles listing with category filters	Visitor narrows to a category
Reading	Article detail with mesh links	Visitor follows related links
Matched	Related offer or tool	Visitor opens offer, tool, or qualification
Qualified	Confirmation with quote context	Owner reviews lead