1. Hero Section (Trang mở đầu)
Hình ảnh / video: học viên học online, giảng viên hướng dẫn, hoặc lớp học hiện đại (tone Xanh dương – Trắng – Cam nhẹ).
Tagline: “Khám phá tri thức – Nâng tầm tương lai của bạn.”
Subtext: “Học trực tuyến mọi lúc, mọi nơi với giảng viên hàng đầu.”
CTA nổi bật: “Đăng ký học ngay” / “Xem khóa học.”
Highlight: hiển thị 3 lợi ích: Giảng viên uy tín 🎓 | Học online 24/7 💻 | Chứng chỉ quốc tế 🏅
2. Giới thiệu nền tảng / trung tâm (About Section)
Mô tả ngắn: “Nền tảng học trực tuyến giúp bạn phát triển kỹ năng, nghề nghiệp và tương lai.”
Ảnh / video về môi trường học tập, lớp học hoặc app di động.
Số liệu nổi bật: “10.000+ học viên | 500+ khóa học | 98% học viên hài lòng.”
CTA: “Tìm hiểu thêm.”
3. Danh mục khóa học (Course Categories)
Hiển thị 4–6 danh mục chính:
• Marketing & Kinh doanh
• Thiết kế & Sáng tạo
• Công nghệ & Lập trình
• Ngoại ngữ
• Phát triển cá nhân
• Kỹ năng mềmMỗi danh mục có hình minh họa & CTA “Khám phá khóa học.”
4. Khóa học nổi bật (Featured Courses)
Hiển thị 6–8 khóa học hot hoặc được đánh giá cao.
Card khóa học gồm: ảnh, tên giảng viên, đánh giá ⭐, giá / miễn phí.
Tag: “New”, “Hot”, “Best Seller”, “Free Trial.”
CTA: “Xem chi tiết khóa học.”
5. Giảng viên & chuyên gia (Instructors)
Ảnh chân dung giảng viên chuyên nghiệp.
Hiển thị chuyên môn, số học viên, số khóa học.
CTA: “Xem hồ sơ giảng viên.”
Slider hiển thị giảng viên nổi bật.
6. Lợi ích học viên (Why Choose Us)
Học mọi lúc, mọi nơi – trên mọi thiết bị.
Cập nhật kiến thức thực tế từ chuyên gia.
Nhận chứng chỉ công nhận sau khóa học.
Hỗ trợ tư vấn & hướng dẫn 24/7.
Học tập linh hoạt – không giới hạn thời gian truy cập.
CTA: “Tham gia ngay hôm nay.”
7. Trải nghiệm học trực tuyến (How It Works)
3 bước đơn giản minh họa bằng icon:
1️⃣ Chọn khóa học →
2️⃣ Thanh toán & kích hoạt tài khoản →
3️⃣ Bắt đầu học & nhận chứng chỉ.Video hướng dẫn ngắn hoặc animation mô tả quy trình.
CTA: “Bắt đầu học ngay.”
8. Feedback & Câu chuyện học viên (Student Testimonials)
Ảnh & tên học viên thật, đánh giá 5 sao.
Trích dẫn: “Tôi đã tìm được công việc mơ ước sau khóa học này.”
Video / slider chia sẻ cảm nhận.
CTA: “Xem thêm câu chuyện học viên.”
9. Chứng chỉ & đối tác (Certifications & Partners)
Hiển thị logo các tổ chức giáo dục, doanh nghiệp hợp tác.
Hình ảnh chứng chỉ mẫu / certificate digital.
CTA: “Nhận chứng chỉ ngay sau khóa học.”
10. Ưu đãi & đăng ký học (Promotion Section)
Banner “Giảm 20% cho học viên mới – Chỉ trong hôm nay.”
Countdown timer tạo động lực hành động.
CTA: “Đăng ký ngay – Số lượng giới hạn.”
Popup giảm giá khi cuộn đến 70% trang.
11. Câu hỏi thường gặp (FAQ)
Accordion hiển thị mượt.
Câu hỏi phổ biến:
• Làm thế nào để đăng ký học?
• Có thể học trên điện thoại không?
• Học xong có chứng chỉ không?
• Có được hoàn tiền nếu không hài lòng không?
12. Form đăng ký & CTA cuối trang (Sign-up / Final CTA)
Form: Họ tên, Email, SĐT, khóa học quan tâm.
CTA: “Đăng ký học thử miễn phí.”
Thêm social proof: “Hơn 100.000 học viên đã đăng ký học cùng chúng tôi.”
Background: hình giảng viên & học viên tương tác, ánh sáng xanh trắng dịu.
13. Phong cách giao diện (UI Style)
Tone màu: Xanh dương – Trắng – Cam – Xám (tươi sáng, chuyên nghiệp, học thuật).
Font: Inter / Poppins / Manrope (dễ đọc, hiện đại, thân thiện).
Ảnh: lớp học, người học online, giao diện e-learning, hình vui tươi.
Hiệu ứng: fade-in, hover nhẹ, parallax banner.
Cảm giác tổng thể: hiện đại – truyền cảm hứng – thân thiện – tin cậy.
