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