Task Flow Mickael Rutembya · Flow Atlas

Home

/

Atomic steps for a visitor landing on the home page: load hero matrix, scan specialty bento, read positioning columns, and choose a primary CTA.

Task intent

What the user is trying to do

« Understand the consultant's value proposition in under 10 seconds and choose where to go next. »

Entry points

ElementDestination
Direct navigation //
SERP organic result/
Internal link from any page/

Flow

Adjacent routes — click a node to open it.taskflow
flowchart TD A["Start: visitor arrives"] --> B["Load / (Home)"] B --> C["Render hero matrix"] C --> D["Render specialty bento"] D --> E["Render positioning columns"] E --> F["Scan primary CTAs"] F --> G{"Choose action"} G -->|Explore| H["Click Capabilities"] G -->|See proof| I["Click Projects"] G -->|Learn more| J["Click CV / Engagement"] G -->|Tools| K["Click Calculator"] G -->|Contact| L["Click Contact"] H --> M["/expertises/"] I --> N["/realisations/"] J --> O["/parcours/ or /engagement/"] K --> P["/outils/calculator/"] L --> Q["/contact/"] F --> R["Scroll to read more"] R --> S["View articles or programmes"] click B "http://localhost:8000/" "Open Home" click M "http://localhost:8000/expertises/" "Open Capabilities" click N "http://localhost:8000/realisations/" "Open Projects" click O "http://localhost:8000/parcours/" "Open CV" click P "http://localhost:8000/outils/calculator/" "Open Calculator" click Q "http://localhost:8000/contact/" "Open Contact"

Steps

StepActionSystem response
1Visitor navigates to /Server renders home template with hero, bento, columns
2Visitor scans hero matrix3-4 headline statements visible above fold
3Visitor scans specialty bentoGrid of capability tiles with icons
4Visitor reads positioning columnsEngagement formats, decision profiles, programmes
5Visitor clicks a CTANavigate to target route

Scenario

Scenario

CTO lands and chooses to explore capabilities

Trigger

  • CTO searches "AI consultant France" on Google
  • Organic result links to mickael-umt.com
  • Page loads in under 2 seconds

Experience

  1. Hero matrix shows 3 value propositions with metrics.
  2. Specialty bento shows AI, data, and pharma specialties.
  3. CTO reads positioning columns: embedded, fractional, permanent.
  4. CTA "Voir les expertises" catches attention.
  5. CTO clicks through to capabilities catalogue.

Trust and safety rules

  • Home page loads in under 3 seconds (Core Web Vital LCP).
  • All CTAs have descriptive text — no vague "Click here".
  • Page is fully responsive — mobile, tablet, desktop.
  • No intrusive pop-ups before 50% scroll depth.
  • All internal links use semantic URLs.

Interaction notes

  • Hero matrix uses CSS grid with 3 columns on desktop.
  • Specialty bento uses card components with hover effects.
  • Positioning columns use icon + text layout.
  • Primary CTA is visually distinct from secondary CTAs.

Result states

StateWhat the visitor seesWhat happens next
BrowsingVisitor reads hero and bento, no clickMay scroll or leave
ExploringVisitor clicks a primary CTANavigates to target page
Deep readingVisitor scrolls through all sectionsViews articles, programmes, or contact
BouncedVisitor leaves after < 10 secondsNo progression — improve CTA placement