→ Loading process.runtime
Accueil / Process
Chapitre 04 · Mission protocol · v 4.1

Le runtime, étape par étape.

De la première conversation au monitoring 24/7. Cinq phases, cinq paliers, zéro magie noire. On documente chaque décision, on publie nos métriques, et vous gardez la main à chaque checkpoint.

Phases5 paliers
Durée4 → 12 semaines
CadenceAsync-first · CET
Voir la timeline ↓
// 01 — Mission timeline

12 semaines
typiques.

Un Gantt vivant, pas un PDF mort. La barre NOW avance en temps réel, on partage l'avancement quotidien sur Linear et un standup async vidéo le matin.

Phase
W1
W2
W3
W4
W5
W6
W7
W8
W9
W10
W11
W12
01 / Discovery Cadrage + audit
DISCOVERY
02 / Design UX + UI + tokens
DESIGN
03 / Build · Sprint 1 Backend + auth
BUILD · S1
04 / Build · Sprint 2 UI + intégration
BUILD · S2
05 / Build · Sprint 3 Stripe + polish
BUILD · S3
06 / QA + UAT Tests + recette
QA · UAT
07 / Ship Prod + handoff
SHIP
08 / Runtime Monitoring
RUNTIME
// Phase 01

Discovery
+ cadrage

On part toujours d'une conversation, jamais d'un brief PDF. Trois workshops, deux jours d'audit, un doc unique : la mission spec. Pas de slide-deck d'agence, juste les décisions à prendre.

  • Audit existant : code, data, stack, dette technique
  • Workshops cibles : 3 personas max, leurs jobs-to-be-done
  • Mission spec : périmètre, jalons, exclusions explicites
  • Devis fixe ou T&M selon la maturité du brief
Durée 5 à 10 jours Livrable Mission spec PDF + Linear Tarif 2 800 € forfait
scope-calculator.tsx ● live
Complexité Standard
Équipe estimée 2 devs · 1 designer
Durée estimée 10 semaines
Estimation 42 000 €
// simulation indicative · devis ferme après cadrage
// Phase 02

Design
+ system

On ne dessine pas avant d'avoir compris. On structure d'abord en wireframes denses, puis on monte en fidélité — et on génère un vrai design system en tokens CSS, pas un fichier Figma orphelin.

  • Wireframes basse fidélité revus en live
  • Maquettes haute fidélité avec composants réutilisables
  • Design tokens exportés en CSS variables prêtes à coder
  • Prototype clickable pour valider les parcours clés
Durée 1 à 3 semaines Livrable Figma + tokens.css Itérations 3 rounds inclus
design-stages.figma 3 layers
WIREFRAME MOCKUP PRODUCTION
──···
LogoMenu
⌁ OTTO● LIVE
// Phase 03

Build
+ sprints

Sprints de 2 semaines, démo le vendredi. Tout est en GitHub, tout est commit-able par vous. Une URL preview par PR, un Linear public, un canal Slack partagé.

  • Code en TypeScript strict, lint + tests obligatoires
  • Preview deploy automatique sur chaque pull request
  • Standup async vidéo le matin + démo le vendredi
  • Linear / Jira partagé en lecture-écriture côté client
Durée 4 à 8 semaines Cadence Sprint 2 sem. Visibilité 100% GitHub + Linear
git log · main ↳ 142 commits
linear · sprint #14 23 of 31 done
Backlog 3
FEATEmpty state for filters@lou
BUGDate picker overflow mobile@max
CHOREBump expo SDK 51@max
In progress 2
FEATStripe checkout v2@theo
FEATMulti-tenant rls policies@max
Review 2
FEATOnboarding flow@lou
BUGiOS push token race@theo
Done 23
FEATMagic link auth@max
FEATOrg switcher@lou
// Phase 04

Ship
+ pipeline

Le déploiement, c'est un bouton vert, pas une cérémonie. Pipeline CI/CD branché dès le jour 1, preview environment par PR, rollback à 1 clic. Le go-live est un non-événement.

  • Pipeline GitHub Actions : lint → typecheck → tests → build → deploy
  • Preview env per PR + production sur Vercel/Cloudflare
  • Sentry + Vercel Analytics branchés avant le ship
  • Audit Lighthouse + Web Vitals visé ≥ 90 sur toutes les pages
Durée 3 à 5 jours Target Lighthouse ≥ 90 Rollback < 30 sec
github actions · #4218 running…
Install
npm ci
Lint
eslint .
Typecheck
tsc --noEmit
Test
vitest run
Build
next build
Deploy
vercel --prod
Stage 0 / 6 · click a stage to jump
lighthouse · /pricing desktop · mobile · throttled
0
Performance
0
Accessibility
0
Best Practices
0
SEO
// Phase 05

Runtime
+ monitoring

Un produit qui vit, ce n'est pas un produit livré et oublié. Forfait runtime mensuel : monitoring 24/7, patches sécurité, petites évols, et un dev d'astreinte pour les incidents critiques.

  • Monitoring Sentry + Better Stack + status page publique
  • Patches de sécurité appliqués sous 72h max
  • Stand-up mensuel : roadmap, métriques, prioritisation
  • Astreinte payante sur incidents P0 (réponse < 1h)
Engagement Mensuel Forfait dès 1 200 €/mois SLA P0 < 1h · P1 < 24h
grafana · production / 7d healthy
Uptime · 30d
99.97%
↑ 0.02 vs last month
P95 response time
142ms
↓ 18ms vs last week
Error rate · 1h
0.03%
2 events / 7,840 req
// 02 — Principes

Comment
on travaille.

Six règles non-négociables. Elles ne sont pas vendeuses, elles sont opérationnelles.

// p.01

Async-first

Standup vidéo le matin (Loom), pas de meeting récurrent. Vos après-midis vous appartiennent.

// p.02

Tout est en lecture

GitHub, Linear, Figma, Vercel : accès lecture pour tous vos stakeholders. Aucun rapport à demander.

// p.03

Pas de mauvaise
surprise

Un dépassement > 10% déclenche un point. On préfère renégocier que livrer un truc à moitié.

// p.04

Code lisible
par un humain

TypeScript strict, conventions partagées, README à jour. Pas de magie. Un autre dev doit pouvoir reprendre.

// p.05

Ship petit,
ship souvent

Sprints de 2 semaines max. Démo vendredi. Si on n'a rien à montrer, c'est qu'on s'est trompés.

// p.06

Vos données,
chez vous

Base, code, infra : tout est dans vos comptes. On a une session, pas votre business sous séquestre.

// 03 — Livrables par phase

Ce que vous
recevez
concrètement.

Quatre paquets de livrables tangibles. Chacun signé en réception, archivé, transférable.

// Discovery
  • Mission spec PDF (15-25 pages)
  • Audit technique existant
  • Personas + jobs-to-be-done
  • Estimation chiffrée engageante
  • Roadmap macro 3 mois
// Design
  • Figma 2 fichiers : wireframes + UI
  • Design system (tokens.css)
  • Prototype clickable
  • Icônes SVG optimisées
  • Guidelines marque PDF
// Build
  • Repo GitHub avec historique propre
  • README + ARCHITECTURE.md
  • Pipeline CI/CD configurée
  • Preview env par PR
  • Tests unitaires + E2E (Playwright)
// Ship + Runtime
  • Prod live + DNS configuré
  • Sentry + analytics branchés
  • Status page publique
  • Handoff doc + Loom de 30 min
  • 30 jours de garantie incluse
// Prêt à décoller ?

On peut commencer la
discovery dès cette semaine.

Pas de démarche complexe. Un appel de 30 min, un brief clair sous 48h, un go/no-go assumé des deux côtés.

K · pour les curieux