비메오 VOD 온라인 강의 플랫폼 ‘수능의 본질’ 개발 사례
수능의 본질은 교육 유튜버가 비메오에 등록한 하나의 수능 VOD 상품을 판매하는 온라인 강의 플랫폼입니다. 카카오·네이버 로그인, 나이스페이먼츠 결제, 계정별 수강 권한, 내 수강실, 질의응답 커뮤니티와 카카오 알림톡을 하나의 학습 흐름으로 연결했습니다.
- 프로젝트 유형
- 수능 VOD 판매·수강 플랫폼
- 로그인
- 카카오·네이버 소셜 로그인
- 결제
- 나이스페이먼츠 결제 연동
- 영상 인프라
- 비메오 등록 VOD 연동
- 학습 기능
- 구매 권한·내 수강실·질의응답
- 운영 자동화
- 구매 완료·질문 답변 카카오 알림톡
VOD 판매 사이트에서 결제·수강권·질문 운영을 통합해야 했던 이유
영상 호스팅은 비메오로 운영할 수 있었지만, 온라인 강의 판매를 위해서는 단일 상품의 결제와 구매자별 수강 권한, 내 수강실, 질문 관리와 상태 알림을 별도의 서비스 안에서 연결해야 했습니다.
결제와 영상 접근 권한의 분리
결제 완료 여부와 비메오 영상 접근 권한을 수동으로 확인하면 권한 누락이나 잘못된 강의 노출이 발생할 수 있었습니다.
구매 이후 수강 동선의 단절
학생이 구매한 강의를 다시 찾기 어렵거나 별도 링크로 이동해야 하면 수강 시작까지의 단계가 불필요하게 늘어납니다.
질문·답변과 상태 안내의 반복 업무
질문과 답변이 여러 채널에 흩어지고 구매나 댓글 등록 사실을 개별 안내하면 운영자의 반복 커뮤니케이션 부담이 커집니다.
교육 콘텐츠 판매와 수강을 연결한 온라인 강의 플랫폼
기존 비메오 영상 자산을 유지하면서 단일 VOD 상품의 판매, 사용자 계정, 결제, 수강 권한, 학습 커뮤니티와 알림 기능을 서비스 안에 통합하는 것을 목표로 했습니다.
간편한 가입과 구매
카카오·네이버 로그인과 나이스페이먼츠 결제를 연결해 구매 진입 단계를 줄입니다.
정확한 수강 권한
결제 결과를 기준으로 구매 강의의 접근 권한을 자동으로 생성하고 검증합니다.
수강 중심의 마이페이지
구매한 VOD를 내 수강실에 모아 학생이 다시 찾고 학습하기 쉽게 구성합니다.
질문 대응과 알림 자동화
질의응답 커뮤니티와 카카오 알림톡을 연결해 답변 확인과 운영 안내를 단순화합니다.
비메오 영상은 유지하고 결제·수강 권한·질의응답을 통합
수강 동선
영상 링크를 개별 안내
구매한 강의를 내 수강실에 자동 연결
수강 권한
결제 내역과 사용자 계정을 별도 확인
결제 결과를 기준으로 계정별 수강권 자동 생성
질문 운영
질문을 외부 채널에서 개별 대응
질문과 답변을 서비스 커뮤니티에 축적
상태 안내
구매와 댓글 등록을 수동 안내
구매 완료·답변 등록 시 카카오 알림톡 자동 발송
온라인 강의 홈페이지의 VOD 구매·수강 정보 구조
가입·결제
VOD 학습
질문·알림
비메오 VOD 판매 사이트의 핵심 기능
실제 서비스 화면을 기준으로 로그인, 단일 VOD 결제, 수강 권한과 커리큘럼, 질의응답, 카카오 알림톡까지 학생의 전체 학습 흐름을 다섯 가지 핵심 기능으로 정리했습니다.
카카오·네이버 소셜 로그인
서비스 첫 화면에서 카카오 또는 네이버 계정으로 간편하게 로그인하고, 로그인 계정을 기준으로 VOD 구매 내역과 수강 권한을 연결하도록 구성했습니다.
- 카카오·네이버 간편 로그인
- 로그인 계정별 구매 내역 연결
- 내 수강실과 마이페이지 접근
단일 VOD 상품과 나이스페이먼츠 결제
하나의 VOD 상품에 대한 강의 구성과 결제 금액을 확인한 뒤, 나이스페이먼츠 결제창에서 원하는 결제 수단을 선택할 수 있도록 연결했습니다.
- 단일 VOD 상품 정보와 결제 금액 안내
- 나이스페이먼츠 결제창 연동
- 결제 성공·실패 상태 처리
커리큘럼형 VOD 수강실
결제 완료 사용자에게 수강 권한을 자동으로 부여하고, 회차별 커리큘럼에서 구매한 비메오 VOD를 선택해 학습할 수 있도록 설계했습니다.
- 결제 완료 후 수강 권한 자동 부여
- 회차별 강의 커리큘럼 제공
- 권한 확인 후 비메오 VOD 재생
질의응답 게시판과 답변 확인
수강생이 모바일에서도 학습 질문을 작성하고, 내가 남긴 질문의 답변 상태와 강사의 상세 답변을 확인할 수 있도록 구성했습니다.
- 수강생 질문 작성과 목록 조회
- 답변 상태와 등록일 확인
- 질문 상세와 강사 답변 확인
구매 완료·질문 답변 카카오 알림톡
VOD 구매가 완료되거나 질문에 새로운 답변이 등록되면 카카오 알림톡을 발송해, 사용자가 수강실과 답변 페이지로 바로 이동할 수 있도록 안내합니다.
- VOD 구매 완료와 결제 정보 안내
- 질문 답변 등록 알림
- 수강실·답변 확인 페이지 바로가기
소셜 로그인부터 VOD 구매와 수강까지
STEP 01
소셜 로그인
카카오·네이버 계정으로 로그인
STEP 02
VOD 상품 확인
강의 구성·결제 금액 확인
STEP 03
결제 진행
나이스페이먼츠에서 결제
STEP 04
수강권 부여
결제 완료 계정에 권한 생성
STEP 05
커리큘럼 수강
내 수강실에서 비메오 VOD 학습
STEP 06
질문·답변
질문 등록·알림톡으로 답변 확인
수능의 본질 온라인 강의 홈페이지 제작 범위
서비스 구조와 화면 설계부터 로그인, 결제, 수강 권한, 비메오 VOD, 커뮤니티와 카카오 알림톡까지 실제 운영에 필요한 범위를 구성했습니다.
- 요구사항 분석
- 서비스 정책·화면 설계
- UI·UX 디자인
- 카카오·네이버 로그인
- 나이스페이먼츠 결제
- VOD 수강 권한 관리
- 비메오 영상 연동
- 질의응답·카카오 알림톡
교육 콘텐츠 VOD 판매 플랫폼 개발 프로세스
기존 비메오 영상 운영 방식과 판매 정책을 먼저 분석한 뒤, 결제와 수강 권한이 정확하게 연결되는 흐름을 중심으로 설계·개발했습니다.
강의 운영 방식 분석
비메오 영상 구성, VOD 판매 방식, 질문 대응과 알림 운영 요구를 정리합니다.
결제·권한 정책 설계
결제 성공, 취소와 환불에 따라 수강 권한이 어떻게 변경되는지 정의합니다.
구매·수강 화면 설계
학생이 강의 정보를 확인하고 구매한 뒤 내 수강실에서 바로 학습하도록 화면을 구성합니다.
핵심 기능 개발
소셜 로그인, 나이스 결제, 수강권, 비메오 VOD와 질의응답 기능을 구현합니다.
결제·접근 권한 검수
구매 계정과 미구매 계정의 VOD 접근, 결제 상태와 알림 발송 조건을 테스트합니다.
배포와 운영 준비
실제 강의 상품과 알림 템플릿을 반영하고 운영 가능한 상태로 서비스를 배포합니다.
수능의 본질 고객 인터뷰
수능의 본질 운영자가 노코더스를 선택한 이유와 기획·디자인·개발 결과에 대한 핵심 후기를 정리했습니다.
홈페이지 제작 경험이 없어도 필요한 기능만 설명하면 기획부터 디자인·개발까지 구체화해주었고, 추상적인 디자인 요청과 반복적인 수정에도 빠르게 대응한 점을 높게 평가했습니다.
Q.노코더스를 알게 되고 외주사로 선택한 이유는 무엇인가요?
지인 유튜버 분께 소개받았고, 같은 교육계 유튜브를 운영하는 여러 분의 노코더스 이용 후기를 확인한 뒤 결정했습니다.
Q.처음 프로젝트를 문의했을 때 무엇을 기대하셨나요?
원하는 기능이 오류 없이 작동하는 것과 깔끔한 홈페이지 디자인을 기대했습니다.
Q.완성된 서비스 결과물은 어떠셨나요?
원하는 기능을 모두 구현해주셨고, 디자인을 추상적으로 설명드렸음에도 빠른 시간 안에 만족스러운 결과로 구체화해주셨습니다.
Q.기획·디자인·개발 과정에서 가장 만족한 부분은 무엇인가요?
홈페이지 제작을 잘 모르는 상태에서도 필요한 기능만 설명하면 기획과 제작을 알아서 진행해주셨습니다. 구체적인 디자인 설명이 없어도 디테일까지 만족스러웠고, 직접 진행해야 하는 작업 안내도 체계적이었습니다.
Q.협업 경험을 주변 지인에게 어떻게 소개하고 싶으신가요?
자잘한 수정 요청도 빠른 시간 안에 모두 해결해주셨습니다. 홈페이지 제작을 잘 모르더라도 걱정 없이 외주를 맡길 수 있는 업체라고 소개하고 싶습니다.