대성마이맥 'LIVE Class' 학생·강사 통합 학습 지원 웹사이트 UI/UX 구축

학습 관리부터 성적 분석까지 한 곳에, 'LIVE Class'

LIVE Class는 강의 수강, 시간표 관리, 성적 확인, 과제 제출 등 학습과 수업 운영에 필요한 핵심 기능을 통합 제공하는 에듀테크 플랫폼입니다. 기존에는 주요 기능들이 분산되어 있어 학생과 강사 모두 이용에 번거로움을 겪었으며, 수강생과 강사의 서로 다른 이용 목적에 최적화된 맞춤형 인터페이스가 부재했습니다. 이에 복잡한 메뉴 이동 없이 하나의 플랫폼 내에서 모든 학습 관리 과업을 처리할 수 있는 통합 웹 환경 구축이 필요했습니다.

유엑스스토리(UXstory)는 학생과 강사의 역할에 맞춘 사용자 인터페이스(UI)와 정보 구조(IA)를 설계했습니다. 수강 중인 강의, 주간 시간표, 최근 성적 그래프, 과제 일정을 메인 화면 카드 모듈로 재구성하여 접속 즉시 핵심 과업을 처리할 수 있게 했습니다. '오늘의 학습 확인 → 테스트 및 과제 수행 → 성적 리포트 확인'으로 이어지는 단축 3단계 동선을 적용하고, 단순 수치 나열이 아닌 성적 변화 추이와 취약 영역을 그래픽으로 시각화하여 학생의 성취도 파악과 수험 계획 수립을 지원했습니다.

대성마이맥의 브랜드 정체성을 유지하면서 학습 집중도를 높이는 UI 컬러 시스템과 시간표·성적표 전용 데이터 그래픽 컴포넌트를 정립하여 디자인 시스템을 구축했습니다. PC, 스마트폰, 태블릿 등 멀티 디바이스 환경에 대응하는 반응형 웹을 구현함으로써 학생의 자기주도 학습 몰입도를 높이고 강사의 수업 운영 시간을 단축하여 학습 및 관리 효율성을 대폭 제고했습니다.

Key Features