User Flow Mickael Rutembya · Flow Atlas

Products catalogue

Visitor browses downloadable frameworks, guides, and paid seats by category and risk tier.

User intent

What the visitor is trying to do

« I want to find a standalone deliverable — a framework, guide, or seat — that I can use immediately or purchase online. »

Entry points

Element	Destination
Resources "Explorer les produits"	`/ressources/produits/`
Nav indirect via resources	`/ressources/produits/`
Product category filter chips	`/ressources/produits/<category>/`
Product detail CTA	`/ressources/produits/<category>/<slug>/`

Flow

Adjacent routes — click a node to open it.userflow

flowchart LR Start(["Visitor arrives"]) --> Products["/ressources/produits/ (Products)"] Products --> Category["/ressources/produits/<category>/"] Category --> ProductDetail["/ressources/produits/<category>/<slug>/"] ProductDetail --> Checkout["/paiement/produit/<slug>/"] Checkout --> Stripe["Stripe Checkout"] Stripe -->|Paid| Return["/paiement/<ref>/retour/"] Stripe -->|Cancelled| Cancel["/paiement/<ref>/annule/"] Return --> Entitlement["/acces/<token>/"] Cancel --> Products ProductDetail -->|Free product| Entitlement click Products "https://mickael-umt.com/ressources/produits/" "Open Products" click Category "https://mickael-umt.com/ressources/produits/frameworks/" "Open Category" click ProductDetail "https://mickael-umt.com/ressources/produits/frameworks/agentic-ai-framework/" "Open Product" click Checkout "https://mickael-umt.com/paiement/produit/agentic-ai-framework/" "Open Checkout" click Stripe "https://checkout.stripe.com" "Open Stripe" click Return "https://mickael-umt.com/paiement/<ref>/retour/" "Open Return" click Cancel "https://mickael-umt.com/paiement/<ref>/annule/" "Open Cancelled" click Entitlement "https://mickael-umt.com/acces/<token>/" "Open Entitlement"

Screen inventory

ID	Screen	User task
P0	Products listing	Browse all products by category
P1	Product category	Filter products by category
P2	Product detail	Review product, plan, price, and checkout CTA
P3	Checkout form	Enter identity, consent, and plan
P4	Stripe Checkout	Pay securely via Stripe
P5	Return / Cancel	See payment outcome
P6	Entitlement	Download files or access resources

Flow scenario

Scenario S1

Engineering lead purchases a framework PDF

Trigger

Visitor clicks "Explorer les produits" from the resources page
Filters products by "Frameworks" category
Opens a framework PDF product detail

Experience

The products page lists all downloadable frameworks, guides, and paid seats by category and risk tier.
The visitor clicks the "Frameworks" category chip to narrow the list.
The product detail shows the framework description, plan options, and price.
The visitor selects a plan, enters identity and consent, and submits the checkout form.
The visitor is redirected to Stripe Checkout hosted page.
After payment, Stripe redirects to the return page; the webhook settles the payment and grants entitlements.
The buyer receives a personal delivery link to download the PDF.

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.
Product references are unguessable; entitlements are minted per (payment, product) pair.

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	Products listing with category filters	Visitor narrows to a category
Reviewing	Product detail with plan and price	Visitor initiates checkout
Paying	Stripe Checkout hosted page	Buyer pays or cancels
Entitled	Return page with download link	Buyer downloads or accesses resources
Cancelled	Cancelled notice; no charge	Visitor may retry