교육/EdTech 15화면 — 대시보드과 상품관리의 교차점
2022년, 15개 화면의 교육/EdTech 프로젝트. 기획부터 설계까지, 현장에서 마주한 문제와 해결의 기록.
데모 체험
실제 서비스가 아닌, 핵심 기능 흐름만 담아 재구성한 익명화 목업입니다. 모든 데이터는 가상입니다.
화면 스켈레톤
실제 Figma 9개 화면 중 학습 흐름 핵심 7개 화면 재구성고객사 화면은 저작권 보호를 위해 공개하지 않는 대신, 주요 화면의 구성을 와이어프레임으로 재구성했습니다.
내 학습
강좌 탐색
강좌 상세
수강 신청
학습 현황
과제
설정
이 서비스가 해결하는 문제
온라인 교육의 가장 큰 적은 집중력 부족입니다. 대면 수업의 몰입감을 화면 안에서 재현하면서, 학습 진도와 성과를 체계적으로 추적해야 합니다.
수강생, 강사, 관리자 각각의 시점에서 필요한 기능이 다르기 때문에, 15개 화면은 3가지 페르소나를 동시에 만족시켜야 하는 도전이었습니다.
핵심 가치 제안
- 스마트한 탐색 경험 — 검색어 자동완성, 다중 필터, 정렬 옵션을 조합하여 사용자가 원하는 것을 3번의 터치 안에 찾을 수 있도록 설계했습니다.
- 데이터로 말하는 의사결정 — 핵심 지표를 한눈에 파악할 수 있는 대시보드를 제공합니다. "무엇을 보여줄까"보다 "무엇을 안 보여줄까"가 더 중요한 설계였습니다.
- 개인화된 사용자 경험 — 마이페이지에서 이력 조회, 설정 관리, 맞춤 추천까지 원스톱으로 제공합니다.
사용자 시나리오
주요 사용 흐름:
- 앱을 처음 실행하면 온보딩 화면이 나타납니다. 소셜 로그인 또는 이메일로 간편하게 가입할 수 있습니다.
- 메인 화면에서 핵심 콘텐츠와 개인화된 추천을 확인합니다. 주요 기능으로의 진입점이 명확하게 배치되어 있습니다.
- 검색 또는 카테고리 탐색으로 원하는 항목을 찾습니다. 필터와 정렬로 결과를 좁혀갑니다.
- 상세 페이지에서 충분한 정보를 확인하고 의사결정을 내립니다.
관련 포스트
스토어 심사가 기획을 바꾼다 — 한자 학습 구독 앱의 iOS 확장기
안드로이드에서 검증된 한자 학습 구독 앱을 iOS로 확장하며 겪은 심사 리젝, 구독 검증, 콘텐츠 순서 사고의 기록. 로그인 없이 결제하고 나중에 계정을 잇는 구조 변경까지, 스토어 정책이 제품 설계를 바꾼 과정을 담았다.
채점기 위에 경제를 얹다 — 포인트로 굴러가는 온라인 저지 학습 플랫폼
알고리즘 문제 자동 채점(온라인 저지)에 포인트 적립·차감, 레벨·뱃지·랭킹을 결합한 초·중·고 대상 코딩 학습 웹. 학생·선생님·최고관리자 3면 구조로 문제 출제와 그룹(반) 운영, 유료 강의와 포인트 상점까지 담았다.
질문 횟수까지 설계해야 AI 수업이 된다 — 미션형 탐구 교육 플랫폼
초·중학생이 태블릿에서 AI 챗봇과 탐구 미션을 수행하고 결과물을 포트폴리오로 쌓는 교육 플랫폼. 이중 챗봇 구조와 질문 횟수 정책, 클래스 권한 설계까지 담은 기획 분석.