Files
sar/.claude/skills/wds-4-ux-design/data/scenario-init/examples/ecommerce-example.md
julian 17c08e6392 chore: initial monorepo scaffold + WDS Phase 1+2 artifacts
- 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>
2026-05-27 14:34:20 +00:00

1.1 KiB

Example: E-commerce (Sales Goal)

Transparent purchase journey


The 5 Questions

1. Core Feature

"Transparent pricing breakdown - shows all costs upfront"

2. Entry Point

"Google search 'affordable [product]'"

3. Mental State

"Anxious about hidden costs, need transparency before committing"

4. Mutual Success

Business: Purchase completed
User: Confident in value, no surprise costs

5. Shortest Path

Google → Product page → Transparent pricing →
Add to cart → Checkout → Confirmation

Scenario Captured

SCENARIO: Transparent Purchase Journey

START: Google search (anxious about hidden costs)
END: Purchase completed (confident in value)

CRITICAL PATH:
1. Product page → See product + upfront pricing
2. Pricing breakdown → Understand all costs
3. Add to cart → Commit to purchase
4. Checkout → Complete transaction
5. Confirmation → Confidence reinforced

BUSINESS GOAL: Product sale
USER GOAL: Confident purchase, no surprises

← Back to Guide