AIT Việt Nam đào tạo thạc sĩ và tiến sĩ ở ba nhóm ngành, với hàng nghìn học viên và mạng lưới cựu học viên ngày càng lớn. Website cần thể hiện năng lực học thuật và uy tín tương xứng. Hệ thống Elementor cũ chậm, khó quản lý, đặc biệt ở phần khóa học.
1. Thách thức: từ nền tảng cũ đến trải nghiệm tin cậy
Bài toán
AIT Việt Nam gặp ba trở ngại chính.
Thiết kế và hiệu năng
- Giao diện cũ, hình ảnh thiếu đồng bộ
- Elementor nặng khiến trang tải chậm
- Ảnh chưa tối ưu, mã nguồn dư thừa
- Hình thức giao diện chưa đi cùng hiệu năng thực tế
Quản lý khóa học phức tạp
- Khó quản lý nhiều chương trình sau đại học
- Giảng viên, nhân sự cần lập trình viên hỗ trợ mỗi lần cập nhật
- Thêm, sửa, xóa khóa học chưa thuận tiện
- Cập nhật mạng lưới cựu học viên, giảng viên phải thao tác trong hệ thống kỹ thuật
Hạn chế tiếp cận quốc tế
- Chưa hỗ trợ song ngữ Việt–Anh
- Uy tín học thuật chưa được truyền tải rõ
- Chưa tạo đủ niềm tin với người xem quốc tế
Tìm hiểu: những câu hỏi thay đổi hướng triển khai
Chúng tôi đặt ba câu hỏi với đội ngũ lãnh đạo AIT Việt Nam.
1. “Cần cập nhật thông tin khóa học thường xuyên đến mức nào?”
Trả lời: Hằng tuần: khóa học mới, thay đổi lịch và thông tin giảng viên
Nhận định: Đội ngũ cần một công cụ biên tập thuận tiện thay vì phải tự xây bố cục.
2. “Website cần mang lại cảm nhận gì?”
Trả lời: Sự nghiêm túc học thuật, tin cậy và chuyên nghiệp hiện đại
Nhận định: Thiết kế cần tối giản, dùng 20% màu chủ đạo để nhấn trọng tâm, tránh dàn trải.
3. “Ai cập nhật thông tin giảng viên và cựu học viên?”
Trả lời: Đội ngũ marketing, không phải lập trình viên
Nhận định: Công cụ quản trị phải dễ dùng với người không có chuyên môn kỹ thuật.
Mục tiêu
Xây dựng nền tảng giáo dục hiện đại, hiệu năng tốt:
- Thể hiện năng lực học thuật và uy tín tổ chức
- Đội ngũ tự quản lý khóa học và mạng lưới
- Vận hành song ngữ liền mạch
- Tải nhanh, trải nghiệm chỉn chu
2. Hướng tiếp cận: chiến lược, wireframe và triển khai
Chiến lược thương hiệu và thiết kế
Chúng tôi xây hệ thống nhận diện gọn và rõ ràng.
- 20% màu chủ đạo cho các điểm nhấn như tiêu đề, nút hành động
- 10% màu phụ với sắc độ đậm hơn để tạo chiều sâu và phân cấp
- Nền trắng hoặc sáng để giữ cảm giác học thuật
- Hình ảnh chuyên nghiệp, được chọn lọc và xử lý kỹ
Tư duy nhận diện
- Bảng màu tối giản, giữ sự chuyên nghiệp và gần gũi
- Hình ảnh chuyên nghiệp củng cố niềm tin vào tổ chức
- Phân cấp chữ rõ giúp dễ tra cứu
Thiết kế quản lý khóa học từ wireframe
Trước khi triển khai, chúng tôi thiết kế chi tiết giao diện quản lý khóa học.
Các wireframe chính
- Danh sách khóa học: chương trình, thời lượng, cấp độ
- Chi tiết khóa học: tổng quan, chương trình, giảng viên, điều kiện tuyển sinh
- Danh bạ giảng viên và cựu học viên có tìm kiếm, bộ lọc
- Giao diện nhập nội dung đơn giản cho người không chuyên kỹ thuật
Phản hồi khi duyệt wireframe
“Khi xem bố cục, chúng tôi nhận ra cần cách giới thiệu đơn giản hơn cho Khóa học nổi bật.
. Wireframe cho thấy rõ cách người xem tra cứu thông tin.”
Thống nhất từ sớm giúp tránh nhiều tuần sửa lại và bảo đảm hệ thống phù hợp với cách khách hàng vận hành.
Công nghệ và kết nối thời gian thực
Nền tảng công nghệ
- Bricks Builder và JetEngine
- Đồng bộ Google Sheets theo thời gian thực
- Thông báo email tự động
- Cấu hình song ngữ Việt–Anh
- Tối ưu ảnh và tinh gọn mã nguồn
Giá trị thực tế
- Google Sheets giúp cập nhật khóa học nhanh lên website
- Email tự động chuyển yêu cầu đến bộ phận tuyển sinh
- Bricks và JetEngine linh hoạt cho dữ liệu phức tạp, vẫn dễ biên tập
3. Triển khai: xây dựng niềm tin qua trải nghiệm
Thách thức 1: hiệu năng hệ thống cũ
Bài toán
- Thời gian tải hơn 5 giây
- Ảnh có tệp lớn hơn 10 MB
- CSS và JavaScript dư thừa
Giải pháp
- Nén ảnh, giảm 50–70% dung lượng
- Tinh gọn và chia nhỏ mã nguồn
- Triển khai CDN
Kết quả: Điểm Lighthouse 94+
Thách thức 2: quản lý khóa học thuận tiện
Bài toán
- Nhân sự phải biết sử dụng Elementor
- Dữ liệu giảng viên và cựu học viên ở dạng tĩnh
Giải pháp
- Công cụ nhập nội dung riêng với form đơn giản: Tên khóa học, mô tả, thời lượng và giảng viên Tên cựu học viên, vai trò, công ty và ảnh Hồ sơ và chuyên môn giảng viên
- Không cần kiến thức lập trình
- Xuất bản bằng một thao tác
Kết quả
“Đội ngũ đã có thể cập nhật khóa học mà không phải chờ lập trình viên.
Chúng tôi cập nhật 5 khóa trong 2 giờ, trước đây mất một tuần.”
Thách thức 3: song ngữ, tránh nhập liệu trùng lặp
Bài toán
- Quản lý hai phiên bản riêng rẽ dễ dẫn đến sai lệch
Giải pháp
- Nút đổi ngôn ngữ ở đầu trang
- Một giao diện nội dung, mỗi ngôn ngữ một trường
- Cấu trúc URL tự động theo /vi/ và /en/
- Tìm kiếm hỗ trợ cả hai ngôn ngữ
4. Kết quả: nền tảng thể hiện đúng năng lực học thuật
Những thay đổi
Giá trị cụ thể
- Tự chủ vận hành — marketing quản lý nội dung mà không cần hỗ trợ lập trình hằng ngày
- Ấn tượng chuyên nghiệp — truyền tải sự nghiêm túc học thuật ngay từ đầu
- Tiếp cận quốc tế — song ngữ hỗ trợ tuyển sinh quốc tế
- Cập nhật nhanh hơn — thông báo được xuất bản kịp thời
- Dễ tìm kiếm — hồ sơ giảng viên, cựu học viên có thể tra cứu và lập chỉ mục
Phản hồi khách hàng
“Website mới tạo cảm giác đây là một cơ sở đáng để theo học. Hiệu năng cải thiện rất rõ.
Đội ngũ cuối cùng cũng có thể chủ động duy trì nội dung cập nhật.”
— Giám đốc Marketing AIT Việt Nam
“Người tìm hiểu từ quốc tế nhanh chóng cảm nhận được chất lượng và sự chuyên nghiệp.”
— Giám đốc AIT Việt Nam
5. Bàn giao và vận hành bền vững
Hạng mục bàn giao cho AIT Việt Nam
- Bricks Builder và JetEngine đã cấu hình hoàn chỉnh
- Tài liệu biên tập nội dung theo từng bước
- Hướng dẫn duy trì hiệu năng
- Hướng dẫn đồng bộ Google Sheets
- Cấu hình email tự động
- Quy trình quản lý nội dung song ngữ
- Buổi đào tạo 2 giờ
Hướng phát triển tiếp theo
- Chuyên mục bài viết và tin tức
- Câu chuyện thành công của cựu học viên
- Video giới thiệu khóa học
- Cổng học bổng và đăng ký
- Kết nối với ứng dụng di động
Tóm tắt dự án
Thời gian: 4 tuần
Đội ngũ: 1 tư vấn, 1 thiết kế, 1 lập trình viên
Công nghệ: Bricks Builder, JetEngine, Google Sheets API, Formspree, Cloudflare CDN
Điều làm nên kết quả không chỉ là một website nhanh.
Đó là việc hiểu nhu cầu thực sự của AIT Việt Nam: tự chủ vận hành — hệ thống để nhân sự không chuyên tự tin quản lý nội dung, trong khi nền tảng vẫn thể hiện năng lực học thuật.