1. Project Overview
Type: Education Website / LMS Platform
Year: ~
Role: UI / Visual Designer
Tools: Adobe Photoshop
Platform: WordPress (LMS-based CMS)
2. Design Goals – At That Time
Mục tiêu của dự án là xây dựng giao diện LMS dành cho trường học với hình ảnh hiện đại, thân thiện và truyền cảm hứng học tập, khác với các hệ thống giáo dục khô cứng thời điểm đó. Thiết kế ưu tiên niềm tin, tính học thuật và khả năng trình bày nhiều nội dung học tập, trong bối cảnh UX chưa dựa trên dữ liệu hành vi.
3. Design Focus
- Academic & inspirational visual tone (tông thị giác học thuật – truyền cảm hứng): Sử dụng hình ảnh sinh viên, giảng đường và hoạt động học tập kết hợp màu xanh chủ đạo để tạo cảm giác tin cậy, tích cực và mang tinh thần giáo dục quốc tế.
- Content-rich homepage layout (bố cục giàu nội dung): Trang chủ được thiết kế dạng nhiều khối nội dung (tin tức, chương trình học, sự kiện, đối tác, mạng xã hội) nhằm giới thiệu toàn diện hệ sinh thái trường học chỉ trong một màn hình dài.
- Clear information hierarchy (phân cấp thông tin rõ ràng): Phân tách rõ các nhóm nội dung học thuật, truyền thông và tuyển sinh; headline lớn, CTA nổi bật (Apply Now – đăng ký học) giúp người xem nhanh chóng định hướng mục tiêu.
- LMS-ready modular design (thiết kế sẵn sàng cho LMS): UI được chia theo module để dễ tích hợp các chức năng đặc thù của LMS như chương trình học, khóa học, tin tức học thuật và quản lý nội dung trên CMS.
- Responsive adaptation (thích ứng đa thiết bị): Thiết kế được chuẩn bị cho desktop, tablet và mobile, tập trung giữ khả năng đọc nội dung, theo dõi tin tức và truy cập thông tin học tập trên các kích thước màn hình khác nhau.
