00

Tổng quan — Hành trình người dùng

Toàn bộ landing page được thiết kế theo mô hình AIDA (Attention → Interest → Desire → Action). Mỗi section đảm nhận một vai trò tâm lý cụ thể trong hành trình chuyển đổi.

Click Ads
Tiếp cận
Traffic từ FB/TikTok
Hero
Attention
Giữ <3 giây
Pain/Video
Interest
Mirror vấn đề
Outcome/Pricing
Desire
Kích thích muốn
CTA/Form
Action
Đặt cọc
QR/Webhook
Convert
Thanh toán xong
01

Hero Section

Attention — <3 giây quyết định ở lại hay không

Mục đích

Hero là phần duy nhất người dùng nhìn thấy ngay khi vào. Nhiệm vụ: trong 3 giây đầu phải truyền đủ 3 tín hiệu — đây là gì, dành cho ai, có gì hay. Nếu không đủ 3 tín hiệu này, user thoát.

Nội dung
⚡ KHAI GIẢNG T2 04/05/2026 ← urgency banner 21 NGÀY THỬ THÁCH TỰ DO TÀI CHÍNH ← H1 (32px) Cọc 2tr → Hoàn 100% nếu đủ ĐK + Kiến thức "x3 tài chính" [👉 ĐẶT CỌC NGAY 2TR] ← CTA ⏱ Còn 03:14:22:11 ← countdown 📊 Đã có 47/50 học viên cọc
Tâm lý học
  • Urgency — banner khai giảng T2 tạo deadline thực tế, không phải giả
  • Scarcity — "47/50" hiển thị chỗ sắp hết, kích hoạt FOMO
  • Loss aversion — đếm ngược thời gian còn lại (Countdown island)
  • Clarity — H1 nói đúng tên chương trình, không dùng ngôn ngữ mơ hồ
  • Anchoring — "hoàn 100% nếu đủ ĐK" đặt kỳ vọng tích cực ngay từ đầu
Kỹ thuật CTA hero là button mở modal form, đồng thời CTA sticky bottom mobile luôn hiển thị khi scroll. Countdown là Astro Island (React/Solid component) — hydrate client-side, phần còn lại của hero là static HTML.
02

Video Pitch (90 giây)

Mục đích

Video ngay sau hero dùng để "chứng minh" con người thật đứng sau chương trình. Text có thể nói dối, video khó giả hơn. Người xem video đến cuối có tỷ lệ convert cao hơn 3-5× người chỉ đọc text.

Nội dung video 90s
  • 0-15s: Hook — "Bạn đang tiêu tiền như thế này không?"
  • 15-45s: Giới thiệu chương trình + cơ chế hoàn tiền
  • 45-75s: Kết quả học viên cũ (social proof nhanh)
  • 75-90s: CTA — "Còn X chỗ, đăng ký ngay hôm nay"
Tâm lý học
  • Likeability — khuôn mặt thật tăng trust hơn icon/text
  • Social proof sớm — học viên cũ được đề cập trong video trước khi scroll đến testimonial
  • Re-engagement — user từ ads đã thấy một phiên bản khác của video, bản landing page cung cấp thêm context
Lưu ý triển khai YouTube embed — autoplay tắt để tránh block mobile. Thumbnail custom với play button rõ ràng. Tracking event click_video_play khi bấm play.
03

Pain Points — "Bạn Có Đang…?"

Mục đích — Mirror Effect

Section pain không bán gì. Mục tiêu duy nhất: làm người đọc gật đầu "đúng, đó là mình". Khi user nhận ra chính xác nỗi đau của mình được mô tả, họ cảm giác "trang này hiểu mình" — từ đó tin tưởng phần còn lại.

3 Pain cốt lõi
💔 BẠN CÓ ĐANG…? Không biết tiền đi đâu mỗi tháng? Tiết kiệm 10 năm vẫn không đủ mua nhà? Đầu tư gì cũng lỗ?

3 pain tương ứng 3 persona: người mới đi làm (kiểm soát chi tiêu), vợ/chồng 30-45 (mục tiêu lớn), người đã thử đầu tư.

Tâm lý học
  • Pattern interrupt — câu hỏi trực tiếp "BẠN CÓ ĐANG" dừng scanning, buộc đọc
  • Specificity — "10 năm không đủ mua nhà" cụ thể hơn "khó tiết kiệm" → chạm hơn
  • ✗ symbol — không dùng ❌, dùng ký tự văn bản để tránh bị ad blocker filter
  • 3 điểm — đủ bao phủ nhưng không gây overwhelm. Luật 3 trong copywriting
04

Outcome — "Sau 21 Ngày, Bạn Sẽ"

Mục đích — Promise + Transformation

Sau khi mirror pain, section outcome vẽ bức tranh tương lai — người dùng sau khi hoàn thành sẽ là ai. Đây là "điểm B" trong hành trình A→B. Copywriting luôn bán điểm B, không bán sản phẩm.

Nội dung — 4 transformation
✅ SAU 21 NGÀY, BẠN SẼ: Đo lường thu chi từng đồng Mua tài sản đầu tiên (vàng / cổ phiếu / ETF) Mở thẻ tín dụng đúng cách Cộng đồng TDTC
Nguyên tắc viết outcome
  • Cụ thể & đo được — "mua tài sản đầu tiên" tốt hơn "hiểu đầu tư"
  • ✓ symbol — contrast với ✗ ở section pain, tạo cảm giác giải quyết được vấn đề
  • Thuộc mọi domain — 4 kết quả cover: tài chính cá nhân, đầu tư, tín dụng, cộng đồng
  • Cộng đồng cuối — thuộc về nhóm là động lực mạnh nhất theo Maslow
05

How It Works — "Luật Chơi"

Mục đích — Reduce Perceived Risk

Mọi sản phẩm tài chính đều đối mặt với câu hỏi "tiền của mình có an toàn không?". Section này giải thích cơ chế rõ ràng — không có hộp đen, mọi thứ minh bạch — để giảm lo ngại trước khi user bỏ tiền.

Bước 1

Đặt cọc 2tr

Chuyển khoản 1 lần qua QR VietQR. Enrollment được tạo ngay, tham gia lớp Telegram sau khi webhook xác nhận.

SePay QR Tự động
Bước 2

21 ngày thử thách

Hoàn thành nhiệm vụ qua Telegram bot hằng ngày. Điểm số được track real-time.

  • 20 nhiệm vụ ngày × 50k
  • 9 bài tập tuần × 50k
  • 4 buổi Zoom (vắng −50k)
Bước 3

Hoàn tiền + Chứng nhận

Cuối khóa, hoàn 100% (2tr) nếu hoàn thành đầy đủ + nhận chứng nhận theo cấp độ.

Hoàn 100% nếu đủ ĐK
Tại sao gọi là "Luật Chơi" không phải "Quy Trình"? Gamification bắt đầu từ cách đặt tên. "Luật chơi" frame chương trình như một game có thể thắng, không phải như một cam kết tài chính đáng sợ.
06

Bảng Tính Hoàn Tiền

Mục đích — Transparency

Bảng số liệu cụ thể giải quyết objection lớn nhất: "không biết tiền đi đâu". Khi user thấy phép tính rõ ràng, họ từ "nghi ngờ" sang "hiểu" — đây là bước quan trọng nhất để convert.

💰 BẢNG TÍNH HOÀN TIỀN Cọc (hoàn 100%): 2,000,000đ Trừ/ngày miss: -50,000đ (max -1,000,000đ) Trừ/tuần miss: -50,000đ (max -450,000đ) Trừ/zoom vắng: -50,000đ (max -200,000đ) ───────────────────────────── Tuân thủ đầy đủ: 2,000,000đ Vi phạm tối đa: 350,000đ
Tâm lý học
  • Transparency — số liệu công khai tạo trust mạnh hơn mọi lời cam kết
  • Anchoring effect — user thấy "hoàn 100% = 2tr" → tâm lý không mất tiền nếu nghiêm túc
  • Reframing risk — thay vì "mất 2tr", user nghĩ "tệ nhất còn lại 350k, tốt nhất lấy lại 2tr"
  • Earned vs given — tiền hoàn lại được gắn với hành động → tăng cam kết
Gói VIP không có bảng hoàn tiền VIP 5tr là phí cố định, không hoàn. Không cần section này cho VIP — thay bằng value proposition (quyền lợi).
07

Pricing Cards — 2 Gói Tham Gia

Mục đích — Anchoring + Upsell

Pricing card 2 gói phục vụ 2 mục tiêu: (1) mọi người đều có lối vào phù hợp túi tiền, (2) VIP anchors free — khi thấy VIP 5tr, gói 2tr trông "rẻ" hơn; khi thấy VIP benefits, một số người sẽ muốn nâng cấp.

Tự Rèn
2,000,000đ
Đặt cọc — hoàn 100% nếu đủ điều kiện
  • 21 ngày thử thách
  • Hoàn 100% (2tr) nếu đủ điều kiện
  • Group lớp Telegram chung
  • Tự rèn luyện
⭐ VIP
5,000,000đ
Phí cố định — không hoàn
  • 21 ngày thử thách
  • Group lớp + Group VIP riêng
  • Zoom Q&A VIP độc quyền
  • Template tài chính độc quyền
  • 1-1 coaching sau khóa
Tâm lý học pricing
  • Decoy effect — 2 lựa chọn rõ ràng tốt hơn 1 (giảm "không mua gì")
  • Price anchoring — VIP 5tr làm 2tr trông affordable
  • Commitment — VIP không hoàn = cam kết cao hơn = học nghiêm túc hơn → result tốt hơn → word-of-mouth
Kỹ thuật
  • Mỗi card có CTA riêng mở form với param ?tier=SELF hoặc ?tier=VIP
  • Form nhận tier từ URL, pre-fill & gửi lên API
  • API tạo QR với amount tương ứng: 2M hoặc 5M
  • SePay webhook verify amount khớp tier
08

Gamification — Cấp Độ Chứng Nhận

Mục đích — Long-term Retention

Hệ thống cấp độ không chỉ motivate trong 21 ngày — nó tạo ra lý do để quay lại học lần 2, lần 3. Đây là cơ chế giữ chân học viên và tăng LTV (lifetime value).

🏆 CẤP ĐỘ CHỨNG NHẬN Đồng → Hoàn thành lần 1 Bạc → Hoàn thành lần 2 Vàng → Hoàn thành lần 3 Kim Cương → Hoàn thành lần 4+ (học lại càng nhiều → cấp càng cao)
Tâm lý học
  • Progress principle — nhìn thấy tiến độ là động lực mạnh nhất theo nghiên cứu của Amabile
  • FOMO ngược — học viên Đồng muốn thành Bạc → đăng ký lại lớp sau
  • Social status — Kim Cương là flex trong cộng đồng
  • Identity shift — "tôi là học viên Vàng" → trở thành một phần danh tính
Liên kết với Persona "Học lại" Persona thứ 3 trong PRD — đây là section dành riêng cho họ, tạo lý do đăng ký dù đã học một lần rồi.
09

Testimonial — Học Viên Đã Nói

Mục đích — Social Proof

Testimonial là "bằng chứng xã hội" — não người không tin lời sản phẩm tự quảng cáo, nhưng tin lời người khác giống mình. Carousel format cho phép hiển thị nhiều nhân vật, tăng khả năng user tìm thấy người có background tương tự.

Cấu trúc 1 testimonial hiệu quả
[avatar] ★★★★★ "Lần đầu tiết kiệm được 10tr trong 1 tháng sau khóa học…" — Anh Tuấn, Lớp T3/2026 Nhân viên văn phòng, HCM
  • Tên thật + lớp cụ thể (tăng credibility)
  • Kết quả cụ thể "10tr" (không chung chung)
  • Nghề nghiệp + địa điểm (user tự liên hệ)
  • 5 sao + avatar (visual trust signal)
Tâm lý học
  • Social proof — Robert Cialdini: người ta làm theo người khác đã làm
  • Similar-to-me — chọn testimonial đa dạng persona (25-35 đi làm, có gia đình, đã học lại)
  • Specificity — số liệu cụ thể ("10tr") đáng tin hơn "rất hay"
  • Carousel — không chiếm quá nhiều không gian, user có thể khám phá thêm
P1: Alumni page Testimonial ngắn trên landing; trang /alumni ở P1 sẽ có đầy đủ case study dài hơn.
10

FAQ — Xử Lý Objection

Mục đích — Objection Handling trước khi user hỏi

FAQ không phải để "trả lời câu hỏi thường gặp" — đó là tư duy service. Mục đích thật: dự đoán mọi lý do user không mua và giải quyết trước khi họ thoát trang. Top 6 objections được chọn lọc từ phân tích hành vi.

6 Objection cốt lõi
  • "Tiền cọc có hoàn lại 100%?" → Giải thích điều kiện rõ
  • "Lỡ vắng zoom thì sao?" → Phạt 50k/buổi, transparent
  • "Học online qua Telegram?" → Mô tả format
  • "Có giảng viên thật không?" → Trust signal + video
  • "Mất bao nhiêu thời gian/ngày?" → Expectation setting
  • "VIP có gì hơn Tự Rèn?" → So sánh 2 gói rõ ràng
Kỹ thuật triển khai
  • Dùng native HTML <details>/<summary> — zero JS, accessible
  • Accordion (1 mở tại 1 thời điểm) hoặc independent (mỗi cái toggle riêng)
  • Câu hỏi viết theo góc nhìn user, không phải operator
  • Câu trả lời ngắn <50 chữ, link ra nếu cần chi tiết
Schema.org FAQ markup Thêm JSON-LD FAQ schema để Google hiển thị rich snippet trong search results — tăng CTR từ SEO.
11

CTA Repeat, Trust Signals & Footer

CTA Repeat + Cam Kết

Sau FAQ, user đã xử lý hầu hết objection. CTA lần 2 xuất hiện ở đây là thời điểm vàng — intent cao nhất. Kèm theo "Cam kết" để xử lý nốt doubt cuối cùng.

⚖️ CAM KẾT ✓ Hoàn 100% cọc nếu đủ điều kiện ✓ Minh bạch qua dashboard ✓ Hỗ trợ 1-1 qua bot [👉 ĐẶT CỌC NGAY 2TR]
Sticky CTA Mobile

Trên mobile, CTA được pin cứng ở bottom của màn hình trong suốt quá trình scroll. Đây là pattern có tỷ lệ click cao nhất trên mobile vì không cần user scroll lại lên tìm nút.

┌────────────────────────────────┐ │ 👉 Đặt cọc 2tr — chỉ còn 3 chỗ│ ← fixed bottom └────────────────────────────────┘
Tracking Mỗi CTA gắn position tag: hero / middle / footer / sticky để biết section nào convert nhiều nhất.
Footer
PHÁP LÝ
  • Chính sách hoàn tiền
  • Điều khoản sử dụng
LIÊN HỆ
  • Zalo hỗ trợ (8h-22h)
  • Email
SEO
  • Copyright + year
  • Schema.org Organization
12

Luồng Kỹ Thuật — Từ CTA đến Telegram

End-to-end flow sau khi user bấm CTA
1
Bấm CTA
Mở modal/goto /dang-ky
2
Form
Tên + SĐT + Email + Tier
3
POST /api/enroll
Go tạo enrollment + QR
4
/thanks
QR + Polling 3s
5
SePay Webhook
Go xác nhận payment
6
/confirmed
Deep-link Telegram bot
7
Telegram
Add vào group lớp (+VIP)
Anti-fraud & Idempotency
  • SĐT đã có PENDING → EXPIRED cũ, tạo QR mới
  • SĐT đã PAID → reject 409, không cho đăng ký lại cùng lớp
  • Webhook trùng transaction_id → bỏ qua (idempotent)
  • QR timeout 30 phút → status EXPIRED, hiện nút "tạo QR mới"
  • Amount sai tier → tag manual review, không block
Tracking P0
  • Server-side Conversion API: payment_success từ Go → Meta/TikTok, tránh ad-blocker
  • Kèm tier (SELF/VIP) và amount để tối ưu lookalike audience
  • Client-side pixels (GA4, Meta Pixel) → P1
Tại sao server-side ưu tiên? iOS 14+ và ad-blocker chặn pixel client-side đến 30-40% traffic. Server-side đảm bảo 100% payment_success được ghi nhận để tối ưu ads campaign.
Thứ tự section tối ưu — checklist triển khai P0
P0 — Tuần 1
  • Landing / (tất cả sections)
  • Form modal + /dang-ky
  • Trang /thanks (QR + polling)
  • Trang /confirmed
  • API /api/enroll + /api/sepay/webhook
  • Server-side Conversion API
  • /chinh-sach-hoan-tien
P1 — Tuần 2
  • Trang /faq đầy đủ
  • Trang /alumni
  • GA4 + Meta/TikTok pixel client
  • Referral code
  • A/B test hero variants
  • Exit-intent popup
P2 — Sau data
  • /lop/[slug] per-class
  • Referral leaderboard
  • Video background hero
  • Multi-class selection