# PX002 — Invitation Module Design Critique & Experience Refinement **Page Experience | Professional Design Critique, UX Refinement & Cross-Module Quality Improvements** --- # Objective The INVEETAIRE platform has completed: - UX001–UX010A - DS001 - QA001 - PX001 This sprint focuses on the Invitation module. However, this is also an opportunity to resolve any remaining UX inconsistencies discovered in previous refinement sprints. This sprint is NOT a feature sprint. This sprint is NOT a branding sprint. This sprint is a professional design critique followed by implementation. Think like the Lead Product Designer reviewing the product before launch. --- # Project Context Before making any decisions, read: /assets/branding/ Required: - README.md - brand-colors.md - design-system.md - ai_guide.md These remain the single source of truth. --- # Scope Primary Scope Review every Invitation page. Including: - Invitation Dashboard - Invitation Builder - Invitation Editor - Theme Selection - Theme Preview - RSVP Center - Wishes - WhatsApp Queue - Guest Invitation Pages - Preview Pages - Related Invitation Settings --- Secondary Scope While reviewing the project, you MAY improve remaining UX issues discovered in previous modules when: - the same layout pattern exists, - the same spacing issue exists, - the same visual imbalance exists, - the improvement increases platform consistency. Do not ignore obvious UX problems simply because they belong to PX001. The objective is overall platform quality. --- # Phase 1 — Professional Design Critique IMPORTANT Do NOT immediately modify code. First inspect every Invitation page. Review it exactly like a Senior Product Designer. Score every page. Examples: Invitation Dashboard 8.4 / 10 Invitation Editor 7.8 / 10 RSVP Center 8.9 / 10 Theme Gallery 9.0 / 10 Preview 8.1 / 10 --- For every page explain: Strengths Weaknesses Visual issues UX issues Hierarchy issues Layout issues Whitespace issues Composition issues Action placement issues Professional recommendations Be critical. Do not assume existing implementations are already correct. --- # Phase 2 — Design Refinement Only after completing the critique: Implement improvements. Focus on quality rather than quantity. --- # Review Areas ## 1. Page Composition Review the page as one complete experience. Ask: - Does it feel premium? - Does it feel balanced? - Is the eye naturally guided? - Does anything feel awkward? --- ## 2. Visual Hierarchy Review: - titles - subtitles - hero sections - cards - actions - information hierarchy Users should instantly understand the page. --- ## 3. Action Placement Review: Preview Save Publish Duplicate Share Back Delete Ensure: - comfortable spacing - proper grouping - clear priority - balanced alignment Buttons should never appear crowded. --- ## 4. Invitation Preview Experience Review: - preview cards - mockups - desktop preview - mobile preview - theme selector The preview should become the visual highlight of the module. --- ## 5. Forms Review: - field grouping - spacing - widths - helper text - action areas Forms should be comfortable. --- ## 6. Cards Review: - padding - proportions - spacing - hierarchy Cards should never feel compressed. --- ## 7. Layout Balance Review: - left/right balance - empty space - oversized whitespace - narrow content - oversized content Improve composition. --- ## 8. Micro UX Review: - badges - icons - breadcrumbs - empty states - filters - tabs - dropdowns - hover states Improve perceived quality. --- ## 9. Cross Module Consistency If you discover: - the same spacing issue, - the same action grouping, - the same page header issue, - the same container issue, - the same composition issue inside another module, fix it as well. The platform is more important than sprint boundaries. --- # Designer Mindset Assume you are NOT the engineer. Assume you are reviewing another team's work. Ask yourself: Would I approve this page for production? Would this page impress users? Would this page look comfortable on a 27-inch monitor? Would this page feel comparable to premium SaaS products? If not, improve it. --- # Constraints Do NOT: - redesign workflows - add features - change business logic - modify controllers - modify models - modify routes - modify database Do NOT modify: - branding package - typography system - logos - favicon Only improve UX. --- # Deliverables ## 1. Design Critique Score every Invitation page. Explain: - strengths - weaknesses - reasons --- ## 2. Improvements Implemented Explain: - what changed - why - UX benefit --- ## 3. Cross-Module Improvements List improvements also applied to other modules. Explain why. --- ## 4. Before vs After For every modified page: Old Score ↓ New Score Explain the improvement. --- ## 5. Files Modified List every modified file. --- ## 6. PHP Syntax Verification Run: php -l Verify every modified PHP file. --- ## 7. Completion Status Choose ONE: ✅ Invitation Module Approved OR ⚠ Additional Invitation Refinement Recommended Explain your reasoning. --- # Success Criteria The Invitation module should: - Feel premium. - Feel elegant. - Feel calm. - Feel balanced. - Guide users naturally. - Eliminate cramped layouts. - Improve preview experience. - Improve action placement. - Preserve all functionality. The platform should become more consistent than before this sprint. Treat this as a professional product design review before release.