User Flow Mickael Rutembya · Flow Atlas

Resources hub

/ressources/

Visitor navigates products, office hours, articles, agent interfaces, and legal information.

User intent

What the visitor is trying to do

« I want to find downloadable frameworks, collective sessions, technical notes, or legal information. »

Entry points

ElementDestination
Nav "Ressources"/ressources/
Products card "Explorer les produits"/ressources/produits/
Office Hours card "Voir le format et les accès"/ressources/office-hours/
Lead form on resources page/contact/#call-qualifier

Flow

Adjacent routes — click a node to open it.userflow
flowchart LR Start(["Visitor arrives"]) --> Resources["/ressources/ (Resources)"] Resources --> Products["/ressources/produits/"] Resources --> OfficeHours["/ressources/office-hours/"] Resources --> Contact["/contact/"] Contact --> Qualifier["/contact/#call-qualifier"] Products --> ProductDetail["/ressources/produits/<category>/<slug>/"] ProductDetail --> Checkout["/paiement/produit/<slug>/"] OfficeHours --> SessionDetail["/ressources/office-hours/<slug>/"] SessionDetail --> Cohort["/ressources/office-hours/cohortes/<slug>/"] Qualifier --> End(["Engagement started"]) click Resources "https://mickael-umt.com/ressources/" "Open Resources" click Products "https://mickael-umt.com/ressources/produits/" "Open Products" click OfficeHours "https://mickael-umt.com/ressources/office-hours/" "Open Office Hours" click Contact "https://mickael-umt.com/contact/" "Open Contact" click Qualifier "https://mickael-umt.com/contact/#call-qualifier" "Open Qualification" 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 SessionDetail "https://mickael-umt.com/ressources/office-hours/ai-security/" "Open Session" click Cohort "https://mickael-umt.com/ressources/office-hours/cohortes/september-2026/" "Open Cohort" click End "https://mickael-umt.com/contact/#call-qualifier" "Open Qualification"

Screen inventory

IDScreenUser task
P0Resources hubChoose between products and office hours
P1Products listingBrowse frameworks, guides, and paid seats by category
P2Product detailReview product, select plan, and pay
P3Office Hours listingBrowse sessions and tiers
P4Session detailInspect cohort, seats left, and interest breakdown
P5Cohort detailInspect cohort composition and waitlist
P6QualificationSubmit structured call-qualification form

Flow scenario

Scenario R1

Engineering lead buys a framework and joins Office Hours

Trigger

  • Visitor opens /ressources/ from the main navigation
  • Sees two cards: Products and Office Hours
  • Clicks "Explorer les produits"

Experience

  1. The resources hub presents two cards: Products (frameworks, guides, deliverables) and Office Hours (ninety-minute monthly sessions).
  2. The visitor clicks "Explorer les produits" to browse the catalogue.
  3. The visitor filters by category and selects a framework PDF.
  4. The product detail shows the plan, price, and checkout form.
  5. The visitor pays via Stripe Checkout and receives a personal delivery link.
  6. The visitor returns to resources and clicks "Voir le format et les accès" for Office Hours.
  7. The visitor browses sessions, selects a payable tier, and buys a seat.
  8. Alternatively, the visitor submits the lead form on the resources page to qualify a mission.

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.
  • Products and Office Hours use the same checkout organism and webhook settlement as the calculator deposit flow.

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
BrowsingResources hub with Products and Office Hours cardsVisitor chooses a resource category
PurchasingProduct detail with checkout formVisitor pays via Stripe
BookingOffice Hours session with tier selectionVisitor buys seat or joins waitlist
QualifiedConfirmation with quote contextOwner reviews lead
ConvertedStripe return page with entitlementsBuyer downloads or books