본문 바로가기

KADA 도핑방지교육 플랫폼

UX 기반 교육 플랫폼 설계

KADA 도핑방지교육 플랫폼 대표 이미지
Client
한국도핑방지위원회
Year
2025

팬데믹 이후 증가한 비대면 교육 수요에 대응하고, 교육 행정의 효율성을 높이기 위해 사용자 중심 UX로 온라인 도핑방지교육 플랫폼을 개발했습니다. 다양한 사용자 유형을 분석해 교육 접근성과 관리 기능을 통합 설계했습니다.

CHALLENGE

비대면 전환에 따른 교육 체계 공백

팬데믹 이후 도핑방지교육은 비대면 방식으로 급격히 전환되었으나, 사용자 유형별 서비스가 분절되어 일관된 학습 경험을 제공하지 못했습니다. 교육 평가 기능과 학습자 정보가 부재해 콘텐츠 개선이나 정책 수립의 근거도 부족했습니다. 행정가, 강사, 학습자 모두 운영 시스템의 불편함을 호소하며, 교육의 질과 효율성을 동시에 높일 수 있는 통합 플랫폼 구축이 절실한 상황이었습니다.

KADA 도핑방지교육 플랫폼 — 비대면 전환에 따른 교육 체계 공백
KADA 도핑방지교육 플랫폼 — 비대면 전환에 따른 교육 체계 공백
KADA 도핑방지교육 플랫폼 — 비대면 전환에 따른 교육 체계 공백
KADA 도핑방지교육 플랫폼 — 비대면 전환에 따른 교육 체계 공백

APPROACH

사용자 경험 기반의 구조적 재설계

플랫폼의 실효성을 높이기 위해 KADA 관리자 워크숍과 선수·강사 대상 인터뷰를 반복하며 사용자 요구를 심층 파악했습니다. 이를 통해 퍼소나와 사용 시나리오를 설계하고, 사용자 흐름을 바탕으로 정보 구조를 ‘맥락–사용자–콘텐츠’ 중심으로 재정의했습니다. 반응형 UI와 주요 사용자별 맞춤 메뉴를 설계하고, 단계별 사용성 테스트를 통해 실제 이용 환경에서의 문제를 지속적으로 개선해 나갔습니다.

KADA 도핑방지교육 플랫폼 — 사용자 경험 기반의 구조적 재설계
KADA 도핑방지교육 플랫폼 — 사용자 경험 기반의 구조적 재설계
KADA 도핑방지교육 플랫폼 — 사용자 경험 기반의 구조적 재설계

OUTCOME

데이터 중심의 교육 운영 체계 구축

통합 플랫폼은 다양한 사용자에게 일관된 교육 경험을 제공하고, 반응형 UI로 언제 어디서나 교육 접근이 가능하도록 했습니다. 교육 평가를 온라인화하고, 학습자 행동 데이터를 체계적으로 수집·분석할 수 있게 해 통계 기반의 콘텐츠 개선과 행정 정책 수립이 가능해졌습니다. 관리자 기능도 고도화되어 콘텐츠 관리, 이수 확인, 통계 리포트 출력 등 교육 전 과정이 데이터 기반으로 운영되며 플랫폼의 지속성과 확장 가능성을 확보했습니다.

KADA 도핑방지교육 플랫폼 — 데이터 중심의 교육 운영 체계 구축
KADA 도핑방지교육 플랫폼 — 데이터 중심의 교육 운영 체계 구축
KADA 도핑방지교육 플랫폼 — 데이터 중심의 교육 운영 체계 구축
KADA 도핑방지교육 플랫폼 — 데이터 중심의 교육 운영 체계 구축

2차 사업 — 통합 플랫폼 반응형 UI 구축

복잡했던 교육 경험을 단순하게, 사용자 중심의 플랫폼 혁신

1차 과업에서 설계한 UX를 바탕으로, 다양한 기기 환경에 최적화된 반응형 UI를 구현했습니다. 이후 단계별 사용성 평가를 통해 시각적 흐름을 지속적으로 점검하고 개선했으며, 주요 사용자별 맞춤형 가이드를 제공함으로써 전체 교육 경험의 완성도를 높였습니다.

CHALLENGE

정보를 넘어서, 경험을 설계하다

통합 도핑방지교육 플랫폼은 다양한 사용자가 언제 어디서나 쉽게 접근하고, 일관된 교육 경험을 누릴 수 있도록 사용자 중심으로 설계되어야 했습니다. 이에 따라 1차 UX 설계를 바탕으로 시각적 명확성, 정보 전달력, 사용 편의성을 고루 갖춘 UI 디자인이 요구되었습니다. 복잡한 정보를 단순하게 전달하고, 사용자 경험의 일관성을 유지하기 위한 구조화된 시각적 접근이 필요한 시점이었습니다.

KADA 도핑방지교육 플랫폼 — 정보를 넘어서, 경험을 설계하다

APPROACH

기기 환경을 고려한 반응형 UI 전략

UI 디자인은 반응형 웹 기반으로 구현되었으며, 다양한 기기 환경에 최적화된 화면 설계를 통해 사용자 접근성을 높였습니다. 각 UI 요소는 기능에 따라 시각적으로 구분되도록 디자인되었고, 정보의 우선순위에 따라 계층 구조를 설계하여 사용자가 주요 정보에 집중할 수 있도록 했습니다. 특히, 모바일이나 태블릿 등 화면 크기가 제한된 기기에서는 상대적으로 중요도가 낮은 정보는 과감히 제거하거나 재배치하여 각 기기에서의 최적의 사용자 흐름을 구현했습니다. 또한, UI 디자인의 완성도를 높이기 위해 2차, 3차에 걸친 사용성 평가를 단계적으로 진행하며 UI를 중간 점검하고, 사용자 피드백을 바탕으로 세부 요소들을 지속적으로 수정 및 보완했습니다.

KADA 도핑방지교육 플랫폼 — 기기 환경을 고려한 반응형 UI 전략
KADA 도핑방지교육 플랫폼 — 기기 환경을 고려한 반응형 UI 전략

OUTCOME

실사용 환경에서 검증된 사용자 경험 개선

사용자들은 다양한 기기 환경에서도 직관적이고 일관된 교육 경험을 누릴 수 있게 되었습니다. 정보 계층 구조와 시각적 구성의 정리가 이루어지면서, 플랫폼 내 사용자 여정이 명확해지고 불필요한 인지 부담이 줄어들었습니다. 또한, 플랫폼을 처음 접하는 사용자들도 보다 쉽게 적응할 수 있도록 학습자, 스포츠행정가, 전문강사, KADA교육관리자 등 주요 사용자별로 맞춤형 홈페이지 이용 가이드를 제작하여 제공했습니다. 이를 통해 도핑방지교육 콘텐츠에 대한 접근성과 몰입도가 향상되었고, 실질적인 교육 효과와 사용자 만족도 또한 개선되는 결과로 이어졌습니다.

KADA 도핑방지교육 플랫폼 — 실사용 환경에서 검증된 사용자 경험 개선

프로젝트를 함께 시작해 보세요

아이디어 단계부터 실행까지, 프로젝트에 맞는 방식을 함께 찾습니다.

프로젝트 문의