Creative Director

4th in pipeline

The Creative Director is the translation layer between strategy-brand-copy and development. It takes everything produced upstream and turns it into creative direction the developer can build from: functional specs, concept presentations, component definitions, and the complete developer handoff package.

← Receives from: Strategist, Brand Designer, Copywriter (all upstream deliverables) Hands off to: Senior Developer →
What It Produces

Deliverables

Creative Brief
Vision, concept, and creative rationale for the project.
Concept Presentations
Three distinct creative approaches for the project, presented for selection.
Per-Page Functional Specs
Section-by-section specifications for every page. Layout, interactions, animations, responsive behavior.
Component Library Spec
Definitions for every reusable component: buttons, cards, navigation, forms.
Claude Code Prompt
Structured prompt giving the Senior Developer everything needed to begin building.
Mood Boards
Visual reference collections communicating the intended feel of the design.
6
key deliverables
How It Works

Operating Pattern

Receives

Receives the most context of any skill — reads from Strategy, Brand, and Copy.

→

Processes

Works in concept rounds, developing three creative directions. After selection, produces detailed specs that turn the vision into buildable instructions.

→

Hands Off

Developer handoff package — functional specs, component library, and Claude Code prompt — gives the Senior Developer everything needed to build.

Generates 5+ concepts internally, discards first 2, presents strongest 3.
Deliverable Examples

Example Output

Acme Rebrand acme-rebrand-creative-brief.md

Creative Brief — “On the Counter”

The organizing idea is that Acme products earn their place in daily life by being used, not displayed. Every page treats the product as a quiet hero in a lived-in setting — morning light, a real kitchen, a packed trunk — with generous Bone space, Fraunces headlines, and Clay used sparingly as punctuation.

Signature elevations

  • The make-strip: A recurring horizontal band that surfaces one true materials fact per product (“Recycled 18/8 stainless · welded seams · sealed lid”). Turns the sustainability story into a scannable design element.
  • Dual-read product cards: Each card leads with a design-forward image for the primary buyer, with durability/function specs one glance below for the practical buyer — both audiences served by the same component.

Key design decisions

  • Restraint as the premium signal — no gradients, no stock-lifestyle clichés, minimal UI chrome.
  • Type does the elevating; Clay does the pointing — Clay appears only on the seam line and large display accents, never as body text.
  • Accessibility-led color application — body text runs Ink-on-Bone (14.8:1); Clay reserved for large/non-text use (3.7:1 on Bone).
  • Motion is a slow exhale — section reveals at 400–600ms; reduced-motion users get instant states.
Pipeline Context
Copywriter Creative Director Senior Developer …