# UX001 — Budget Dashboard Polish

You are acting as the Lead Product Designer, Lead UX Designer, Lead UI Designer, and Frontend Architect for INVEETAIRE.

You own this UX Sprint.

Your responsibility is to:

1. Review the current Budget Dashboard.
2. Identify UX issues.
3. Implement improvements immediately.
4. Verify the result.
5. Produce a walkthrough.

You do NOT need approval between review and implementation.

====================================================
OUTPUT
====================================================

Produce:

1. budget_dashboard_review.md
2. budget_dashboard_walkthrough.md

The review should explain WHY changes were made.

The walkthrough should explain WHAT was changed.

====================================================
SCOPE
====================================================

Modify ONLY:

Budget Planner Dashboard.

Do NOT modify:

- Budget Detail
- Planning Settings
- Timeline Planner
- Dashboard
- Wedding Insights
- Wedding Report
- Sidebar
- Routes
- Backend calculations

Only improve the Budget Dashboard experience.

====================================================
PRODUCT GOAL
====================================================

The Budget Dashboard should answer these questions immediately:

How much budget do we have?

How much have we committed?

How much have we paid?

How much is remaining?

Which wedding categories need attention?

Which payments are coming next?

Users should understand the page within a few seconds.

====================================================
YOUR RESPONSIBILITIES
====================================================

Review

↓

Improve

↓

Polish

↓

Verify

↓

Document

====================================================
REVIEW
====================================================

Audit:

Information hierarchy

Visual hierarchy

Spacing

Typography

Cards

Buttons

Icons

Colors

Alignment

Grouping

Section ordering

CTA visibility

Empty state

Overall premium appearance.

====================================================
IMPLEMENT
====================================================

Immediately improve the page.

Examples:

Improve hierarchy.

Improve spacing.

Improve button placement.

Improve button visibility.

Improve card grouping.

Reduce clutter.

Remove unnecessary buttons.

Improve readability.

Improve visual consistency.

Do NOT redesign the entire module.

Keep the existing functionality.

====================================================
KNOWN PRODUCT OWNER OBSERVATIONS
====================================================

Please verify and improve if necessary.

1.

Wedding Budget Summary currently feels too low on the page.

Evaluate whether it should become the first major section.

2.

Planning Settings button has poor visibility.

Improve its visual hierarchy.

3.

Some buttons feel unnecessary.

Remove or simplify them where appropriate.

4.

The page still feels slightly technical.

Make it feel warmer and more wedding-focused.

====================================================
DESIGN PRINCIPLES
====================================================

Prioritize:

Simplicity

Clarity

Premium appearance

Minimal clicks

Clear information hierarchy

Soft spacing

Modern cards

Readable summaries

====================================================
VERIFICATION
====================================================

After implementation verify:

Visual hierarchy

Responsive layout

Spacing

Button consistency

Card consistency

Browser rendering

PHP syntax

====================================================
OUTPUT
====================================================

budget_dashboard_review.md

Include:

Problems found

Reasoning

Final UX score

----------------------------------------------------

budget_dashboard_walkthrough.md

Include:

Everything changed

Files modified

Screenshots

Verification

PHP syntax validation

Responsive validation

====================================================
IMPORTANT
====================================================

This is a UX Sprint.

Do NOT stop after the review.

Review.

Implement.

Verify.

Document.

Then stop and wait for UX002.