Người dùng
Người mới biết rất ít về AI, sử dụng điện thoại hoặc máy tính và cần hướng dẫn đơn giản.
Project 01 · Level cơ bản
Xây Landing Page cùng AI Agent
Một project nhỏ nhưng đủ để học toàn bộ vòng đời sản phẩm: hiểu người dùng, viết brief, giao việc cho agent, kiểm tra và công khai kết quả.
Project brief
Bài toán
Tạo một landing page giới thiệu một khóa học AI miễn phí cho người mới, giúp họ hiểu lợi ích và bắt đầu bài học đầu tiên.
Giá trị
Người dùng hiểu được khóa học, tin tưởng nội dung và bắt đầu học trong một phiên truy cập.
Đầu ra
Một landing page responsive, có CTA, form/điểm bắt đầu, accessibility cơ bản và SEO metadata.
Giới hạn
Không xây hệ thống tài khoản, thanh toán hoặc backend phức tạp trong project đầu tiên.
Task map
Chia project cho các agent
Research AgentHiểu audience, nhu cầu và intent.
UX AgentWireframe, hierarchy và CTA.
Content AgentHeadline, copy, FAQ và SEO.
Code AgentHTML/CSS responsive.
QA AgentTest, accessibility và release.
Thực hành
Prompt khởi động
Prompt: “Bạn là Product Designer trong một nhóm AI Agent. Hãy tạo brief cho landing page khóa học AI miễn phí dành cho người mới. Hãy hỏi tôi các thông tin còn thiếu trước khi đề xuất cấu trúc. Đầu ra gồm: audience, problem, promise, sections, CTA, nội dung cần kiểm chứng và acceptance criteria.”
Quy tắc: Không bắt đầu viết code trước khi brief, cấu trúc và tiêu chí nghiệm thu được chấp nhận.
Definition of done
Khi nào project được coi là hoàn thành?
- Brief và audience đã rõ.
- Wireframe có một CTA chính.
- Nội dung có thể đọc nhanh trên mobile.
- Không lỗi responsive ở các kích thước chính.
- Keyboard/focus/contrast cơ bản đạt.
- Title, description và canonical đầy đủ.
- Đã kiểm tra link, form và trạng thái lỗi.
- Có release note và bài học sau project.