User Flow Mickael Rutembya · Flow Atlas

Product detail & purchase

Visitor reviews a product, selects a plan, enters identity and consent, and is sent to Stripe Checkout.

User intent

What the visitor is trying to do

« I want to review the product details, understand what I am buying, and complete the purchase securely. »

Entry points

Element	Destination
Products listing product card	`/ressources/produits/<category>/<slug>/`
Category filter product card	`/ressources/produits/<category>/<slug>/`
Product CTA "Voir l'offre"	`/ressources/produits/<category>/<slug>/`

Flow

Adjacent routes — click a node to open it.userflow

flowchart LR Start(["Visitor arrives"]) --> ProductDetail["/ressources/produits/<category>/<slug>/ (Product detail)"] ProductDetail -->|Free product| Entitlement["/acces/<token>/"] ProductDetail -->|Payable| CheckoutForm["Checkout organism: plan + identity + consent"] CheckoutForm --> POST["POST /paiement/produit/<slug>/"] POST --> Stripe["Stripe Checkout session"] Stripe -->|Pays| Return["/paiement/<ref>/retour/"] Stripe -->|Cancels| Cancel["/paiement/<ref>/annule/"] Return -->|Webhook settled| Entitlement Return -->|Pending webhook| Pending["Confirmation en cours"] Cancel --> End(["Flow ended"]) Pending --> End click ProductDetail "https://mickael-umt.com/ressources/produits/frameworks/agentic-ai-framework/" "Open Product" click Entitlement "https://mickael-umt.com/acces/<token>/" "Open Entitlement" click CheckoutForm "https://mickael-umt.com/ressources/produits/frameworks/agentic-ai-framework/" "Open Checkout" click POST "https://mickael-umt.com/paiement/produit/agentic-ai-framework/" "POST 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 Pending "https://mickael-umt.com/paiement/<ref>/retour/" "Open Pending" click End "https://mickael-umt.com/ressources/produits/" "Back to Products"

Screen inventory

ID	Screen	User task
P0	Product detail	Review product, plan, price, and deliverables
P1	Checkout form	Select plan, enter identity and consent
P2	Stripe Checkout	Pay securely via Stripe hosted page
P3	Return page	See payment outcome and entitlements
P4	Cancel page	See cancellation notice; no charge
P5	Entitlement	Download files or access session resources

Flow scenario

Scenario D1

Consultant buys a downloadable framework

Trigger

Visitor opens a product detail from the products listing
Reviews the framework description and plan options
Clicks the checkout CTA

Experience

The product detail shows the framework title, description, plan (single or team), price, and CTA.
The visitor selects a plan, enters identity (name, email, company), and gives consent for terms and data processing.
The checkout form posts to /paiement/produit/<slug>/.
The view creates a Payment row, freezes the terms version, and creates a Stripe Checkout session.
The visitor is redirected to the Stripe 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 (/acces/<token>/) 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.
Amount authority: server reads ProductPrice.amount_eur; browser input is never charged.
Terms freeze: terms_version is stamped at payment creation.
Settlement authority: only the signed Stripe webhook writes PAID.
Throttling: max 10 pending payments per email per hour.

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	Product detail with plan and price	Visitor initiates checkout
Processing	Stripe Checkout hosted page	Buyer pays or cancels
Paid	Return page with entitlements	Buyer downloads or accesses resources
Cancelled	Cancelled notice; no charge	Visitor may retry
Pending	Confirmation en cours	Webhook settles asynchronously