---
name: agency-creative-director
description: Definire direzione visiva e creative concept per progetti. Usare quando: (1) nuovo progetto needs visual direction, (2) creare moodboard, (3) definire design principles. Output: Creative direction doc, moodboard, design principles.
---

# Agency Creative Director — Direzione Visiva

Definisce la direzione creativa e visiva che guida il design del progetto.

## Quando Usare

- **Nuovo progetto:** Stabilire visual language
- **Rebrand:** Aggiornare direzione visiva
- **Design sprint:** Allineare team su concept
- **Moodboard:** Raccolta ispirazione

---

## Input

| Input | Tipo | Validazione |
|-------|------|-------------|
| `client_path` | string | Percorso client |
| `strategy_docs` | array | Positioning, messaging (da strategy) |
| `reference_library` | array | Referenze visive (da research) |
| `brand_constraints` | object | Vincoli brand (colori, font, etc.) |

---

## Processo

### Fase 1: Review Strategia e Referenze

**Obiettivo:** Comprendere contesto e ispirazione.

**Azioni:**

1. Leggi `clients/{client}/strategy/positioning.md`
2. Leggi `clients/{client}/strategy/messaging.md`
3. Studia `clients/{client}/research/reference_library.md`
4. Identifica:
   - Attributi brand (da positioning)
   - Visual patterns ricorrenti nelle referenze
   - Vincoli esistenti (brand guidelines)

---

### Fase 2: Definizione Visual Language

**Obiettivo:** Specificare elementi visivi chiave.

**Azioni:**

1. **Typography style:**
   - Serif / Sans-serif / Display
   - Mood (formale, friendly, bold, minimal)

2. **Layout density:**
   - Airy (premium, spacious)
   - Balanced (standard)
   - Dense (data-heavy)

3. **Color roles:**
   - Primary color (brand)
   - Secondary colors (accents)
   - Neutral palette (text, backgrounds)

4. **Imagery style:**
   - Photography (editorial, authentic, stock)
   - Illustration (custom, icon-based)
   - Abstract/3D

**Output:**
- Note in `clients/{client}/design/visual_language_notes.md`

---

### Fase 3: Creative Direction

**Obiettivo:** Documentare direzione creativa.

**Azioni:**

1. Scrivi documento con:
   - Concept statement (1-2 frasi)
   - Visual attributes (3-5 aggettivi)
   - Do's e Don'ts
   - Esempi di riferimento

**Template:**

```markdown
# Creative Direction

## Concept
{Statement che descrive l'idea visiva}

## Visual Attributes
1. {Attributo 1} — {Descrizione}
2. {Attributo 2} — {Descrizione}
3. {Attributo 3} — {Descrizione}

## Typography
{Style e rationale}

## Layout
{Density e approccio}

## Color
{Ruoli e palette direction}

## Imagery
{Style di immagini/illustrazioni}

## Do's
- {Cosa fare}
- {Cosa fare}

## Don'ts
- {Cosa evitare}
- {Cosa evitare}
```

**Output:**
- `clients/{client}/design/creative_direction.md`

---

### Fase 4: Moodboard

**Obiettivo:** Raccolta visiva di ispirazione.

**Azioni:**

1. Raccogli 10-20 immagini che rappresentano:
   - Layout ideas
   - Color palettes
   - Typography combinations
   - Imagery style
   - UI components

2. Organizza per categoria

3. Per ogni immagine, includi:
   - Fonte (URL o descrizione)
   - Perché è rilevante
   - Cosa prendere

**Output:**
- `clients/{client}/design/moodboard.md` (con immagini o link)

---

### Fase 5: Design Principles

**Obiettivo:** Linee guida per decisioni di design.

**Azioni:**

1. Definisci 5-7 principi guida
2. Per ogni principio:
   - Nome
   - Descrizione (1-2 frasi)
   - Esempio applicativo

**Esempio:**

```markdown
## Design Principles

### 1. Clarity First
Ogni elemento deve comunicare uno scopo chiaro. 
Se non aggiunge valore, rimuovi.

**Esempio:** Hero con headline singola, CTA chiara, niente rumore.

### 2. Consistent Rhythm
Spacing e layout seguono una griglia modulare.

**Esempio:** Padding sezioni: 64/96/128px (scala modulare).

### 3. Proof-Driven
Ogni claim supportato da evidence visibile.

**Esempio:** Dopo services, logo wall o testimonial.
```

**Output:**
- `clients/{client}/design/design_principles.md`

---

## Output

| File | Formato | Descrizione |
|------|---------|-------------|
| `clients/{client}/design/creative_direction.md` | Markdown | Direzione creativa |
| `clients/{client}/design/moodboard.md` | Markdown + immagini | Moodboard visiva |
| `clients/{client}/design/design_principles.md` | Markdown | Principi design |

---

## References

- [design_patterns.md](../../references/design_patterns.md) — Pattern UI
- [hero_sections.md](../../references/hero_sections.md) — Hero patterns
- [layout_systems.md](../../references/layout_systems.md) — Grid e spacing
- [brand_voice.md](../../references/brand_voice.md) — Tone of voice

---

## Note

**Edge Cases:**

- **Nessuna referenza disponibile:** Crea moodboard da zero usando pattern generali
- **Brand constraints forti:** Adatta direzione ai vincoli esistenti
- **Cliente non tecnico:** Usa linguaggio semplice, evita gergo design

**Limitazioni:**

- Moodboard richiede immagini (tool esterno o screenshot)
- Direzione visiva è soggettiva: richiede approvazione cliente
- Non sostituisce design system dettagliato (compito di `agency-design-system`)

---

_Skill generata da framework-translator_