구현 형태
웹 중심 IELTS 학습 제품
제품 브리프
채점 속도보다, 각 영역 결과를 학습자가 이해할 수 있는 화면으로 푸는 편이 더 중요했습니다.
PuanAI는 IELTS Writing, Speaking, Reading, Listening을 웹에서 연습하고 AI 채점과 해설을 바로 받는 학습 제품입니다. 제품의 중심은 웹이며, 모바일 레포는 인증·업데이트·푸시를 위한 셸 역할에 가깝습니다.
구현 범위에는 각 영역의 세션/결과 라우트, AI tutor, 체크아웃, 온보딩, 다국어 메타와 랜딩 구조가 잡혀 있습니다. 빠른 채점 자체보다 결과를 이해하고 다음 연습으로 넘어가게 만드는 흐름에 초점을 맞춘 사례입니다.
구현 범위
해결한 문제
해결한 문제
채점 속도보다 중요한 건 왜 이 점수가 나왔는지 이해시키는 흐름이었습니다. 영역별 결과 화면과 모국어 피드백이 같이 설계돼야 했습니다.
핵심 구현
Next.js 기반으로 Writing, Speaking, Reading, Listening 세션과 결과 페이지를 나눴고, AI tutor, 결제, 온보딩을 한 제품으로 연결했습니다.
적합한 제품 유형
교육·평가 서비스처럼 결과 해석 화면과 반복 학습 동선이 핵심인 웹 제품에 맞습니다.
기술 구조
제품 근거
주 스택
Next.js 16 · React 19 · Tailwind
데이터 · 동기화
Orval API clients · React Query · Zustand
운영 포인트
Google OAuth · 크레딧 결제 · GA/Clarity/AdSense
스택
웹 프론트
Next.js 16React 19TypeScriptTailwind CSSRadix UIFramer Motion
상태 · API 레이어
next-intlReact QueryZustandOrvalSonner
제품 운영
Google OAuthGoogle AnalyticsGoogle AdSenseMicrosoft ClaritySSE chat proxy
연동
ai APIcatalog APIcontent APIorder APIwallet APIprofile APIauth APIchat APIGoogle OAuthGoogle AnalyticsMicrosoft Clarity
화면
제품 근거
웹
앱
비슷한 제품, 내부 도구, 출시 가능한 첫 버전이 필요하다면
현재 문제, 대략적인 범위, 참고 링크만 있어도 제품 구조와 출시 범위부터 정리할 수 있습니다.