# 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.