(AI English Learning Platform )
본 포트폴리오는 학습 현황 분석, 개인화 루틴 추천, AI 튜터 연동을 하나의 흐름으로 제공하는 AI 영어 학습 플랫폼 개발 사례입니다. 사용자가 “오늘 무엇을 얼마나 학습해야 하는지”를 즉시 파악하도록 성과 지표(Progress) · 루틴(Plan) · 실행(Action)을 한 화면에서 연결해 구현했습니다.
프로젝트 개요
해당 플랫폼은 학습를 중심으로
로드맵, AI 튜터, 단어장 등 핵심 학습 기능을 통합한
학습 운영형(Web App) 제품입니다.
당사는 데이터 기반 학습 서비스에서 중요한 “지속 학습” 문제를 해결하기 위해,
학습시간 추이, 연속 학습(스트릭), 오늘의 표현,
AI 추천 루틴을 직관적으로 배치해 사용자가 다음 행동을 바로 선택할 수 있도록 설계했습니다.
UX 설계 포인트
- Progress(학습 현황 시각화): 주간 학습시간 차트를 통해 학습량 변화를 직관적으로 인지하고, 목표 달성까지의 남은 비율을 안내
- Today’s Expression(오늘의 학습 액션): “오늘의 표현” 카드 + 오디오 플레이어를 통해 즉시 학습을 시작할 수 있는 실행 지점 제공
- AI Recommended Routine(개인화 추천): 회화/롤플레이/비즈니스 등 학습 목적별 루틴 카드를 구성해 선택 부담을 낮추고 학습 지속성 강화
- Navigation(기능 확장 대비): 홈/로드맵/AI 튜터/단어장 등 핵심 기능을 좌측 사이드바로 정리하여 확장성과 접근성 확보
- Subscription(유료 전환 UX): Free Plan 상태 표시 및 업그레이드 CTA를 명확히 배치해 자연스러운 유료 전환 흐름 설계
핵심 구현 포인트
- 대시보드 데이터 구성: 학습시간/목표/스트릭 등 학습 KPI를 한 화면에서 요약
- 개인화 추천 카드: 목적·난이도·소요시간 기반의 루틴 카드 템플릿화
- 오디오 학습 UX: 표현 카드 내 재생 컨트롤 제공으로 “즉시 학습 시작” 구현
- 컴포넌트 모듈화: 사이드바/카드/차트 등 UI를 모듈화하여 유지보수 및 확장성 강화
- 유료 전환 설계: Plan 표시, Upgrade CTA, 혜택 안내를 자연스럽게 연결
(주)아트스토어 개발 담당자 후기
“학습 서비스의 핵심은 ‘기능’이 아니라 ‘지속성’이라고 보고, 사용자가 오늘 무엇을 해야 하는지 즉시 결정할 수 있도록 Progress(현황) → Plan(추천) → Action(실행) 흐름을 플랫폼에 녹였습니다.”
“차트·스트릭·추천 루틴·오디오 학습 등 변동 데이터와 인터랙션이 많은 화면이었기 때문에, 컴포넌트 단위로 구조를 모듈화해 유지보수성과 확장성을 확보했고, 서비스 운영 단계에서 빠르게 개선/실험(A/B)할 수 있는 형태로 구현했습니다.”
Note
본 포트폴리오는 고객사 보안 및 업무비밀 보호를 위해 일부 정보(브랜드/식별 요소 등)를 비노출 처리했습니다.
실제 수행 범위(기획/디자인/프론트/백엔드/AI 연동/배포 등)는 프로젝트 조건에 따라 조정될 수 있습니다.