Template Brief — Landing Page CFA (v3)
SAPP SAPP ACADEMY BU CFA TEMPLATE BRIEF v3
Quy trình sản xuất Landing Page · Chuẩn HSSBC (HBR) · KB MKT CFA 05/2026

Template Brief —
Landing Page CFA

Điền biểu mẫu trước khi bắt đầu. Mọi lựa chọn hiện ngay trên khung live-preview bên phải. Nội dung biên soạn theo công thức H → SA → SB → B → C và bộ chuẩn Guideline brand CFA. Điền xong, bấm "Tạo brief" để copy & dán vào Claude Design.

HHookMồi câu 3 giây — Hero + cam kết đầu ra
SASelling APain point → giải pháp độc quyền (3P)
SBSelling BChuẩn ngành — ISO · Charterholder
BBrandingBằng chứng — pass rate · case study · báo chí
CCall to ActionChốt — form tối giản · khan hiếm

Đọc trước khi điền

  • Logo đối tác lên đầu: upload trước để biết phối hợp với đơn vị nào — logo SAPP Academy mặc định luôn có.
  • Đối tượng (ICP): chọn được nhiều tệp; mỗi ICP tự gắn cách xưng hô (bạn / Anh/Chị) và gợi ý Hook.
  • Không tự bịa số liệu. Proof hợp lệ duy nhất là 1000+ học viên thành công chinh phục CFA — KHÔNG dùng pass rate cụ thể.
  • File ảnh phải kéo vào chat: logo / ảnh diễn giả / assets upload ở đây chỉ để ghi nhận — bấm Đẩy sang Claude Design sẽ hiện checklist nhắc kéo file vào khung chat.
0

Đối tác & Logo

Đầu tiên

Phối hợp đơn vị nào? Upload logo để định hình co-branding ngay từ đầu.

1

Thông tin chung của sự kiện

Áp dụng cho toàn trang

Chọn 1 lần ở đây — áp dụng cho toàn trang.

Bộ USP gợi ý cho hình thức này

    2

    Đối tượng · Diễn giả · Tone

    Pre-flight

    Chọn 1 hoặc nhiều ICP (sự kiện có thể nhắm nhiều tệp). Cách xưng hô tự gán theo ICP.

    A

    Look & Feel

    Nâng cao

    Cảm giác chủ đạo của trang. Mặc định bám CFA Design System.

    B

    Điều hướng trang

    Nâng cao

    Khung điều hướng cho landing dài. Tick để hiện ngay trên live-preview. Sticky nav: thanh menu dính trên · Subnav: menu phụ cuộn theo section · Sticky CTA: nút chốt dính đáy · Progress: vạch tiến độ đọc · Back-to-top: nút lên đầu trang.

    G

    Hero

    Nâng cao

    Bố cục màn hình đầu — đổi ngay trên mini-mock.

    C

    Chuyển động

    Nâng cao

    Mức hiệu ứng cho trang. Không: tĩnh hoàn toàn · Nhẹ: section mờ dần & trượt lên khi cuộn · Rich: thêm vệt sáng quét card + parallax + hover nổi. Xem live-preview diễn lại.

    F

    Components muốn có

    Nâng cao

    Tick để chèn block tương ứng vào trang (hiện ngay trên live-preview, đúng thứ tự HSSBC). Mỗi component là 1 khối nội dung của landing page.

    E

    Cơ chế chuyển đổi

    Nâng cao

    Đòn bẩy chốt. Countdown: đồng hồ đếm ngược · Đếm suất: số chỗ còn lại · Scroll popup: cửa sổ nhắc khi cuộn. Countdown hiện trên live-preview.

    • Countdown — đồng hồ đếm ngược tới giờ diễn ra sự kiện (lấy từ ô Thời gian ở Block 1).
    • Đếm suất còn lại — hiển số chỗ còn trống (vd 400 suất), tự giảm dần theo thời gian về 0 khi tới giờ diễn ra.
    • Scroll popup — cửa sổ nhỏ tự hiện khi người dùng cuộn sâu hoặc định thoát trang, nhắc đăng ký kếm ưu đãi.
    Các cơ chế này thường đi cùng khối form đăng ký (kế bên / phía trên / bao quanh) — bố cục cụ thể tùy thiết kế cho phù hợp.
    3

    Section Map theo HSSBC

    Nội dung trang

    Phần lõi. Đính kèm file docs nội dung là nhanh nhất.

    Đính kèm file nội dung vào chat (Word / Google Docs / PDF / kế hoạch sự kiện / agenda). AI sẽ tự đọc & rút nội dung phù hợp, sắp xếp lại theo công thức H → SA → SB → B → C (bỏ phần thừa như phụ lục, chi phí nội bộ…). File thường là agenda / kế hoạch dài & chỉ có chữ — ghi rõ ảnh/nền/video mong muốn ở ô bên dưới.
    4

    Ưu tiên & assets

    Cuối cùng
    Hoàn thành 0%

    Điền xong? Bấm Đẩy sang Claude Design — brief được gom chuẩn, tự copy, kèm checklist file cần kéo vào chat.

    
  
    
  
    

  
  

    







    
  
    Tweaks
    
  
    
    
    Màu chủ đạo (BU)
    
    
    
      
      
    
    
    
    Archetype
    
    
    
      
      
      
    
    
    
    Casing tiêu đề chính
    
    
    
      
      
    
    
    
    Block nâng cao