Reparto · Design

Design — tutti gli step, in ordine

Due lavori distinti: adattare i wireframe del funnel al brand del cliente, e produrre i creativi che Advertising userà per portare traffico. Ogni step qui sotto è completo in sé — apri, leggi, esegui, spunta.

Missione di questo reparto

Tradurre la brand board (Fase 0) in un linguaggio visivo coerente su tutto il funnel, e produrre i creativi (immagini/video) per le campagne.

Entro quanto

Sketch funnel: 2-4 ore (parallelo a Fase 0/Copy). Creatives: dipende dal numero di varianti richieste da Advertising — nessun numero fisso valido per tutti i clienti.

Se hai dubbi

Brand/tono → Strategist. Formato/quantità creativi → Advertising. Copy dei creativi → Copywriter (Design lo riceve, non lo scrive).

Se non hai strumenti

Asset di brand del cliente (logo alta risoluzione, font reali, foto) e accesso agli strumenti di design: richiedili ad Account/PM.

01
Wireframe di riferimento ed esempio live
Da sapere

I 4 wireframe di riferimento (Start, Optin, Domande, Outcome) sono in Mappa — mostrano la struttura di ogni blocco, non ancora il brand del cliente specifico. L'esempio Doc Marketing già completo, pagine reali comprese, è in Esempio Live — usalo come riferimento di "che aspetto ha il prodotto finito", non da copiare 1:1 per un altro cliente.

02
Ricevi la brand board da Fase 0
Costruzione

Parti sempre dalla brand board raccolta in Fase 0 — se manca o è incompleta, torna dallo Strategist prima di disegnare qualsiasi cosa. Non inventare colori/font/tono "a occhio": è l'errore più costoso da correggere a valle, quando Funnel ha già applicato i valori sbagliati a tutte e 5 le pagine.

03
Verifica i wireframe contro pilastri/domande reali
Costruzione

Se il cliente ha un numero di pilastri, domande o Outcome diverso da Doc Marketing (deciso dallo Strategist in Fase 0), verifica che i wireframe reggano comunque — un radar a 6 assi non si adatta automaticamente a 4 o 8 pilastri, va ridisegnato. Prompt pronto per questo: Prompt Vault → "Adattare il radar a N pilastri".

04
Passa i valori brand esatti al reparto Funnel
Costruzione

Consegna al reparto Funnel questi 3 valori esatti — li inserisce direttamente nelle variabili CSS in cima ai file, quindi valori imprecisi ("un arancione tipo questo") si traducono in un funnel visivamente sbagliato:

  • Colori in formato hex esatto
  • Nome e peso dei font
  • Logo in versione vettoriale/alta risoluzione

Se stai riadattando un blocco già pronto per un altro cliente su questo nuovo brand, usa Prompt Vault → "Verificare/correggere un blocco su un nuovo brand" per trovare colori/font rimasti hardcoded dal cliente precedente.

05
Ricevi il brief creativi da Advertising
Costruzione

Chiedi ad Advertising, prima di iniziare a produrre:

  • Formato esatto richiesto da ogni piattaforma/canale (es. 1:1, 4:5, 9:16)
  • Quantità di varianti
  • Messaggio/angle da veicolare in ciascuna

Il contenuto testuale dei creativi arriva dal Copywriter — Design lo riceve, non lo scrive.

06
Produci i creativi
Costruzione

Usa sempre asset reali del cliente (logo, foto, materiali) quando disponibili — evita foto stock generiche se il cliente ha già un archivio proprio: aumentano riconoscibilità e fiducia rispetto a immagini che "potrebbero essere di chiunque". Per generare velocemente una card statica (hook/statistica) da screenshottare nel formato richiesto: Prompt Vault → "Creativo pubblicitario — card statica multi-formato".

07
Testa ogni schermo/creativo a 320px
Costruzione

Prima di consegnare qualunque schermo o creativo, verifica che regga a 320px di larghezza (lo schermo mobile più piccolo diffuso) — è la stessa soglia usata da Funnel per testare le pagine finali.

08
A cosa stare attenti
Attenzione
  • Non inventare colori/font "a occhio" se la brand board non è chiara — torna dallo Strategist
  • Non usare loghi o foto stock generici quando il cliente ha asset reali disponibili — sempre preferire il materiale vero
  • Verificare che ogni schermo/creativo regga a 320px di larghezza (mobile) prima di consegnarlo

Checklist di chiusura reparto

Prossimo: Advertising →