대교CNS '터그보트(Tugboat)' 학생 관리 플랫폼 선생님 앱 UX/UI 구축

Client.

대교CNS

Work.

Planning, UI Design

Production.

APP, AI

Device.

Smartphone

Period.

24.07~24.09

Project Overview.

"터그보트 선생님앱"은 학생용 앱을 이용하는 학생을 관리하기 위한 선생님용 앱입니다. 학생의 학습 데이터를 볼 수 있고, 학생에게 미션을 부여하고 학습 코멘트를 남길 수 있습니다. 효율적으로 학생을 관리할 수 있도록 그리고 다양한 연령층의 선생님들이 이용하기 쉽도록 직관적인 UI를 제공합니다.

터그보트(Tugboat) 학생 관리 플랫폼 '선생님앱' UX/UI 구축1

터그보트(Tugboat) 학생 관리 플랫폼 '선생님앱' UX/UI 구축2
터그보트(Tugboat) 학생 관리 플랫폼 '선생님앱' UX/UI 구축3
터그보트(Tugboat) 학생 관리 플랫폼 '선생님앱' UX/UI 구축4
터그보트(Tugboat) 학생 관리 플랫폼 '선생님앱' UX/UI 구축5

학생 관리부터 1:1 코칭까지, 선생님을 위한 '터그보트(Tugboat)'
 

학생 현황 파악, 과제 부여, 피드백이 각기 다른 채널로 나뉘어 선생님의 관리 부담이 컸고, 디지털 기기에 서툰 중장년층 교사에게는 화면 자체도 어려웠습니다.
이에 학생 앱의
학습 데이터를 한곳에서 보고 바로 미션과 코멘트를 전할 수 있는, 누구나 쉽게 쓰는 교사용 앱을 목표로 했습니다.
 

먼저 아이콘 대신 글자 설명과 큼직한 터치 영역을 두고, 메인 화면에서 학생 현황 확인, 미션 전송, 코멘트 작성을 바로 할 수 있도록 단계를 줄였습니다.
학생 앱과 실시간으로 연동해 학습 진도율, 정답률, 취약점을
그래프로 한눈에 보여 주었고, 몇 번의 터치만으로 개인별·그룹별 맞춤 미션을 보낼 수 있게 했습니다.
또한
메신저 형태의 코멘트 기능으로 학생에게 부담 없이 피드백을 남길 수 있게 했습니다.
 

마지막으로 눈이 편한 색상과 읽기 쉬운 글자, 카드형 구성 요소를 담은 교사 전용 디자인 시스템을 만들었습니다.
이를 바탕으로 학급·학생 대시보드, 학습 리포트, 미션 생성, 1:1 코멘트 화면 등
핵심 화면을 완성하여, 행정 부담은 줄이고 학생 개별 코칭에 더 집중할 수 있는 환경을 만들었습니다.



Key Features

- 학생 현황·미션·코멘트를 한 화면에서 처리
- 진도율·정답률·취약점을 보여 주는 학습 데이터 대시보드
- 템플릿으로 보내는 개인별·그룹별 맞춤 미션
- 메신저 형태의 1:1 학습 코멘트
- 글자 설명과 넓은 터치 영역으로 누구나 쉬운 화면
- 눈이 편한 교사 전용 디자인 시스템