Task Flow Mickael Rutembya · Flow Atlas

Capabilities Catalogue

/expertises/

Atomic steps for a visitor browsing the ten capabilities, filtering by family and confidence, and opening an offer detail.

Task intent

What the user is trying to do

« Browse the capability catalogue, filter by relevance, and drill into a specific offer. »

Entry points

ElementDestination
Home CTA/expertises/
Navigation menu/expertises/
Offer detail back link/expertises/

Flow

Adjacent routes — click a node to open it.taskflow
flowchart TD A["Start: visitor clicks Capabilities"] --> B["Land on /expertises/"] B --> C["Render ten capability tiles"] C --> D["View family filters"] D --> E["View confidence indicators"] E --> F{"Filter or browse"} F -->|Filter| G["Select family filter"] G --> H["Capabilities filtered by family"] F -->|Browse| I["Scroll through tiles"] I --> J["Read capability summary"] J --> K{"Open offer?"} K -->|Yes| L["Click capability tile"] L --> M["Land on offer detail"] K -->|No| N["Return to home"] H --> O["Click filtered capability"] O --> M M --> P["View mechanism and deliverables"] P --> Q["Click Request quote"] Q --> R["Land on contact form"] click B "http://localhost:8000/expertises/" "Open Capabilities" click M "http://localhost:8000/expertises/agentic-ai/" "Open Offer" click R "http://localhost:8000/contact/" "Open Contact"

Steps

StepActionSystem response
1Visitor navigates to /expertises/Server renders ten capability tiles with scores
2Visitor views family filtersFilter chips shown at top of page
3Visitor selects a familyCapabilities filtered server-side or client-side
4Visitor clicks a capabilityNavigate to offer detail page
5Visitor reads offer detailsMechanism, deliverables, evidence rendered

Scenario

Scenario

CTO filters AI capabilities and opens offer

Trigger

  • CTO wants to explore AI-related capabilities
  • Navigates to /expertises/ from home page
  • Sees ten capabilities with family labels

Experience

  1. Page loads with ten tiles in a responsive grid.
  2. Each tile shows family, title, score, and confidence.
  3. CTO clicks "AI" family filter.
  4. Grid filters to show only AI capabilities.
  5. CTO clicks "Agentic AI Production Assurance" tile.
  6. Offer detail page loads with mechanism and deliverables.

Trust and safety rules

  • All capability scores are conservative — never inflated.
  • Confidence levels are explicitly shown (Documented, Inferred, etc.).
  • Filter state is reflected in URL for shareability.
  • No capability claim is made without evidence backing.

Interaction notes

  • Family filters use query parameter ?family=<slug>
  • Capability tiles link to /expertises/<slug>/
  • Page uses CSS grid with auto-fit for responsiveness.
  • Scores are rendered server-side from capability model.

Result states

StateWhat the visitor seesWhat happens next
BrowsingAll ten capabilities visibleMay filter or click a tile
FilteredSubset of capabilities by familyMay click a filtered tile
Drilling downOffer detail pageMay request quote or return
ConvertingContact form after clicking CTALead created