All checks were successful
Deploy to Production / Build and Deploy (push) Successful in 12s
- Sidebar: dynamic brand-accent colors, brainstorm section restyled - AI chat general: popup panel with expand/collapse, hides when contextual AI open - AI chat contextual: tabs reordered (Actions first), X close button, height fix - Settings: all tabs restyled, 6 new color presets (sage, terracotta, iron, etc.) - Global color cleanup: emerald/orange hardcoded → brand-accent dynamic - Brainstorm page: orange → brand-accent throughout - PageEntry animation component added to key pages - Floating AI button: bg-brand-accent instead of hardcoded black - i18n: all 15 locales updated with new AI/billing keys - Billing: freemium quota tracking, BYOK, stripe subscription scaffolding - Admin: integrated into new design - AGENTS.md + CLAUDE.md project rules added
350 lines
7.5 KiB
Markdown
350 lines
7.5 KiB
Markdown
# Content Creation Workshop - Output
|
|
|
|
**Strategically Grounded Content with Full Traceability**
|
|
|
|
**Content Section:** {content-section-name}
|
|
**Page/Context:** {page-or-scenario-name}
|
|
**Created:** {date}
|
|
**Method:** WDS Content Creation Workshop (5-Model Framework)
|
|
|
|
---
|
|
|
|
## Strategic Foundation
|
|
|
|
### Step 1: Trigger Map Context
|
|
|
|
```yaml
|
|
trigger_map_reference:
|
|
business_goal: "{goal text}"
|
|
solution: "{solution name/description}"
|
|
user:
|
|
name: "{persona name}"
|
|
description: "{brief persona description}"
|
|
driving_forces:
|
|
positive: "{wish/aspiration}"
|
|
negative: "{fear/frustration}"
|
|
customer_awareness:
|
|
start: "{awareness level where user begins}"
|
|
end: "{awareness level we want them to reach}"
|
|
```
|
|
|
|
---
|
|
|
|
## Content Strategy
|
|
|
|
### Step 2: Customer Awareness Strategy
|
|
|
|
```yaml
|
|
awareness_strategy:
|
|
start_level: "{awareness level}"
|
|
start_characteristics:
|
|
- "{what they know}"
|
|
- "{what they don't know}"
|
|
- "{how they feel}"
|
|
|
|
end_level: "{awareness level}"
|
|
end_characteristics:
|
|
- "{what they'll know}"
|
|
- "{what they'll understand}"
|
|
- "{how they'll feel}"
|
|
|
|
language_guidelines:
|
|
use: ["{appropriate terms}"]
|
|
avoid: ["{confusing jargon}"]
|
|
tone: "{conversational, authoritative, empathetic, etc.}"
|
|
|
|
information_priorities:
|
|
essential: ["{must include}"]
|
|
helpful: ["{nice to include if space}"]
|
|
avoid: ["{too advanced, confusing, or premature}"]
|
|
|
|
credibility_required:
|
|
type: "{personal story, expert credentials, data, social proof}"
|
|
examples: ["{specific proof elements}"]
|
|
|
|
emotional_journey:
|
|
starting_emotion: "{frustrated, confused, etc.}"
|
|
bridge: "{how we facilitate the shift}"
|
|
ending_emotion: "{hopeful, confident, etc.}"
|
|
```
|
|
|
|
---
|
|
|
|
## Content Filtering
|
|
|
|
### Step 3: Action Filter
|
|
|
|
```yaml
|
|
action_filter:
|
|
required_action:
|
|
description: "{Specific action user must be able to take}"
|
|
success_criteria: "{How we know they can do it}"
|
|
|
|
business_impact:
|
|
connection: "{How this action drives the business goal}"
|
|
logic: "{Action → Outcome → Goal}"
|
|
|
|
user_motivation:
|
|
positive_driver: "{How action satisfies their wish}"
|
|
negative_driver: "{How action addresses their fear}"
|
|
|
|
essential_information:
|
|
- "{Information element 1 - WHY needed for action}"
|
|
- "{Information element 2 - WHY needed for action}"
|
|
- "{Information element 3 - WHY needed for action}"
|
|
|
|
cut_list:
|
|
- "{Nice-to-know info that doesn't enable action}"
|
|
- "{Impressive but irrelevant content}"
|
|
|
|
action_barriers:
|
|
- barrier: "{e.g., confusion about next steps}"
|
|
solution: "{Content that removes this barrier}"
|
|
- barrier: "{e.g., fear of commitment}"
|
|
solution: "{Content that addresses this fear}"
|
|
```
|
|
|
|
---
|
|
|
|
## Content Framing
|
|
|
|
### Step 4: Empowerment Frame
|
|
|
|
```yaml
|
|
empowerment_frame:
|
|
transformation:
|
|
current_state:
|
|
description: "{Where user is now}"
|
|
feelings: ["{frustrated}", "{uncertain}", "{behind}"]
|
|
capabilities: "{What they can't do yet}"
|
|
|
|
badass_state:
|
|
description: "{Where they're going}"
|
|
feelings: ["{confident}", "{capable}", "{ahead}"]
|
|
capabilities: "{What they'll be able to do}"
|
|
|
|
visibility: "{How we make the transformation visible and achievable}"
|
|
|
|
aha_moment:
|
|
insight: "{Key realization that shifts perspective}"
|
|
why_powerful: "{Why this unlocks confidence}"
|
|
|
|
capability_framing:
|
|
- feature: "{Product feature}"
|
|
reframed: "{What USER can do because of it}"
|
|
- feature: "{Product feature}"
|
|
reframed: "{What USER can do because of it}"
|
|
|
|
cognitive_load:
|
|
potential_issues:
|
|
- issue: "{Where content might overwhelm}"
|
|
solution: "{How we reduce load}"
|
|
|
|
simplifications:
|
|
- "{What we simplified or cut}"
|
|
|
|
skill_focus:
|
|
primary_skill: "{Main capability user develops}"
|
|
supporting_skills: ["{Related capabilities}"]
|
|
tools_secondary: "{Tools are means to skill, not the focus}"
|
|
```
|
|
|
|
---
|
|
|
|
## Content Structure
|
|
|
|
### Step 5: Structural Order (Golden Circle)
|
|
|
|
```yaml
|
|
structural_order:
|
|
section_why:
|
|
purpose: "Emotional truth / Why user should care"
|
|
content_elements:
|
|
- order: 1
|
|
element: "{Opening hook}"
|
|
rationale: "{Why this opens}"
|
|
- order: 2
|
|
element: "{Validation or aspiration}"
|
|
rationale: "{Why this comes second}"
|
|
|
|
section_how:
|
|
purpose: "Method / Bridge from emotion to specifics"
|
|
content_elements:
|
|
- order: 1
|
|
element: "{Solution approach}"
|
|
rationale: "{Why this bridges first}"
|
|
- order: 2
|
|
element: "{Key differentiator}"
|
|
rationale: "{Why this matters here}"
|
|
- order: 3
|
|
element: "{Transformation path}"
|
|
rationale: "{Why this comes last in HOW}"
|
|
|
|
section_what:
|
|
purpose: "Specifics / Proof / Action"
|
|
content_elements:
|
|
- order: 1
|
|
element: "{Product/offer name}"
|
|
rationale: "{Why we can name it now}"
|
|
- order: 2
|
|
element: "{Social proof}"
|
|
rationale: "{Why proof comes here}"
|
|
- order: 3
|
|
element: "{CTA}"
|
|
rationale: "{Why action comes last}"
|
|
|
|
flow_validation:
|
|
feels_natural: "{yes/no + notes}"
|
|
persuasive_arc: "{Does WHY → HOW → WHAT create emotional → logical → action flow?}"
|
|
```
|
|
|
|
---
|
|
|
|
## Final Content
|
|
|
|
### Step 6: Generated Content
|
|
|
|
#### Variations Presented
|
|
|
|
**Variation A: {Name - e.g., "Wish-Focused"}**
|
|
|
|
*Rationale:* {Why this approach, what driving force it emphasizes}
|
|
|
|
```
|
|
WHY Section:
|
|
{Content for WHY}
|
|
|
|
HOW Section:
|
|
{Content for HOW}
|
|
|
|
WHAT Section:
|
|
{Content for WHAT}
|
|
```
|
|
|
|
---
|
|
|
|
**Variation B: {Name}**
|
|
|
|
*Rationale:* {Why this approach}
|
|
|
|
```
|
|
WHY Section:
|
|
{Content for WHY}
|
|
|
|
HOW Section:
|
|
{Content for HOW}
|
|
|
|
WHAT Section:
|
|
{Content for WHAT}
|
|
```
|
|
|
|
---
|
|
|
|
**Variation C: {Name}** *(if applicable)*
|
|
|
|
*Rationale:* {Why this approach}
|
|
|
|
```
|
|
WHY Section:
|
|
{Content for WHY}
|
|
|
|
HOW Section:
|
|
{Content for HOW}
|
|
|
|
WHAT Section:
|
|
{Content for WHAT}
|
|
```
|
|
|
|
---
|
|
|
|
#### Selection & Refinement
|
|
|
|
**Chosen Approach:** {Which variation or combination}
|
|
|
|
**Reasoning:** {Why user selected this}
|
|
|
|
**Adjustments Made:** {Any refinements}
|
|
|
|
---
|
|
|
|
#### FINAL CONTENT (Implementation-Ready)
|
|
|
|
**WHY Section:**
|
|
|
|
```
|
|
{Final WHY content}
|
|
```
|
|
|
|
**HOW Section:**
|
|
|
|
```
|
|
{Final HOW content}
|
|
```
|
|
|
|
**WHAT Section:**
|
|
|
|
```
|
|
{Final WHAT content}
|
|
```
|
|
|
|
---
|
|
|
|
## Strategic Traceability
|
|
|
|
**This content serves:**
|
|
|
|
- **Business Goal:** {How this drives the goal}
|
|
- **User Driving Forces:**
|
|
- Positive: {How it satisfies wish}
|
|
- Negative: {How it addresses fear}
|
|
- **Customer Awareness Journey:** {START → END validated}
|
|
- **Required Action:** {What user can now do}
|
|
- **User Empowerment:** {How they feel capable}
|
|
- **Persuasive Structure:** {WHY → HOW → WHAT confirmed}
|
|
|
|
---
|
|
|
|
## Implementation Notes
|
|
|
|
**Technical/Design Requirements:**
|
|
- {Any technical constraints or requirements}
|
|
- {Design system components needed}
|
|
- {Responsive behavior notes}
|
|
|
|
**Multi-Language Support:**
|
|
- English: {Status}
|
|
- {Language 2}: {Status}
|
|
- {Language 3}: {Status}
|
|
|
|
**Assets Needed:**
|
|
- Images: {List image requirements}
|
|
- Videos: {List video requirements}
|
|
- Icons/Graphics: {List graphic requirements}
|
|
|
|
**Testing Considerations:**
|
|
- {A/B test recommendations}
|
|
- {User testing focus areas}
|
|
- {Success metrics to track}
|
|
|
|
---
|
|
|
|
## Workshop Metadata
|
|
|
|
**Duration:** {Actual time spent}
|
|
|
|
**Participants:**
|
|
- Designer: {name}
|
|
- Agent: {agent name}
|
|
|
|
**Alpha Feedback:**
|
|
- {What worked well}
|
|
- {What felt clunky}
|
|
- {What's missing}
|
|
- {How to improve}
|
|
|
|
---
|
|
|
|
_Created using WDS Content Creation Workshop (5-Model Framework)_
|
|
_Models: Trigger Map, Customer Awareness Cycle, Action Mapping, Badass Users, Golden Circle_
|
|
|