CASE STUDY 012 / 공공·기관

선수 등록 필수 교육을 인터랙티브 학습으로 전환한 공공 교육 LMS 구축

선수 등록 필수 교육을 영상 시청에서 인터랙티브 학습으로 전환하고, 운영자가 직접 편집하는 콘텐츠 스튜디오를 갖춘 공공 교육 플랫폼을 구축했습니다.

모든 프로젝트체육 분야 공공기관LMS 구축구축 완료

작성·발행 Plan AI ·

공공·기관 / LMS 구축

변화의 핵심

퀴즈·카드 뒤집기 인터랙티브 학습

ReactPython클라우드
INDUSTRY
공공·기관
DEPT
교육 운영
DURATION
5개월
SCOPE
LMS 구축
STATUS
구축 완료

THE IMPACT

이 프로젝트가 남긴 변화.

Plan AI의 공개 프로젝트 기록을 바탕으로 작성했습니다. 고객사명은 비공개이며, 수치는 본문에 설명한 해당 프로젝트 범위의 결과입니다.

01 / 구축 범위

기획·디자인·개발·QA

02 / 콘텐츠 운영

개발 의존

블록 편집기

03 / 인프라

클라우드 + 부하 테스트

체육 분야 공공기관의 선수 대상 등록 교육 고도화 프로젝트. Plan AI가 수강·진도·완료로 이어지는 학습 경험과, 운영자가 직접 콘텐츠를 편집하는 블록 기반 콘텐츠 스튜디오를 하나의 운영 모델로 묶어 인터랙티브 LMS를 구축했습니다.

01 / THE CHALLENGE

문제의 출발점.

선수 등록 과정의 필수 교육은 단순 영상 시청으로 끝나지 않는다. 퀴즈·카드 뒤집기 등 학습 인터랙션, 진도/완료 조건, 콘텐츠 운영 체계가 함께 필요했다. 인터랙티브 콘텐츠는 자주 바뀌는데 운영자가 직접 수정하기 어려우면 개선 속도가 급격히 느려지고, 콘텐츠 편집 도구가 병목이 되기 쉬웠다. 사용자 페이지(수강/진도/완료)와 어드민 페이지(수강생/수강현황)의 데이터 기준을 하나로 정렬해야 했고, PC/모바일 반응형 품질과 연간 특정 시즌 트래픽 집중에 대비한 인프라 안정성도 요구되었다.

02 / THE APPROACH

업무의 맥락부터, 설계에 담았습니다.

사용자 학습 플로우(수강/진도/완료)와 운영 플로우(콘텐츠/수강생/통계)를 분리하되 서로 연결되는 지점을 명확히 정의해 하나의 운영 기준으로 정렬했다. 인터랙티브 LMS의 핵심을 '콘텐츠 스튜디오(블록 편집기)'로 옮겼다. 운영자가 블록 유형 선택 → 내용 편집 → 스타일 설정 → 크기/마진 조정, 블록 이동·복제·삭제, 공개·비공개 설정으로 내부 테스트와 검수까지 직접 처리할 수 있게 했다. 시즌성 트래픽을 전제로 클라우드 기반 아키텍처 설계와 부하 테스트(피크 동시접속/표준 트래픽 기준) 범위를 함께 검토했다.

03 / THE PROCESS

작은 검증을 쌓아, 작동하는 시스템으로.

  1. 01

    사용자 페이지와 어드민 페이지의 데이터 기준·화면 흐름 정렬

  2. 02

    수강목록 → 목차 → 진도율 → 완료 처리로 이어지는 학습 플로우 구축

  3. 03

    블록 기반 콘텐츠 스튜디오(편집기) 구축

  4. 04

    수강생/수강현황·knowledge check 확인 어드민 구축

  5. 05

    PC/모바일 반응형 품질 검증, 프리뷰 기반 검수 루프 운영

  6. 06

    클라우드 아키텍처 구축, 부하 테스트 범위 정의, QA 완료

04 / THE OUTCOME

숫자와 업무 방식에 남은 결과.

  • 사용자 관점: 수강/진도/완료의 일관된 학습 흐름 확보
  • 운영자 관점: 콘텐츠 스튜디오 + 어드민/통계로 운영 효율 확보
  • 서비스 관점: 반응형 품질, 프리뷰/검수 루프, 인프라·부하 테스트까지 검증
  • 공공 교육 서비스의 콘텐츠 제작·공개·수강·통계 운영 방식을 '운영 가능한 제품'으로 정리

05 / THE HANDOVER

인도 이후에도, 팀의 자산으로.

기획, UI/UX 디자인, 개발, QA 완료. 인터랙티브 LMS, 블록 기반 콘텐츠 스튜디오, 관리자 페이지, 데이터 시각화·운영 대시보드, 클라우드 기반 인프라 포함.

프로젝트에 사용한 기술

  • React
  • Python
  • 클라우드

LET’S TALK

이런 변화가 필요하신가요?

지금 겪고 계신 문제를 들려주세요. 이 프로젝트를 참고해, 필요한 범위와 다음 단계를 함께 정리하겠습니다.

이 사례로 프로젝트 상담하기