Landing Page GuideMở ứng dụng
Khóa 2 · Trung cấp

Thiết kế UI/UX cho Landing Page

Biến khung trang thành giao diện rõ ràng và dễ dùng: phân cấp thị giác, typography tiếng Việt, phối màu đạt tương phản, khoảng trắng, ảnh và video nhẹ, form ngắn, tâm lý khách hàng có đạo đức, tiếp cận theo WCAG 2.2 và responsive.

Học trong ứng dụng (lưu tiến độ)

CTA1Tiêu đề2Nội dung3Hành động

Bạn sẽ làm được

  • Dựng phân cấp thị giác để mắt khách đi đúng từ headline đến CTA.
  • Xây bộ token chữ, màu, khoảng cách nhất quán và kiểm tra tương phản theo WCAG 2.2.
  • Thiết kế form ngắn, có đồng ý xử lý dữ liệu rõ ràng, dễ điền trên điện thoại.
  • Áp dụng nguyên lý tâm lý hành vi một cách trung thực, tránh dark pattern.
  • Lập giả thuyết và thử nghiệm cải thiện chuyển đổi dựa trên số liệu của chính trang.

10 bài học

  1. Bố cục và phân cấp thị giác · 11 phút
  2. Typography · 11 phút
  3. Phối màu · 11 phút
  4. Khoảng trắng · 9 phút
  5. Hình ảnh và video · 12 phút
  6. Biểu mẫu (form) · 12 phút
  7. Tâm lý hành vi khách hàng · 13 phút
  8. Accessibility (tiếp cận) · 13 phút
  9. Responsive Design · 11 phút
  10. Cách cải thiện chuyển đổi bằng thiết kế · 14 phút