안녕하세요.
담당 매니저 김수민입니다.
기간제(상주) 프로젝트 희망 근무 시작일을
등록해 주시면, 파트너님의 일정에 맞는
적합한 프로젝트를 추천해 드려요.
플러스
친절한 영어교실 (온라인 강의 서비스) 구축 및 유지관리
개발 · 디자인
LMSㆍ강의 플랫폼
프로젝트 배경
1) 문제점
- 기존의 온라인 강의 플랫폼은 데스크탑 중심으로 설계되어 있어, 모바일 및 태블릿 환경에서 학습 편의성이 부족했습니다.
- 강의 수강 중 학습 이력 누락, 결제 수단의 부족으로 사용자들이 불편을 겪고 있었습니다.
- 또한, 고화질 강의 영상 스트리밍 시 트래픽 부하가 발생하여, 버퍼링 및 로딩 시간이 길어지는 문제가 있었습니다.

2) 프로젝트 목표
- 반응형 웹 도입을 통해 모바일, 태블릿, 데스크탑 환경에서도 최적의 학습 경험을 제공
- UI/UX 개선으로 사용자 친화적인 강의 수강 인터페이스 설계
- 다양한 결제 수단(정기결제, 분할결제)을 도입하여 결제 과정의 간소화와 사용자 편의성 증대
- 영상 트래픽 최적화(튜닝)를 통해 스트리밍 품질 향상 및 버퍼링 최소화

3) 주안점
- 반응형 UI 설계: 모바일, 태블릿에서도 최적화된 학습 경험 제공
- 결제 수단 확장: 정기 결제, 분할 결제 등 다양한 결제 옵션 추가
- 영상 트래픽 최적화: CDN 최적화 및 서버 부하 감소를 위한 스트리밍 튜닝
- 사용자 경험 개선: 예약 강의, 이어보기, 학습 진도율 체크를 빠르고 쉽게 접근 가능하도록 개선
프로젝트 성과
사용자 학습 접근성 향상
반응형 웹 도입으로 모바일, 태블릿, 데스크탑에서의 수강이 원활해졌습니다.
결제 성공률 개선
정기 결제와 분할 결제를 도입하여 다양한 결제 옵션을 제공하며 결제 성공률이 증가했습니다.
학습 중단율 감소
UI/UX 개선과 이어보기 기능으로 학습 중단율이 줄어들며 학습 몰입도가 높아졌습니다.
영상 로딩 시간 단축
영상 트래픽 최적화를 통해 스트리밍 속도가 개선되고, 로딩 시간이 크게 감소하였습니다.
핵심 기능
반응형 웹 도입 및 UI/UX 개선
모바일, 태블릿, 데스크탑 어디서든 최적의 학습 환경을 제공합니다.
강의 수강 인터페이스를 직관적으로 변경하고, 예약 강의와 이어보기 기능을 쉽게 접근할 수 있도록 개선하였습니다.
다양한 결제 수단 지원
정기 결제, 분할 결제를 포함한 다양한 결제 방식을 추가하여 사용자 편의성을 높였습니다.
배너/후기 관리 시스템
메인 페이지 및 학습 페이지에 표시되는 배너를 손쉽게 관리하고, 실시간으로 업데이트할 수 있습니다.
수강생들의 강의 후기를 등록, 수정, 삭제할 수 있으며, 관리자는 이를 검토하고 피드백을 반영할 수 있습니다.
진행 단계
요구사항 분석 및 개선 포인트 도출
2024.01.
기존 플랫폼의 문제점을 분석하고, 반응형 웹 도입, 결제 옵션 확장, 트래픽 최적화 방안을 도출하였습니다.
UI/UX 개선 및 반응형 웹 설계
2024.02.
모바일, 태블릿, 데스크탑 최적화 화면 설계와 사용자 흐름을 고려한 UI 개선을 진행하였습니다.
결제 시스템 확장 및 최적화
2024.04.
정기 결제, 분할 결제 등 추가 결제 방식을 개발하고 안정성을 테스트하였습니다.
영상 트래픽 최적화 및 튜닝
2024.04.
CDN 최적화, 스트리밍 서버 튜닝을 통해 영상 로딩 시간을 단축하고 버퍼링을 최소화하였습니다.
배포 및 유지보수
2024.06.
업데이트된 시스템을 배포하고, 사용자 피드백을 반영하여 지속적인 최적화와 유지보수를 진행 중입니다.
현재 진행중.
프로젝트 상세
* 프로젝트 개요
'친절한영어교실'은 온라인 영어 강의 제공을 위한 통합 LMS 시스템으로, 강의 수강, 결제, 학습 관리까지 모든 기능을 하나의 플랫폼에서 지원하는 서비스입니다.
데스크탑과 모바일 모두 대응 가능한 반응형 웹 기반으로 개발되었으며, 사용자 편의성과 안정적인 트래픽 처리를 목표로 구축되었습니다.

* 주요 기능
1. 온라인 강의 수강 기능
: VOD 강의 제공, 강의 목차별 학습 관리, 진행률 표시

2. 결제 및 수강권 발급 기능
: 다양한 결제 수단(카드, 계좌이체) 지원, 수강권 발급 및 관리

3. 관리자 페이지
: 강의 등록 및 관리, 회원 관리, 주문 및 수강권 관리, 통계 분석
: 후기관리, 아웃바운드상품관리, 배너관리

4. 사용자 페이지
: 회원가입/로그인, 강의 목록 조회, 수강 신청 및 결제, 학습 이력 관리

* 기술 스택 및 개발 환경
- 프론트엔드: React.js (SPA 구조, 반응형 웹 구현)
- 백엔드: 내부 시스템과 API 연동 (상세 비공개)
- 기타: AWS 기반 CDN 적용을 통한 영상 스트리밍 최적화, 트래픽 부하 대응

* 특장점
- 데스크탑·모바일 반응형 웹 완벽 대응
: 모든 화면을 기기별 최적화하여, 학습 편의성 극대화

- 대규모 사용자 트래픽 처리 최적화 경험
: 고화질 강의 영상 트래픽 분산 및 부하 관리 시스템 적용

- 지속적 기능 고도화 및 유지관리 중
: 신규 기능 추가 및 사용자 경험 개선을 위해 현재도 지속적으로 발전시키고 있음
홈화면
마이페이지
강의목록
강의상품관리
강의영상관리
전체메뉴
아웃바운드상품관리
후기관리
배너관리

비슷한 프로젝트를 준비 중이라면?
위시켓 매니저와 상담하세요.

참여 개발사와 미팅 연결

프로젝트 1:1 컨설팅 제공

무료로 프로젝트 등록하기

작업한 파트너 프로필 보기

ph******
개발 · 법인사업자

프로젝트 정보

참여 기간
2024.01. ~ 2025.04.
참여율
참여율이 100%인 프로젝트는 해당 파트너님이 온전히 작업한 결과물입니다.
외부 공동 작업의 경우 기여도에 따라 참여율이 달라지며 역할, 프로젝트 설명을 통해 업무 분야 및 참여 범위를 확인할 수 있습니다.
100%
고객사
친절한대학(주)
역할
개발, 유지관리
관련 기술
AWS
React
Node.js