• Company
  • 6주 완성 MVPAI 운영 전환 플랜리트머스 팀 케어IT 비즈니스 빌드 프로그램Figma 기반 서비스 구현레퍼런스 앱 구현
  • Portfolio
  • Blog
문의하기

대표: 김응진이메일 : minsuk@cigro.io

사업자 등록번호 : 119-87-09475

주소 : 서울 서초구 효령로 304, 국제전자센터 B1 포티에 C동

Copyright ⓒ Cigro. All rights reserved. Seoul south korea

교육eKADA

한국도핑방지위원회 선수등록 도핑방지교육 개선 서비스 구축 사례

교육eKADA

고객사한국도핑방지위원회

업종
교육
기간
3~6개월
비용
3000~5000만 원
서비스 유형
Web
기능
관리자 페이지데이터 시각화양식·신청 관리운영 대시보드회원 관리회원가입 / 로그인회원 권한 분리콘텐츠·파일 관리

Overview

선수등록 도핑방지교육 개선 서비스 구축 사례

기간:5개월
범위:기획, UI/UX 디자인, 개발, QA 완료

선수 등록 과정에서 요구되는 도핑방지교육은 단순히 “영상 시청”으로 끝나지 않습니다. 학습 참여(퀴즈·카드 뒤집기 등 인터랙션), 이수 기준(진도/완료 조건), 그리고 운영자가 교육을 안정적으로 관리할 수 있는 콘텐츠 운영 체계(어드민·통계)가 함께 갖춰져야 합니다.

리트머스는 문화체육관광부 산하의 정부 공식 기구인 한국도핑방지위원회(KADA)와 함께, 선수 대상 등록 교육 경험을 고도화하기 위한 eKADA 교육 서비스 개선 프로젝트를 추진했습니다.

eKADA는 사용자에게는 수강목록–목차–진도율–완료 처리가 자연스럽게 이어지는 학습 경험을 제공하고, 운영자에게는 콘텐츠 스튜디오 + 어드민을 통해 교육을 효율적으로 운영할 수 있는 구조를 지향하는 인터랙티브 LMS 기반 교육 플랫폼입니다.

한국도핑방지위원회(KADA) eKADA 선수등록 도핑방지교육 서비스의 반응형 UI 목업으로, PC 화면과 모바일 화면 구성을 함께 보여주는 이미지

외주 개발을 맡긴 이유

IT 파트너로 리트머스를 선택한 이유

KADA는 선수 대상 교육을 운영하고 있었지만, 서비스 고도화는 단순 유지보수만으로 해결하기 어려운 성격이었습니다.

– 퀴즈/카드플립 등 인터랙티브 콘텐츠가 포함된 LMS로, 화면/기능 구현 난이도가 높음
– 사용자 페이지뿐 아니라 어드민/운영 도구(콘텐츠 스튜디오)까지 함께 만들어야 함
– 시즌성 트래픽을 고려한 아키텍처 설계 및 부하 테스트 범위 검토 필요(견적 기준)
– 내부 운영 일정에 맞춰 모바일/웹 반응형 품질, 스타일 수정, 프리뷰/검수 플로우까지 한 번에 정리할 파트너가 필요

또한 고객사는 기술 구조 관점에서 React + Python 조합을 선호했고,

조달/계약 방식으로 나라장터를 통한 계약 가능 여부도 함께 검토가 필요한 상황이었습니다.



고객사의 어려움

교육eKADA가 직면한 문제들

1. “학습 인터랙션”이 들어가면, 구현보다 운영이 더 어렵다

– 퀴즈나 카드 뒤집기 같은 상호작용은 콘텐츠가 자주 바뀌는데, 운영자가 직접 수정하기 어려우면 개선 속도가 급격히 느려짐
– 결국 콘텐츠를 만들고 편집하는 도구(콘텐츠 스튜디오)가 병목이 되기 쉬움

2. 사용자 페이지·어드민 페이지가 분리되어도, 기준은 하나여야 한다

– 사용자는 수강/진도/완료가 핵심
– 운영자는 수강생/수강현황이 핵심
– 이 둘이 서로 따로 놀면 운영 비용이 커지기 때문에, 데이터 기준과 화면 흐름을 함께 정렬해야 함

3. PC/Mobile 반응형 품질과 “안 깨지는” 운영 안정성이 필수

– “모바일, 웹 안 깨지도록”이 명시적으로 요구됨(상담 내용 기준)
– 스타일 수정, 프리뷰 기반 검수 등 QA/QC 관점의 반복 검증 루프가 필요

4. 특정 시즌 트래픽을 고려한 인프라 검토

– 연간 특정 기간에 이용자 집중이 예상되는 만큼,
– KT 클라우드 기반 아키텍처/부하 테스트 등 안정성 범위 정의가 중요(견적 기준)





요구사항 정의

교육 플랫폼 구축을 위한 핵심 요구사항

KADA는 선수 대상 도핑방지교육 경험을 개선하기 위해, “수강 경험”과 “운영 경험”을 동시에 강화하는 방향으로 요구사항을 정리했습니다.

리트머스는 다음 3가지 축으로 프로젝트를 정의했습니다.

1. 학습 흐름의 표준화(수강목록–진행–완료)

– 사용자 입장에서 수강/진도가 일관되게 이어지는 구조
– 완료 기준(다음 목차 이동 가능 등)을 명확히 반영

2. 운영 효율 중심의 콘텐츠 스튜디오(블록 편집)

– 콘텐츠 목록/수정/삭제
– 공개·비공개 설정
– 문제 에디터(한/영), 블록 편집(스타일/마진/이동/복제/삭제 등)

3. 운영 어드민과 통계(수강생 관리)

– 수강생 관리
– 수강목록 조회



솔루션 1

사용자 페이지–어드민 페이지를 하나의 운영 기준으로 정렬

사용자 화면과 운영자 화면은 역할이 다르지만, 데이터 기준과 흐름은 하나여야 합니다.

리트머스는 사용자 학습 플로우(수강/진도/완료)와 운영 플로우(콘텐츠/수강생/통계)를 분리하되,
서로 연결되는 지점을 명확히 정의하는 방식으로 구조를 제안했습니다.

– 사용자: 수강목록 → 목차 선택 → 진도율 체크 → 완료 후 다음 목차 이동
– 운영자: 수강생/수강현황 → knowledge check 확인


eKADA 사용자 학습 화면(수강 목록/진행)과 관리자 페이지(수강 내역 관리/통계 차트)를 한 운영 흐름으로 연결한 화면 구성 이미지

솔루션 2

인터랙티브 LMS의 핵심을 ‘콘텐츠 스튜디오(블록 편집)’로 이동

퀴즈/카드플립 등 인터랙티브 교육은 “개발이 끝”이 아니라, 운영 과정에서 콘텐츠가 계속 바뀝니다.

그래서 리트머스는 운영자가 직접 콘텐츠를 편집할 수 있도록 블록 기반 편집기(콘텐츠 스튜디오) 중심의 운영 구조를 제안했습니다.

– 블록 유형 선택 → 내용 편집 → 스타일 설정 → 크기/마진 조정
– 블록 이동/복제/삭제
– 블록 라이브러리 선택 및 상세 설정
– 공개·비공개 설정으로 내부 테스트/검수 지원


eKADA 학습 화면과 콘텐츠 편집 화면을 연결해, 운영자가 교육 콘텐츠를 편집·관리할 수 있는 콘텐츠 스튜디오 구조를 보여주는 이미지

솔루션 3

KT 클라우드 기반 아키텍처/부하 테스트 범위 검토

시즌성 트래픽을 전제로, 인프라와 성능 검증 범위를 함께 검토했습니다.

– KT 클라우드 기반 아키텍처 설계 및 구축
– 부하 테스트(피크 동시접속/표준 트래픽 기준) 범위 정의


퀴즈·카드플립 등 인터랙션 요소를 포함한 eKADA 교육 콘텐츠를 블록 단위로 제작하고 프리뷰할 수 있는 편집기 UI 화면 이미지

기능 1

토큰 기반 로그인 및 사용자 검증

eKADA는 외부 홈페이지의 로그인 정보를 기반으로 사용자를 검증하고, 인증이 완료된 사용자만 교육에 접근할 수 있도록 구성했습니다.

– 외부 로그인 정보 기반 토큰 저장 및 사용자 검증 흐름 구성
– 교육 접근 권한을 일관되게 유지하는 안정적인 인증 구조 확보


한국도핑방지위원회(KADA) eKADA 선수등록 도핑방지교육 사전 안내 페이지와 수강기록 제출 폼 UI 화면

기능 2

수강목록 및 과정 진입

선수(사용자)는 본인이 수강해야 할 교육을 한눈에 확인하고, 필요한 과정으로 바로 진입할 수 있습니다.

– 사용자별 수강 대상 과정 목록 제공
– 과정 선택 → 수강 화면으로 이어지는 명확한 진입 동선 설계


eKADA 공공기관 교육 플랫폼의 카드형 콘텐츠 목록과 학습 상세 화면 연결 구조(인터랙티브 LMS UX)

기능 3

교육 수강(링크 기반 제공 포함)

교육 콘텐츠는 사용자가 쉽게 접근하고 수강할 수 있도록 구성되며, 운영 방식에 따라 URL 기반 수강 링크 제공 구조도 지원합니다.

– 교육 수강 화면에서 콘텐츠를 자연스럽게 소비할 수 있는 구조
– 운영 편의성을 위한 수강 링크 제공 방식 포함


한국도핑방지위원회 eKADA 도핑방지교육 퀴즈 기반 지식 점검(knowledge check) 인터랙티브 학습 화면

기능 4

교육 진행

eKADA는 교육을 “열어보는 것”에서 끝나지 않도록,
학습 진행 상태를 기준으로 이수 흐름이 이어지도록 설계했습니다.

– 목차(세션) 선택 기반의 학습 진행 구조
– 목차별 진도율 체크 및 진행 상태 기록
– 완료 후 다음 목차로 이동 가능한 흐름 반영


eKADA 도핑방지교육 세션별 학습 진행 상태와 완료 체크가 표시된 진도 타임라인 인터페이스
eKADA 인터랙티브 LMS 카드 뒤집기 방식 학습 콘텐츠 화면(도핑방지교육 참여형 UI)

기능 5

인터랙티브 콘텐츠(퀴즈·카드 뒤집기 등)

선수 교육의 몰입도를 높이기 위해,
단순 시청형이 아니라 학습 참여를 유도하는 인터랙션 요소를 포함했습니다.

– 퀴즈, 카드 뒤집기 등 상호작용 기반 학습 경험 제공
– 학습 흐름 중 자연스럽게 참여를 유도해 이수 경험의 질 개선


기능 6

콘텐츠 스튜디오(콘텐츠 제작·편집·운영)

교육 운영에서 가장 중요한 것은 “콘텐츠를 빠르게 만들고, 빠르게 고칠 수 있는가”입니다.

eKADA는 운영자가 개발 의존 없이 콘텐츠를 관리할 수 있도록 블록 기반 콘텐츠 스튜디오를 중심 기능으로 구성했습니다.

– 콘텐츠 목록 관리 및 수정/삭제
– 내부 테스트를 위한 공개·비공개 설정
– 과정/챕터/세션 형태의 트리 구조 관리
– 한/영 입력을 지원하는 문제(퀴즈) 에디터
– 블록 단위 편집(유형 선택 → 내용 편집 → 스타일/크기/마진 조정)
– 블록 이동/복제/삭제로 빠른 편집 및 재사용


eKADA 공공기관 교육 플랫폼 콘텐츠 스튜디오 화면, 블록 라이브러리와 텍스트 편집 기능 UI

기능 7

관리자 어드민(수강생 관리 / Knowledge Check / 통계)

운영자는 eKADA 어드민에서 수강 현황을 확인하고, 교육 운영에 필요한 지표를 빠르게 파악할 수 있습니다.

– 수강생 관리
– 수강 목록 및 과정 조회

​

eKADA 관리자 페이지 수강 내역 관리 화면, 수강생 목록과 통계 차트가 포함된 운영 대시보드 UI

Review

운영 가능한 공공 교육 플랫폼으로 정리하다

eKADA 개선 과업은 “교육 화면을 예쁘게 만드는 프로젝트”가 아니라,

공공 교육 서비스가 실제로 운영되는 방식(콘텐츠 제작–공개–수강–통계)을 제품으로 정리하는 작업이었습니다.

– 사용자 관점: 수강/진도/완료의 일관된 학습 흐름
– 운영자 관점: 콘텐츠 스튜디오 + 어드민/통계로 운영 효율 확보
– 서비스 관점: 반응형 품질, 프리뷰/검수 루프, 인프라/부하 테스트 범위 검토까지 고려

공공기관·협회·교육기관에서 LMS를 운영하다 보면, 결국 다음 질문으로 모입니다.

“사용자는 잘 끝내고 있나?”
“운영자는 콘텐츠를 얼마나 빠르게 바꾸고 검수할 수 있나?”
“시즌 트래픽에도 안정적인가?”

리트머스는 사용자 페이지 + 어드민 + 콘텐츠 스튜디오를 하나의 운영 모델로 묶어, 교육 서비스가 ‘운영 가능한 제품’이 되도록 설계하고 구축합니다.

유사한 프로젝트(공공기관/협회 교육 플랫폼, 인터랙티브 LMS, 콘텐츠 편집기, 나라장터 계약 기반 개발)를 검토 중이라면,
현재 운영 중인 화면/흐름을 기준으로 개선 우선순위와 일정·범위를 먼저 정리해드릴게요.

유사한 프로젝트

알선
자세히 보기

알선

전자서명 API 연동 알선형 구인구직 플랫폼

1~3개월1000~2000만 원
아다루프 (AadaRoop)
자세히 보기

아다루프 (AadaRoop)

성형외과 예약·가격비교·후기 커뮤니티 앱

1~3개월2000~3000만 원
퍼스트 시그널 (1st-Signal)
자세히 보기

퍼스트 시그널 (1st-Signal)

실시간 암호화폐 시세 분석·알림 플랫폼

3~6개월2000~3000만 원
IMVO
자세히 보기

IMVO

미술 작품 렌탈·구매 플랫폼

1~3개월2000~3000만 원
Homealong
자세히 보기

Homealong

외국인 주거 계약 지원 플랫폼 개발

1~3개월2000~3000만 원
우오봉
자세히 보기

우오봉

등산과 게임 요소를 결합한 랭킹형 챌린지 플랫폼

3~6개월5000만 원~1억 원
GOLA JAVA
자세히 보기

GOLA JAVA

커스텀 번들 커피 캡슐 거래 플랫폼

1~3개월1000~2000만 원
외국인정보센터
자세히 보기

외국인정보센터

22개국어 자동 번역 기반 다국어 웹서비스 구축 사례

1~3개월1000~2000만 원

리트머스에 프로젝트를 문의해보세요!

비즈니스를 함께할 소중한 파트너로서
성심껏 상담해드립니다.

문의하기