Prompt Lập kế hoạch Thiết kế lại Trang Web bằng Claude

Hãy lập kế hoạch thiết kế lại trang web này trước khi thực hiện bất kỳ chỉnh sửa nào.

Mục tiêu:
Cải thiện phân cấp thị giác (visual hierarchy), sự rõ ràng, độ tin cậy và tỷ lệ chuyển đổi
trong khi vẫn giữ nguyên ngăn xếp công nghệ (tech stack) hiện tại.

Quy trình của bạn:
1. Kiểm tra cơ sở mã nguồn (codebase), các thành phần (components), kiểu dáng (styles), token và các nguyên hàm bố cục (layout primitives) hiện có.
2. Xác định các vấn đề về UX/UI trong bản triển khai hiện tại.
3. Đặt các câu hỏi làm rõ nếu ý định về thương hiệu / phong cách / chuyển đổi chưa rõ ràng.
4. Tạo một bản kế hoạch triển khai ưu tiên thiết kế (design-first implementation plan) bằng định dạng markdown.

Bao gồm:
- Kiểm toán trạng thái hiện tại (Current-state audit)
- Các vấn đề chính về khả năng sử dụng (usability) và thiết kế thị giác
- Kiến trúc thông tin được đề xuất
- Kế hoạch trang chi tiết theo từng phần (section-by-section)
- Danh mục kiểm kê thành phần (Component inventory)
- Các quyết định tái sử dụng so với mở rộng hay tạo mới
- Các thay đổi cần thiết đối với design token
- Ghi chú về hành vi hiển thị đáp ứng (responsive behavior)
- Các cân nhắc về khả năng tiếp cận (accessibility)
- Thứ tự triển khai từng bước
- Các rủi ro và câu hỏi còn bỏ ngỏ

Ràng buộc:
- Tái sử dụng các thành phần hiện có ở những nơi có thể
- Giữ vững tính nhất quán của hệ thống thiết kế (design system)
- Chưa tiến hành viết mã triển khai ngay lúc này