User Flow Mickael Rutembya · Flow Atlas

Decision tools hub

/outils/

Visitor chooses between engagement estimation, qualification, and market references.

User intent

What the visitor is trying to do

« I want to pick the right decision tool: estimate a budget, compare market references, or qualify a call. »

Entry points

ElementDestination
Nav "Outils"/outils/
Calculator "Comparer"/expertises/#market-benchmarks
Calculator method "Estimer"/outils/calculator/
Engagement "Ouvrir le calculateur"/outils/calculator/

Flow

Adjacent routes — click a node to open it.userflow
flowchart LR Start(["Visitor arrives"]) --> Tools["/outils/ (Tools hub)"] Tools --> Calc["/outils/calculator/"] Tools --> CalcMethod["/outils/calculator/methode/"] Tools --> Caps["/expertises/"] Calc --> Contact["/contact/#call-qualifier"] CalcMethod --> Calc Caps --> Contact Contact --> End(["Engagement started"]) click Tools "https://mickael-umt.com/outils/" "Open Tools" click Calc "https://mickael-umt.com/outils/calculator/" "Open Calculator" click CalcMethod "https://mickael-umt.com/outils/calculator/methode/" "Open Method" click Caps "https://mickael-umt.com/expertises/" "Open Capabilities" click Contact "https://mickael-umt.com/contact/#call-qualifier" "Open Qualification" click End "https://mickael-umt.com/contact/#call-qualifier" "Open Qualification"

Screen inventory

IDScreenUser task
P0Tools hubChoose between calculator, method, and market references
P1CalculatorFill 5-step mission form and get a quote
P2Calculator methodReview formulas, coefficients, and public API
P3CapabilitiesCompare market benchmarks and day rates
P4QualificationSubmit structured call-qualification form

Flow scenario

Scenario T1

IT manager estimates engagement budget

Trigger

  • Visitor opens /outils/ from the main navigation
  • Sees the 4-step tools hub: Estimate, Qualify, Compare, Verify
  • Clicks "Estimer" to open the calculator

Experience

  1. The tools hub presents four steps: estimate (calculator), qualify (call form), compare (market benchmarks), verify (public evidence).
  2. The visitor clicks "Estimer" to open the 5-step mission calculator.
  3. The visitor fills the form: mission type, mobility, expenses, equipment, and code.
  4. The visitor clicks "Voir la méthode de calcul" to review formulas and coefficients.
  5. The visitor compares market benchmarks on the capabilities page.
  6. Finally, the visitor submits a call qualification to validate scope during a call.

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.
  • The public API returns the projection built in the server-side engine, never raw coefficients.

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
BrowsingTools hub with 4-step navigationVisitor chooses a tool
EstimatingCalculator form with 5 stepsVisitor fills mission parameters
ComparingMarket benchmarks on capabilities pageVisitor evaluates day-rate landscape
QualifiedConfirmation with quote contextOwner reviews lead