Bản thiết kế để Mon chọn · 12/10/2026

Màn xem video: 3 cách bố trí để Mon chọn

Cả 3 dùng tên bài, thời lượng, thumbnail và tiến độ thật của người học FREE đang nóng (anh Tuấn, huấn luyện viên thể hình, đang lo chuyện giá khoá). Bấm «Mở concept sống» để bấm thử thật: đổi bài, bấm bài PRO, mở Hùng nhỏ AI. Thanh đen góc trái dưới mỗi concept có 3 nút mô phỏng: cú dừng chốt, gần hết bài, bấm bài PRO.

Bố cục bài học nói bằng lời (giống nhau ở cả 3 concept)

1Xem trước: 5 video Hùng nói thật

Nhóm đầu tiên, thẻ to nhất, ảnh clickbait thật của 5 video FREE Hùng quay để chốt khách. Người FREE mở trang là thấy 5 thẻ này ngay, không phải cuộn tìm.

2Giáo trình thực dụng: 9 khâu, mỗi khâu 1–2 bài

Đường làm khoá học, đi từ khâu 1 tới khâu 9. Mỗi khâu chỉ 1–2 bài cốt lõi. Khâu chưa có bài thì nói rõ trong PRO có máy làm giùm khâu đó.

3Kho lưu trữ: hiểu sâu theo chủ đề

Mọi bài còn lại, xếp theo 15 chủ đề (Bán hàng, Đọc số kinh doanh, Tâm lý người mua…). Không đếm, không tính tiến độ, ai muốn hiểu kỹ chủ đề nào thì mở chủ đề đó.

ARạp chiếu kiểu YouTube
  1. Quen tay nhất: video to bên trái, dải thẻ bài 440px bên phải như YouTube, người Việt nào cũng biết dùng.
  2. 5 video FREE nằm ngay đầu dải: 1 thẻ to + 4 thẻ vừa, thấy hết ở màn đầu tiên, bấm là sang bài.
  3. Hùng nhỏ AI là thanh trên cùng của dải, bấm «Hỏi» thì dải đổi thành khung chat như chat live của YouTube.
Concept A desktop 1440
1440
Concept A mobile 390
390
BBàn học
  1. Xem xong là làm: cạnh video là bảng «Làm theo bài này» (3 việc có ô tích, ghi chú, file làm theo, bài kế).
  2. Hùng nhỏ AI nằm góc video, bấm là khung chat phóng ra ngay trên phần phải video, hỏi đúng đoạn đang xem.
  3. Bài học trải rộng dưới video: hàng 5 thẻ to, bảng 9 ô cho 9 khâu, kho có cột chủ đề. Mobile chia 3 ngăn Bài học · Làm theo · Hỏi.
Concept B desktop 1440
1440
Concept B mobile 390
390
CLộ trình sống, rạp tối
  1. Thẻ ảnh to nhất trong 3 concept: cột trái 480px, mỗi video FREE là một tấm ảnh gần như poster, chữ clickbait đọc rõ.
  2. 9 khâu nối bằng một đường sáng, khâu anh đang làm phát sáng hồng, nhìn là biết mình đang ở đâu trên đường làm khoá.
  3. Hùng nhỏ AI là bong bóng nổi kéo được, tự hé 1 câu lúc gần hết bài; kho lưu trữ là các kệ ngang lướt như Netflix.
Concept C desktop 1440
1440
Concept C mobile 390
390
Em đề xuất: lấy A làm khung (quen tay, 5 video FREE thấy ngay ở màn đầu, video to nhất), gắn thêm bảng «Làm theo bài này» của B cho người PRO (người PRO cần làm, người FREE cần thèm), và mượn đường sáng 9 khâu của C cho nhóm Giáo trình thực dụng trong dải phải.

Cú dừng chốt: nằm trong khung video, không che trang

Video tối dần, clip Hùng bên trái (chỗ đặt clip 10–20 giây ghép mở + thân + chốt), lời mời ghép theo hồ sơ người đó, giá thật 14.000.000đ + mốc 900 suất + 20/11/2026 + hoàn tiền 7 ngày, luôn có «Xem tiếp bài này». Mobile: khung video giãn cao cho đủ nút.

Cú dừng chốt ACú dừng chốt A mobile
Cú dừng chốt BCú dừng chốt B mobile
Cú dừng chốt CCú dừng chốt C mobile

Màn hiện tại và 11 chỗ thô

Màn xem hiện tại 1440Màn xem hiện tại 390
  1. Cột bài 300px, không thumbnail nào, tên bài gãy 4–5 hàng.
  2. Hai ngăn «Giáo trình thực dụng / Kho lưu trữ hiểu sâu» gãy 2 hàng, chật.
  3. Khối than đầu cột chiếm 260px; 9 chấm số không có tên khâu.
  4. 5 video FREE chốt khách không nằm trong ngăn mặc định, mở ra thấy bài PRO khoá trước.
  5. Dòng dưới video nhồi 5 thứ 1 hàng, tên bài bị cắt «…».
  6. «Bài tiếp theo» lặp 3 chỗ, mỗi chỗ một kiểu.
  7. Khối ngã rẽ «Đường chính / Đường vòng» to, đường đứt nét không dẫn tới đâu.
  8. Mép phải: thẻ dọc Hùng nhỏ AI chồng cụm Zalo/Messenger/Telegram.
  9. Mobile: danh sách bài nằm tận đáy, sau khối giá.
  10. Mobile: cụm nút nổi đè lên khối PRO.
  11. Chưa có chỗ «làm theo bài này», chỗ cú dừng chốt, dải xem chung.

Học từ màn xem của sản phẩm thật

YouTube
YouTube: người ta bấm sang video khác vì ẢNH. Dải thumbnail to, phút đè góc, thanh đã xem dưới ảnh.
Coursera
Coursera: trợ lý AI cạnh nội dung với câu hỏi gợi sẵn, người học khỏi tự nghĩ câu.
Udemy
Udemy: «học được gì» bằng dòng tích, tem miễn phí/trả phí rõ ngay trên thẻ.
Domestika
Domestika: giá thật cạnh nút mua, có mốc thời gian. KHA dùng mốc thật 20/11 và 900 suất, không đếm ngược giả.

Thêm Netflix: gần hết tập hiện thẻ «tập kế» trong khung video (cả 3 concept có, bấm «Gần hết bài»). Masterclass: rạp tối + workbook từng bài (C mượn rạp tối, B mượn workbook). Skool: thấy người khác đang học cùng (dải «xem chung», hiện là mô phỏng, chờ API người thật).