내 경력과의 적합도 보통
PG 결제를 연동한 커머스를 구축해 본 유형 경험은 있습니다. 하지만 공고가 지정한 아임웹·워드프레스 솔루션 경험이 없어 보통입니다.
공고 유형VOD·전자책 판매 스토어(회원 등급 권한·PG 결제)
필요 기술아임웹, 워드프레스, 트레이딩뷰 위젯, Vimeo, 국내 PG 결제, 소셜 로그인
내가 가진 기술국내 PG 결제
프로젝트 개요
- 주식·파생 실전 매매 교육 VOD와 PDF 전자책을 판매하는 단독 스토어형 웹사이트를 개발합니다. 아임웹 또는 워드프레스의 템플릿·플러그인을 활용해 구축하며, 소스코드를 처음부터 작성하는 방식이 아닙니다.
- 이용자는 유튜브 영상에 걸린 링크로 사이트에 들어와 강의 시청과 결제를 사이트 안에서 진행합니다.
프로젝트 목표 및 배경
- 유튜브에서 넘어온 이용자가 강의 시청, 자료 구매, 결제를 할 수 있는 사이트가 아직 없습니다.
- 목표: 유튜브에서 넘어온 이용자가 무료 강의를 보고 가입한 뒤, 유료 VOD 수강과 PDF 구매까지 사이트 안에서 끝낼 수 있게 됩니다. 이번 구축은 초기 모델이며, 이용자가 확보되면 기능을 확장할 예정입니다.
필수 과업 범위와 결과물
1. 수행 범위
- 기획: 화면 구성과 기능 명세는 아래와 같이 정리되어 있어 별도 기획 작업은 최소화합니다.
- 디자인·퍼블리싱: 솔루션 템플릿 기반 다크 모드(블랙·딥네이비) 테마 적용, PC/모바일 반응형
- 솔루션 구축: 아임웹 또는 워드프레스 세팅, 플러그인 설치·설정, 외부 위젯 임베드, 국내 PG 결제 연동
2. 상세 기능 요구 사항
2-1. 메인 화면 (PC/Mobile 반응형 웹)
- 증시 전광판: 최상단 트레이딩뷰 무료 Ticker 위젯 임베드, KOSPI·KOSDAQ·NASDAQ·S&P500·해외선물(미니 나스닥·항셍) 지수 실시간 롤링, 상승 빨강·하락 파랑 표시
- 주요 지수 차트: 트레이딩뷰 무료 차트 위젯 배치
- 금융 속보창: 사이드바에 트레이딩뷰 Top Stories 또는 경제지 RSS 피드 위젯 임베드, 자동 갱신
- 무료 강의 배너: 카드형 무료 VOD 배치, 클릭 시 사이트 내 레이어 팝업(LightBox) 재생
- 가입 유도: 회원가입 시 PDF 무료 다운로드 제공
2-2. 회원·권한
- 회원가입·로그인: 소셜 로그인 연동
- 등급별 접근 권한: 무료회원·유료 수강생·외부 입점 전문가 등급별 콘텐츠 접근 제어
- 중복 로그인 차단: 동시 접속 세션 제한 (계정 공유 방지)
2-3. 온라인 강의 (LMS)
- VOD 재생: 유료 회원 전용 16:9 가로형 VOD 스트리밍 (Vimeo 연동, 사이트 도메인에서만 재생 허용 설정)
- 단계별 커리큘럼: 단계별 강의 구성 및 결제 등급에 따른 열람 권한 설정
- 시청 제어: 진도율 관리 및 하루 시청 분량 제한 옵션
2-4. 디지털 상품·결제
- PDF 판매: 실전 매매 가이드·전자책 결제 후 즉시 다운로드
- 결제: 신용카드·간편결제 (국내 PG 연동)
- 시스템 차트 대여 탭: 초기에는 자동 매매 가이드 페이지로 운영, 추후 유료 멤버십(월 구독형) 결제자 전용으로 잠글 수 있는 권한 설정
2-5. 외부 전문가 입점 (오픈 마켓)
- 상품 등록: 외부 전문가가 VOD·전자책 상품을 직접 등록하는 양식(폼)
- 정산 금액 표기: 판매 대금에서 플랫폼 수수료 및 원천세 자동 차감 후 정산 금액 산출 및 표기
3. 결과물
- 구축 완료된 사이트 (관리자 계정 발주사 명의)
- 사용한 테마·플러그인·외부 위젯 목록과 설정 내역
- 관리자 운영 매뉴얼
참고
- 디자인 방향: 유안타증권 HTS의 전문적인 화면 구성과 토스증권의 직관적인 UI를 참고합니다. 메인 무료 강의 배너는 토스증권식 카드 뉴스 형태를 생각하고 있습니다.
아직 정하지 않은 범위
- 아래는 저희가 확정하지 못한 항목입니다. 의견과 함께 적어 주세요.
1. 결제 PG사 — 토스페이먼츠·이니시스 등 국내 주요 PG사 중 아직 정하지 않았습니다. 가장 많이 쓰이는 곳을 기준으로 제안해 주시면 그에 맞춰 정하겠습니다.
기술 스택
- 구축 방식: 아임웹(imweb) 또는 워드프레스(WordPress) 템플릿·플러그인 기반. 둘 중 어느 쪽으로 할지는 제안을 보고 정합니다.
- 영상: Vimeo
- 외부 위젯: 트레이딩뷰 무료 위젯, 경제지 RSS 피드
클라이언트 준비 사항
- 준비된 것: 사업자 등록, 화면 구성 및 기능 명세 정리본
- 이 프로젝트 담당: 대표가 직접 파트너 문의에 답변하고 검수합니다.
오픈 시점과 예산
제안 포함 필수 사항
1. 아임웹과 워드프레스 중 이 프로젝트에 적합한 솔루션과 그 선택 이유를 제안에 포함해 주세요.
2. 파트너님께서 판단하시기에 어떤 부분이 완료되어야 이번 초기 모델 구축이 성공적으로 마무리되었다고 보시는지 제안에 포함해 주세요. 전문가로서 이 프로젝트의 결과물에 대한 의견 부탁드립니다.
3. 위 '아직 정하지 않은 범위' 항목에 대한 의견을 제안에 포함해 주세요. 공고만으로 판단이 어려워 확인이 필요한 부분도 함께 적어 주세요.
4. 이후 입점 전문가가 늘거나 실시간 강의를 붙일 때 이번에 만든 사이트를 어떻게 이어갈 수 있는지 제안에 포함해 주세요. 확장 가능성 때문에 워드프레스를 고려하고 있어, 이 부분을 특히 중요하게 보고 있습니다.
※ 원문 그대로 표시했습니다. 전체 내용은 원본 공고에서 확인하세요.