12 KiB
Phase 6: PRD Finalization (Complete PRD)
Agent: Freyja the PM
Output: Complete PRD in C-Requirements/ + Handoff materials in E-UI-Roadmap/
What This Phase Does
PRD Finalization compiles all the functional requirements discovered during Phase 4 into a complete, development-ready Product Requirements Document.
The key insight: Your PRD started in Phase 3 with platform/infrastructure. During Phase 4, each page added functional requirements (via step 4E). Now you organize, prioritize, and finalize everything for development handoff.
By the end, developers have a complete PRD covering both technical foundation and all UI-driven features.
What You'll Create
Updated PRD (C-Requirements/) includes:
From Phase 3 (Technical Foundation):
- Platform architecture
- Data model
- Integration map
- Technical proofs of concept
- Experimental endpoints
- Security framework
Added from Phase 4 (Functional Requirements):
- All features discovered during page design
- Page-to-feature traceability
- Priority rankings
- Feature dependencies
- Implementation notes
New in Phase 6:
- Feature organization by epic/area
- Development sequence
- MVP scope definition
- Technical dependencies mapped
Handoff Package (E-UI-Roadmap/):
- Priority sequence document
- Scenario-to-development mapping
- Component inventory (if Design System enabled)
- Open questions for dev team
How It Works
Stage 1: Review Collected Requirements (30-45 minutes)
Gather all functional requirements added during Phase 4:
Go through each scenario specification and extract the requirements added in step 4E:
From 1.1-Start-Page:
- User authentication system
- Session management
- Password reset flow
From 1.2-Sign-Up:
- Email validation (format, domain check, duplicate prevention)
- Phone number validation with country code
- Account activation via email
From 2.1-Dog-Calendar:
- Availability calendar API
- Real-time updates via WebSocket
- Date/time localization
Compile into master feature list with page references preserved.
Stage 2: Organize by Epic/Feature Area (30-45 minutes)
Group related features together:
## Epic 1: User Authentication & Account Management
### Features
**User Registration**
- Required by: 1.2-Sign-Up
- Email validation (format, domain, duplicates)
- Phone validation with country codes
- Account activation flow
**User Login**
- Required by: 1.1-Start-Page, multiple pages
- Email/password authentication
- Session management (30-day persistence)
- "Remember me" functionality
**Password Management**
- Required by: 1.1-Start-Page (reset link)
- Password reset via email
- Password strength validation
- Secure token generation
Stage 3: Define Priorities & Sequence (45-60 minutes)
Based on your Phase 2 Feature Impact Analysis:
Reference the scoring you did in Phase 2 to inform priorities:
## Development Sequence
### Priority 1: MVP - Core User Flow
**Target:** Weeks 1-4
Features from Epic 1 (Authentication) + Epic 2 (Core Booking):
- User registration (Impact Score: 14)
- User login (Impact Score: 16)
- Availability calendar (Impact Score: 16)
- Basic booking flow (Impact Score: 18)
**Why this order:**
Serves Priority 1 target group, addresses highest-impact drivers.
### Priority 2: Enhanced Features
**Target:** Weeks 5-8
Features from Epic 3 (Payments) + Epic 4 (Notifications):
- Payment processing (Impact Score: 12)
- Booking confirmations (Impact Score: 11)
- Calendar sync (Impact Score: 8)
Stage 4: Map Dependencies (20-30 minutes)
Technical dependencies between features:
## Feature Dependencies
**Booking Flow** depends on:
- ✓ User authentication (must be logged in)
- ✓ Availability calendar (must see open slots)
- ⚠️ Payment system (can launch with "pay in person" temporarily)
- ⚠️ Notifications (can launch without, add later)
**Recommendation:** Launch MVP with auth + calendar, add payments in Sprint 2.
Stage 5: Create Handoff Package (30-45 minutes)
Organize for development team:
In E-UI-Roadmap/ folder, create:
priority-sequence.md- What to build when and whyscenario-to-epic-mapping.md- How WDS scenarios map to dev epicscomponent-inventory.md(if Design System enabled) - All components neededopen-questions.md- Decisions for dev team to make
The Complete PRD Structure
Your finalized PRD in C-Requirements/ combines all phases:
# Product Requirements Document
## 1. Technical Foundation (from Phase 3)
### Platform Architecture
- Technology stack decisions
- Infrastructure approach
- Hosting and deployment
### Data Model
- Core entities and relationships
- Database schema
- Data flow diagrams
### Integrations
- External services (Google Maps, Stripe, etc.)
- API specifications
- Authentication providers
### Security & Performance
- Authentication/authorization approach
- Data protection
- Performance requirements
- Proofs of concept results
## 2. Functional Requirements (from Phase 4)
### Epic 1: User Authentication & Account Management
**Features:**
- User registration (Required by: 1.2-Sign-Up)
- User login (Required by: 1.1-Start-Page, multiple)
- Password management (Required by: 1.1-Start-Page)
[Detailed specifications for each feature]
### Epic 2: [Next Epic]
[...]
## 3. Development Roadmap (from Phase 6)
### Priority 1: MVP (Weeks 1-4)
- Features list with Impact Scores
- Why these first (references Trigger Map)
- Timeline estimate
- Dependencies
### Priority 2: Enhanced Features (Weeks 5-8)
[...]
## 4. Dependencies & Constraints
- Technical dependencies between features
- Design constraints from Phase 4
- Third-party limitations discovered in Phase 3
## 5. Success Metrics
- Business goals from Phase 1
- Feature-specific KPIs
- How we measure success
Continuous vs. Final Handoff
The pattern:
- Phase 3: Initial PRD with technical foundation
- Phase 4: PRD grows with each page (step 4E adds requirements)
- Phase 6 (First time): Organize MVP scope from completed scenarios
- Create first handoff package
- Development can begin
- Phase 4 continues: More pages designed, more requirements added
- Phase 6 (Ongoing): Update PRD priorities, create new handoff packages
- Weekly or bi-weekly updates
- Keep dev team synced
You can run Phase 6 multiple times as design progresses.
When to Use This Phase
First PRD Finalization when:
- You have MVP-level scenarios complete (enough for dev to start)
- Core user flows are specified
- Critical features are documented
- Enough work for 2-4 week sprint
Ongoing PRD Updates as:
- Additional scenarios complete
- New feature areas designed
- Priorities shift based on learning
- Sprint planning needs updated scope
Timeline example:
Week 1-2: Phase 1-3 (Strategy, Research, Platform foundation)
Week 3-4: Phase 4 Scenarios 1-3 (Core MVP flows)
Week 5: Phase 6 First Finalization
└──► PRD v1.0: MVP scope ready
└──► Development Sprint 1 begins
Week 6-7: Phase 4 Scenarios 4-6 (Additional features)
Phase 5 Design System (extract components)
Week 8: Phase 6 Update
└──► PRD v1.1: Sprint 2 scope added
└──► Development Sprint 2 begins
Week 9+: Design continues in parallel with development
Regular Phase 6 updates for new sprints
The beauty: Design doesn't block development. You hand off in waves.
Complete list for test automation:
| Scenario | Object ID | Element Type | Notes |
|---|---|---|---|
| 1.1 | welcome-hero-cta |
Button | Primary action |
| 1.1 | welcome-signin-link |
Link | Secondary action |
| 1.2 | signin-email-input |
Input | Required field |
| 1.2 | signin-error-email |
Error | Validation message |
How It Works
Review Completeness
Before handoff, verify:
- All scenarios specified and reviewed
- Design system covers all components
- Object IDs assigned throughout
- Multilingual content complete
- HTML prototypes validated
Identify Priorities
With Freyja, map your Trigger Map priorities to development order:
- Which user triggers are most critical?
- What's the minimum viable experience?
- What can wait for later releases?
Document Technical Context
Capture what developers need to know:
- Design decisions and their rationale
- Technical constraints discovered during design
- Interaction patterns that need special attention
- Performance considerations
Create the Handoff
Organize everything into the UI Roadmap folder:
- Clear priority sequence
- Complete component inventory
- Technical notes and open questions
- Verification checklist
The Handoff Checklist
## Design Handoff Verification
### Product Foundation
- [ ] Product Brief complete and current
- [ ] Trigger Map with prioritized users and goals
- [ ] ICP clearly defined
### Requirements
- [ ] PRD with technical specifications
- [ ] Platform architecture documented
- [ ] Integration requirements listed
### Visual Design
- [ ] All scenarios have specifications
- [ ] All pages have Object IDs
- [ ] States documented (empty, loading, error, success)
### Design System
- [ ] All components documented
- [ ] Design tokens defined
- [ ] Usage guidelines written
### Validation
- [ ] HTML prototypes created for key scenarios
- [ ] Stakeholder review complete
- [ ] Open questions documented
### Ready for Development ✅
When to Use This Phase
First handoff when:
- You have enough scenarios for MVP
- Core user flows are specified
- Critical components are documented
- Developers can start building foundational features
Ongoing handoffs as:
- Each major scenario completes
- New component patterns emerge
- Design decisions affect development
- Sprint planning needs updated priorities
The rhythm:
Week 1-2: Design Phase 1-3 (Strategy, Research, Platform)
Week 3-4: Design Phase 4 Scenarios 1-2 (Core flows)
└──► First Handoff: MVP scope
Week 5-6: Design Phase 4 Scenarios 3-4
Design Phase 5 (Components from 1-2)
└──► Second Handoff: Additional features
Week 7+: Design continues...
Development builds in parallel
└──► Ongoing handoffs as design progresses
You DON'T need to finish all design before handing off.
Development and design work in parallel streams, with regular sync points.
What to Prepare
Bring:
- Completed scenario specifications (Phase 4)
- Design System (Phase 5)
- PRD (Phase 3)
- Trigger Map priorities (Phase 2)
What Comes Next
Your UI Roadmap enables:
- Development kickoff - Clear starting point
- Sprint planning - Prioritized work items
- Test automation - Object ID inventory
- QA validation - Specifications to verify against
Tips for Great Sessions
Think from dev perspective
- What questions will developers have?
- What decisions can't you make for them?
- What context will save them time?
Be explicit about priorities
- Not everything is Priority 1
- Make trade-offs visible
- Connect priorities to business goals
Document the unknowns
- Open questions are valuable
- Don't pretend certainty you don't have
- Let dev team contribute decisions
Keep it updated
- Handoff is ongoing, not one-time
- Update as design evolves
- Maintain as source of truth
Integration with BMM
When handing off to BMad Method (BMM) for development:
WDS → E-UI-Roadmap/ → BMM Architecture & Stories
The UI Roadmap provides:
- Context for architecture decisions
- Specifications for story creation
- Priorities for sprint planning
- Test automation foundations
Example Output
See: examples/dog-week-patterns/E-UI-Roadmap/ for a complete UI Roadmap from a real project.
Phase 6 of the Whiteport Design Studio method