Task Flow Mickael Rutembya · Flow Atlas

Resources Hub

/ressources/

Atomic steps for a visitor navigating the resources hub: products, office hours, articles, agent interfaces, and legal information.

Task intent

What the user is trying to do

« Navigate the resources hub to find products, sessions, articles, or legal information. »

Entry points

ElementDestination
Footer Resources link/ressources/
Navigation menu/ressources/
Tools hub Resources CTA/ressources/

Flow

Adjacent routes — click a node to open it.taskflow
flowchart TD A["Start: visitor clicks Resources"] --> B["Land on /ressources/"] B --> C["View resource categories"] C --> D{"Choose category"} D -->|Products| E["Navigate to /ressources/produits/"] D -->|Office Hours| F["Navigate to /ressources/office-hours/"] D -->|Articles| G["Navigate to /articles/"] D -->|Legal| H["Navigate to /legal/"] E --> I["Browse product catalogue"] I --> J["Filter by category or risk tier"] J --> K["Click product card"] K --> L["Product detail page"] L --> M["Select plan and purchase"] F --> N["Browse session listings"] N --> O["Filter by date or tier"] O --> P["Click session card"] P --> Q["Session detail page"] Q --> R["Register or join waitlist"] G --> S["Browse articles by category"] S --> T["Click article card"] T --> U["Article detail page"] H --> V["Read CGV, CGU, mentions, privacy"] click B "http://localhost:8000/ressources/" "Open Resources" click E "http://localhost:8000/ressources/produits/" "Open Products" click F "http://localhost:8000/ressources/office-hours/" "Open Office Hours" click G "http://localhost:8000/articles/" "Open Articles" click H "http://localhost:8000/legal/" "Open Legal"

Steps

StepActionSystem response
1Visitor navigates to /ressources/Server renders resource hub with category cards
2Visitor chooses a categoryNavigate to category page
3Visitor browses items in categoryFilter and scroll through listings
4Visitor clicks an itemNavigate to detail page
5Visitor takes action (buy, register, read)Complete task or continue browsing

Scenario

Scenario

Visitor finds diagnostic framework and downloads

Trigger

  • Visitor wants to assess AI readiness
  • Navigates to /ressources/ from footer
  • Clicks "Products" category

Experience

  1. Resources hub loads with 4 category cards.
  2. Visitor clicks "Products" card.
  3. Products page shows frameworks, guides, and seats.
  4. Visitor filters by "AI" category.
  5. Visitor clicks "Diagnostic Framework" card.
  6. Product detail shows description and download button.
  7. Visitor downloads PDF or requests access.

Trust and safety rules

  • All download links are time-limited and tracked.
  • Product prices are transparent before purchase.
  • Legal pages are available in French and English.
  • No resource is gated without clear value proposition.

Interaction notes

  • Resource hub uses card grid layout.
  • Category links use semantic URLs.
  • Products can be filtered by category and risk tier.
  • Office hours show cohort composition and seats left.

Result states

StateWhat the visitor seesWhat happens next
BrowsingResource hub with category cardsChoose a category to explore
FilteringFiltered product or session listClick an item for details
DownloadingPDF or file download startsFile saved locally
PurchasingCheckout flow initiatedComplete payment via Stripe