ldy26098
/
BMAD-METHOD
mirror of https://github.com/bmad-code-org/BMAD-METHOD.git
1
0
Fork 0
Code Packages Projects Releases Wiki Activity

feat(wds): Add visual elements and reference sketch to Hero Section of product brief 

Enhanced the Hero Section of the product brief by including a reference sketch and detailed visual elements. This addition aims to improve user understanding of WDS through clear visual representation and structured content.
This commit is contained in:
Mårten Angner 2025-12-24 01:28:05 +01:00
parent 654a51d06d
commit 5d0555d476
2 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/modules/wds/examples/WDS-Presentation/Resources/HeroSection.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 84 KiB

10
src/modules/wds/examples/WDS-Presentation/docs/1-project-brief/01-product-brief.md
View File

@ -268,6 +268,10 @@ Using Action Mapping model to identify user actions and required information for
### SECTION 1: HERO SECTION ### SECTION 1: HERO SECTION
**Reference Sketch:**
![Hero Section Concept](../Resources/HeroSection.jpg)
**User Action Goal:** Understand what WDS is and decide to explore further **User Action Goal:** Understand what WDS is and decide to explore further
**What Users Need to Learn:** **What Users Need to Learn:**
@ -284,6 +288,12 @@ Using Action Mapping model to identify user actions and required information for
- Primary CTA: "Explore on GitHub" (link to repository) - Primary CTA: "Explore on GitHub" (link to repository)
- Secondary CTA: "Read WDS Articles" (link to filtered blog posts) - Secondary CTA: "Read WDS Articles" (link to filtered blog posts)
**Visual Elements (from sketch):**
- Hero illustration showing designer working with specifications/documentation
- Deep blue background (consistent with current template)
- Clear visual hierarchy: Headline → Description → CTAs
- Right-side illustration area (person with device/documentation)
**Success Metric:** User understands WDS concept and clicks through to GitHub or continues reading **Success Metric:** User understands WDS concept and clicks through to GitHub or continues reading
--- ---