- Nx 22.7 monorepo (pnpm 11.1, TypeScript 5.9, Node 24) - apps/api: NestJS 11 (CJS conforme CODING-RULES.md PGD-DB-004) - apps/web: React 19 + Vite 8 (ESM) - libs/shared/api-interface: Zod contract base - Docker Compose dev: Postgres 18, Valkey 8, MinIO, Mailpit - WDS artifacts: - design-artifacts/A-Product-Brief/ (5 docs canônicos + 16 dialogs) - design-artifacts/B-Trigger-Map/ (hub + 4 personas + feature impact) - Stack canon: STACK.md v2.2 + CODING-RULES.md v2.0 + brand.md - AGENTS.md + README.md como entrada para devs/agentes Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
97 lines
3.3 KiB
Markdown
97 lines
3.3 KiB
Markdown
# Example: Golden Circle Applied to Hairdresser Newsletter
|
|
|
|
**Trigger Map Context:** Hairdresser newsletter signup
|
|
|
|
**Structural Order:**
|
|
|
|
```yaml
|
|
structural_order:
|
|
section_why:
|
|
purpose: "Emotional connection—problem recognition and aspiration"
|
|
content_elements:
|
|
- order: 1
|
|
element: "Headline: 'Are Your Clients Asking About Trends You Haven't Heard Of?'"
|
|
rationale: "Opens with emotional pain point—immediate recognition"
|
|
|
|
- order: 2
|
|
element: "Subhead: 'Stop feeling behind. Become your town's go-to beauty authority.'"
|
|
rationale: "Validation (you're not alone) + aspiration (badass state)"
|
|
|
|
- order: 3
|
|
element: "Visual: Split image—uncertain hairdresser → confident trendsetter"
|
|
rationale: "Shows transformation visually, reinforces emotional journey"
|
|
|
|
section_how:
|
|
purpose: "Solution approach—how stylists stay ahead"
|
|
content_elements:
|
|
- order: 1
|
|
element: "Heading: 'Here's How Stylists Stay Ahead:'"
|
|
rationale: "Introduces solution category (trend newsletters) to Problem Aware users"
|
|
|
|
- order: 2
|
|
element: "Weekly trend alerts delivered Monday morning"
|
|
rationale: "Explains the method—simple, regular, manageable"
|
|
|
|
- order: 3
|
|
element: "60-second explainers—understand it fast"
|
|
rationale: "Key differentiator—reduces cognitive load fear"
|
|
|
|
- order: 4
|
|
element: "Client conversation starters included"
|
|
rationale: "Shows transformation path—immediate application"
|
|
|
|
section_what:
|
|
purpose: "Product naming, proof, and action"
|
|
content_elements:
|
|
- order: 1
|
|
element: "Heading: 'Join TrendWeek—Free for Stylists'"
|
|
rationale: "NOW we can name the product (moved to Product Aware)"
|
|
|
|
- order: 2
|
|
element: "2,000 stylists already ahead"
|
|
rationale: "Social proof builds credibility before ask"
|
|
|
|
- order: 3
|
|
element: "Button: 'Start Staying Ahead'"
|
|
rationale: "Capability-framed CTA (not 'sign up')"
|
|
|
|
- order: 4
|
|
element: "Subtext: 'Free. No credit card. Cancel anytime.'"
|
|
rationale: "Risk removal last—addresses final barrier"
|
|
|
|
flow_validation:
|
|
feels_natural: "Yes—emotion → method → specifics flows smoothly"
|
|
persuasive_arc: "WHY connects emotionally, HOW builds confidence, WHAT enables action without jumping too fast"
|
|
```
|
|
|
|
---
|
|
|
|
## Analysis
|
|
|
|
**WHY Section:**
|
|
- Opens with emotional pain (problem recognition)
|
|
- Validates feeling (not alone)
|
|
- Shifts to aspiration (can become authority)
|
|
- **Flow:** Problem → Validation → Aspiration
|
|
|
|
**HOW Section:**
|
|
- Introduces solution approach
|
|
- Explains method (weekly delivery)
|
|
- Shows differentiator (60-second format)
|
|
- Demonstrates transformation path (conversation starters)
|
|
- **Flow:** Introduction → Method → Differentiator → Application
|
|
|
|
**WHAT Section:**
|
|
- Names the product (now user is Product Aware)
|
|
- Provides social proof (credibility)
|
|
- Capability-framed CTA (action)
|
|
- Removes risk (final barrier)
|
|
- **Flow:** Naming → Proof → Action → Risk Removal
|
|
|
|
**Persuasive Arc:**
|
|
Emotion (WHY) → Method (HOW) → Specifics (WHAT) creates smooth journey from pain recognition to empowered action.
|
|
|
|
---
|
|
|
|
_Example demonstrating Golden Circle sequencing for hairdresser newsletter content_
|