Stellar.

Stellar est un SaaS d’influencer marketing B2B positionné face à Grin, Favikon, Kolsquare, Traackr et Storyclash. Sarah, la fondatrice, veut une refonte complète de la présence web : 4 pages marketing premium, illustrations custom, intégration front-end, et de l’autonomie interne post-livraison. Site EN, cible marketing managers, agences, marques.

Le brief est arrivé le 11/05 via Bashir. Deux particularités : Sarah avait exclu WordPress puis l’a finalement demandé (l’argumentaire CMS complet vit dans le brain si ça rebondit), et elle a étendu le scope elle-même au-delà des ~10K€ initiaux : le dépassement est documenté, pas une dérive.

pour démarrerle PRD v1.0 · le devis cliquable · la démo CMS · projects/stellar.md

Un mois de cadrage, six étapes, et le go est tombé : la mission démarre maintenant.

1. 01brief · 11/05

   Brief Sarah

   Reçu via Bashir, analysé, découpé en lots alignés sur le mail client.

   out → projects/stellar.md fait
2. 02devis · 12–18/05

   Devis cliquable

   Site devis interactif (mode doc + slide), brand-faithful Nightborn, recalcul live des options.

   out → stellar-proto · /presentation + /doc fait
3. 03pivot · 20/05

   Pivot WordPress

   Sarah revient sur son brief et demande WordPress. Refactor devis v2 → v4 : 4 pages, WP headless, PM + QA 15%.

   out → devis v4 · 13 650€ fait
4. 04démo · 03/06

   Démo WP headless

   Pour prouver le choix CMS : WordPress en back-office, Next.js devant, publication instantanée.

   out → stellar-cms.toma.surf live fait
5. 05prd · 05/06

   PRD v1.0

   Le périmètre figé noir sur blanc : scope inclus/exclu exhaustif, design, stack, timeline, décisions.

   out → clients/stellar/prd.html fait
6. 06go · 12/06

   Devis validé, go client

   Sarah valide le devis. La mission est lancée sur le périmètre du PRD v1.0.

   out → 5 semaines · 4 checkpoints fait
7. 07maintenant

   Plan d’attaque & benchmark

   Tu montes le plan d’attaque (section 06) ; dès qu’il est posé, Toma attaque le benchmark design.

   out → plan + dates réelles des 5 semaines à toi

Quatre assets. Tout existe déjà, rien à reconstruire.

Rien n’est encore dessiné : c’est ce que Toma attaque dès que ton plan d’attaque est posé. La Phase 1 (S1) = kick-off + wireframes des 4 pages + benchmark design → 2 pistes DA. Tout le cadrage ci-dessous vient du PRD §.04 : c’est la matière à séquencer dans ton plan.

• Lot 1 — design + illustrations (DA, wireframes, UI hi-fi 4 pages)7,5 J · 5 250€
• Lot 4 — intégration FE (responsive, anims, SEO, deploy)4,5 J · 3 150€
• Lot 5 — CMS WP headless + blog + handoff2 J · 1 400€
• Lot 6 — Google Analytics mapping1 J · 700€
• PM 15% (Bashir) + QA 15% (recette cross-browser)4,6 J · 3 150€

Timeline contractuelle : 5 semaines post kick-off, 4 phases, 4 checkpoints — CP1 DA + wireframes (fin S1) · CP2 UI + illustrations (mi-S3) · CP3 recette staging (fin S4) · CP4 livraison + handoff (fin S5). 2 rounds de feedback par lot, 0,5 J par round supplémentaire. Tout hors scope = avenant écrit validé Bashir + Sarah.

Ton livrable. L’étape 1 est posée, le reste est à toi : séquence les étapes, pose les dates, mappe-les sur les 4 checkpoints du PRD (CP1 fin S1 · CP2 mi-S3 · CP3 fin S4 · CP4 fin S5).

1. 01design · dès maintenant

   Benchmark design → présentation Sarah

   Audit des 5 compétiteurs + refs premium + Pinterest de Sarah → moodboard → 2 pistes DA. Présentées à Sarah pour valider la direction.

   out → direction validée CP1
2. 02phase · durée ?
   out →  CP ?
3. 03phase · durée ?
   out →  CP ?
4. 04phase · durée ?
   out →  CP ?
5. 05phase · durée ?
   out →  CP ?
6. 06phase · durée ?
   out →  CP ?

La matière à caser dans les étapes — rien de tout ça ne doit tomber entre les mailles :

• Caler les dates réelles

  Le PRD dit « dates communiquées à la signature » — on y est. Poser le kick-off avec Bashir et dérouler les 5 semaines : CP1 fin S1 · CP2 mi-S3 · CP3 fin S4 · CP4 fin S5.

• Les wireframes

  Les 4 pages (structure déjà figée au PRD, section 04) — même phase que le benchmark, validés ensemble au CP1.

• UI hi-fi + illustrations

  4 pages desktop + mobile et les 4–6 illustrations, validées au CP2. 2 rounds de feedback par lot.

• Intégration, QA, handoff

  Setup WP headless + intégration FE + staging (CP3), puis recette cross-browser, prod et handoff README (CP4).

• Acter le copy tôt

  Fourni par Stellar, dû avant la Phase 3. À verrouiller dès le kick-off : qui l’écrit chez eux, sous quel délai. Copy en retard = timeline glissée, c’est contractuel.

• La stack front

  Toma fait le design et le dev. Reste à trancher la stack au kick-off (Next.js ou Vite + React), alignée sur l’infra Stellar, avant la Phase 3.

• Slots & validations Sarah

  Un sign-off sous 48h par checkpoint, c’est ce qui tient les 5 semaines. Pré-booker les 4 slots CP dès le kick-off.

Ce qui n’est pas encore tranché côté Sarah. Tout passe par Bashir.

• Dates kick-off§.01

  Le go est là, les dates pas encore. À poser avec Bashir — premier item du plan d’attaque.

• Stack front§.02

  Next.js ou Vite + React — choix Toma au kick-off, aligné sur l’infra Stellar. Hébergement : Vercel par défaut, ou leur infra.

• Copy§.03

  Fourni par Stellar avant la Phase 3. Pas encore de signal : qui l’écrit chez eux, sous quel délai ?

bubbles · enregistrement

Stellar sync — website & devis

Le sync sur le site et le devis, en vidéo. La voix du client en direct : à regarder avant de poser le plan d’attaque.

app.usebubbles.com ↗

• PRD v1.0 : brain → clients/stellar/prd.html (HTML print A4).
• Repos GitHub (privés, compte thomasclaude-hash) : stellar-proto · stellar-headless-demo. Accès : demande à Toma.
• URLs live : https://stellar-cms.toma.surf · https://wp.stellar-cms.toma.surf/wp-admin.
• Hébergement : Dokploy Toma (vars d’env, builds, domaines).
• PM : Bashir Tahir — seul canal vers Sarah, tout passe par lui.
• Toma : Slack, pour les crédentials, le contexte et le reste.