Reparto · Funnel
Funnel — tutti gli step, in ordine
Prendere il codice già funzionante e trasformarlo, cliente per cliente, in un funnel vero. Ogni step qui sotto è completo in sé — apri, leggi, esegui, spunta.
Compilare e adattare le 5 pagine del funnel (Start, Survey, Outcome, Apply, Thank You) sul brand e sui contenuti del cliente specifico — via Claude Code ("vibe coding"), non da zero.
~5-10 ore per cliente (dipende da quanto cambia rispetto all'esempio Doc Marketing) — dopo che Fase 0 e il Copy sono pronti.
Sulla struttura/formule di punteggio → Strategist. Sul copy esatto da inserire → Copywriter.
Accesso a Claude Code (piano Pro/Max) e al repo del progetto: chiedi a IT o PM.
Non si riparte da un foglio bianco: apri start.html in un browser per vedere il funnel Doc Marketing girare end-to-end. Il template Doc Marketing è l'esempio lavorato, non un vincolo — pilastri, domande, numero di Outcome possono cambiare per un nuovo cliente (deciso in Fase 0). Riferimento completo: 01 Struttura e Schema-Survey.md.
Prima di aprire qualunque file, assicurati di avere in mano questi 3 elementi — costruire senza di loro significa rifare il lavoro due volte:
- La brand board del cliente (colori, font, logo)
- I pilastri/domande confermati dallo Strategist (uguali o diversi da quelli Doc Marketing)
- Il tipo di offerta previsto dopo ogni Outcome
Copia il template esistente (esempio Doc Marketing) in una nuova cartella cliente — non modificare mai l'originale direttamente, così resta sempre disponibile come riferimento pulito per il prossimo cliente.
Se lo Strategist ha confermato per il nuovo cliente gli stessi 6 pilastri/40 domande/4 profili di Doc Marketing, salta questo step. Se invece è cambiato qualcosa (niche diverso, meno pilastri, altri profili), aggiorna l'array delle domande e le formule di rischio nel file della survey — mai a mano nel copy delle pagine, sempre nell'array sorgente, per evitare disallineamenti tra punteggio mostrato e punteggio calcolato.
Prompt pronti per questa fase di adattamento: Prompt-Replica-Rapida.md — sette prompt in sequenza dalla raccolta dati fino alla QA finale.
Colori, font e logo si cambiano nelle variabili CSS in cima a ogni file — non sparsi nel codice. Se il cliente non ha ancora una brand board consolidata, torna dal reparto Design (Fase 0) prima di procedere: non indovinare i colori.
Scegli una sola modalità e usala coerentemente su tutto il funnel del cliente — non lasciarne due versioni "per sicurezza": se servono entrambe per un motivo specifico, tienile sincronizzate (stesse domande, stesse formule) o elimina quella che non usi davvero.
Copy mancante o ambiguo → richiedilo al Copywriter, non inventarlo tu per "andare avanti": è la causa più comune di rilavorazioni tardive. Per generare ogni singolo blocco di pagina (hero, radar, form, card Outcome, ecc.) mentre incolli il copy, usa il Prompt Vault — un prompt per elemento, cercabile e filtrabile.
Prima di dire "fatto": ridimensiona il browser a 320px di larghezza (schermo più piccolo diffuso) e verifica che nulla sia tagliato o sovrapposto. Poi fai un giro completo del funnel dall'inizio alla Thank You in locale, come farebbe un utente vero.
Consegna le pagine a IT solo dopo aver verificato che non ci sia più nessun placeholder <<...>> nel codice — cercali esplicitamente con una ricerca testuale, non "a occhio". Da qui IT collega le pagine al relay/API GHL: Fase 3.
- Non lasciare placeholder
<<...>>nel codice consegnato — cercali esplicitamente prima di dire "fatto" - Se overlay e pagina standalone del survey esistono entrambe, tienile sincronizzate o elimina quella che non usi
- Non alterare l'ordine delle opzioni nella domanda "soluzione preferita" (versione LONG) — implica il budget, cambiare l'ordine ne annulla l'effetto
- Testa sempre a 320px di larghezza prima di dire che una pagina è pronta