본문 바로가기
← 프로젝트 목록
담당 업무
- 기존 Flash 기반의 약 1,000개 온라인 강의 콘텐츠를 웹 콘텐츠로 전환
- 전달받은 이미지·학습 내용·퀴즈 자료를 기반으로 강의 화면 퍼블리싱
- 별도 디자인 시안이 없는 콘텐츠의 UI를 기존 서비스에 맞게 보완
- 강의 유형별 공통 마크업·클래스 및 퍼블리싱 가이드 제작
- 다양한 화면 크기에 대응하는 반응형 교육 콘텐츠 구현
주요 작업 내용
- 기존 Flash 강의의 화면 구성과 인터랙션 분석
- 약 1,000개 강의 콘텐츠를 HTML5·CSS3·JavaScript 기반 웹 콘텐츠로 전환
- 이미지, 본문, 학습 단계 및 퀴즈 유형에 따른 강의 화면 구현
- 디자인 시안이 제공되지 않은 일부 화면의 레이아웃과 UI 직접 구성
- 강의 콘텐츠를 화면 구성과 기능에 따라 유형별로 분류
- 반복되는 제목·본문·이미지·버튼·퀴즈 요소의 공통 클래스 설계
- 콘텐츠 유형별 마크업과 스타일 적용 기준을 정리한 퍼블리싱 가이드 제작
- 공통 클래스를 활용해 신규 강의를 효율적으로 추가할 수 있는 구조 구현
- 학습 내용과 퀴즈의 가독성 및 조작 편의성을 고려한 UI 구성
- 다양한 연령대의 학습자가 이용할 수 있도록 화면 크기별 콘텐츠 배치와 버튼 위치 조정
- 약 1,000개의 Flash 기반 강의를 웹표준 기반 콘텐츠로 전환
- 대량의 강의 콘텐츠를 유형별로 분류하고 공통 UI 구조로 체계화
- 디자인 시안이 없는 콘텐츠도 기존 서비스의 시각적 일관성을 유지하도록 구현
- 공통 클래스와 퍼블리싱 가이드를 통해 콘텐츠 추가·수정이 용이한 유지보수 구조 마련
- 다양한 콘텐츠 유형과 화면 크기에 대응하는 반응형 교육 UI 구현
