대교CNS '터그보트(Tugboat)' AI 공부 타이머 학생 앱 UX/UI 구축

나를 이끌어 주는 공부 메이트, '터그보트(Tugboat)'

혼자 공부하면 집중이 쉽게 흐려지고, 내가 실제로 얼마나 집중했는지 알기 어려웠습니다.
기존 공부 타이머는 단조로워 초·중·고 학생이 꾸준히 쓰기 어렵고, 공부 중 스트레스나 피로 같은 정서 상태는 살피지 못했습니다.
이에 AI 셀프카메라 분석으로 집중도와 감정을 읽고, 재미있게 이어 쓸 수 있는 앱 을 목표로 했습니다.

먼저 카메라 분석 중에도 부담이 없도록 가볍고 깔끔한 타이머 화면을 만들고, 집중 상태는 직관적인 반응으로 알 수 있게 했습니다.
앱 실행부터 공부 시작, 분석 완료까지 3단계 이내로 줄여 어느 학년이나 쉽게 시작할 수 있습니다.
공부 시간이 쌓이면 뱃지와 연속 학습 챌린지로 보상을 받고, 공부 후에는 집중도와 감정 변화를 일일·주간 리포트의 친근한 그래픽으로 돌아볼 수 있게 했습니다.

마지막으로 차분하고 트렌디한 색상과 편안한 글꼴, 친근한 구성 요소를 담은 학생 맞춤 디자인 시스템을 만들었습니다.
이를 바탕으로 AI 공부 타이머, 집중도·감정 분석, 학습 리포트, 챌린지, 마이페이지 등 핵심 화면을 완성하여, 학생이 자기 집중 패턴을 파악하고 스스로 공부 습관을 만들어 갈 수 있는 환경을 만들었습니다.

Key Features

- AI 셀프카메라 기반 집중도·감정 분석
- 부담 없이 가볍고 깔끔한 공부 타이머
- 3단계 이내의 간편한 시작 흐름
- 뱃지·연속 학습 챌린지로 학습 동기 부여
- 집중도·감정 변화를 보여 주는 일일·주간 리포트
초·중·고 학생 맞춤 디자인 시스템