대교 눈높이 러닝센터 '성장판' 학생 앱·교사 웹 UX/UI 구축
Client.
대교
Work.
UI Design
Production.
WEB, APP
Device.
PC, Smartphone
Period.
17.08~17.09
Project Overview.
대교 눈높이 러닝센터에서 런칭한 성장판은 학생 스스로 자기 주도적 자율 학습을 할 수 있도록 도와주는 App과 교사가 편리하게 학생의 학습을 관리 감독 할 수 있는 Web으로 구성된 학습 관리 시스템 입니다.
우리 아이의 자기주도적 자율학습을 돕는 성장도우미 '성장판'
대교의 '성장판'은 눈높이 러닝센터에서 학생의 자기주도적 자율학습과 교사의 효율적인 학습 관리를 지원하기 위해 구축된 에듀테크 플랫폼입니다. 기존에는 러닝센터 현장에서 교사의 지시에 의존하는 수동적 학습이 주를 이루었으며, 학생별 출결, 진도, 과제 이행률을 일일이 확인하다 보니 교사의 현장 케어 공수가 가중되는 한계가 있었습니다. 이에 학생이 스스로 일일 학습 목표를 가다듬고, 교사가 센터 내 학습 상태를 실시간으로 통합 관리할 수 있는 크로스 플랫폼 구축이 시급했습니다.
유엑스스토리(UXstory)는 학생용 앱과 교사용 웹으로 역할이 명확히 구분된 맞춤형 학습 UX를 설계했습니다. 학생은 출결번호 로그인 후 국어·수학·영어 등 원하는 과목과 학습 세트를 선택하고, 문제 풀이 전 학습 목표와 숙제 이행 여부를 직접 체크하도록 구현했습니다. 목표 시간과 문제 수에 맞춘 타이머 UI로 풀이 몰입도를 극대화하고, 학습 종료 후 이모지를 활용해 오늘 공부를 재미있게 했는지 돌아보는 자기점검 인터랙션을 제공했습니다. 교사용 웹에서는 러닝센터 전체 학생의 입실 현황과 실시간 학습 진행 여부를 한눈에 조회하는 모니터링 대시보드를 구축했습니다.
눈높이 고유의 옐로우·레드 브랜드 컬러와 친근한 캐릭터 일러스트를 적용하여 에듀테크 전용 디자인 시스템을 완성했습니다. '출결 로그인 → 과목/세트 선택 → 학습 목표 확인 → 타이머 풀이 → 이모지 회고'로 이어지는 직관적인 5단계 단축 동선을 정립하여, 학생의 자발적 학습 이수율과 집중도를 끌어올렸으며 교사의 관리 공수를 대폭 절감하여 밀착형 학습 코칭이 가능한 에듀테크 환경을 정립했습니다.
Key Features
- 출결 번호 간편 로그인 & 과목 선택: 키패드로 출결 번호를 입력하고 국어·수학·영어 세트를 선택하는 메인 UI
- 학습 준비 & 목표 확인 프로세스: 문제 풀이 전 숙제 이행 여부와 일일 학습 목표를 스스로 가다듬는 단계
- 타이머 기반 문제 풀이 & 자기점검: 목표 시간에 맞춘 스톱워치/타이머 기능 및 이모지 기반 학습 회고
- 교사용 실시간 학생 관리 웹: 러닝센터 내 학생들의 입실 여부 및 학습 진행 현황을 파악하는 관제 뷰
- 에듀테크 전용 디자인 시스템: 눈높이 브랜드 시그니처 컬러 및 친근한 캐릭터 일러스트 자산 라이브러리 정립