안녕하세요.
담당 매니저 김수민입니다.
기간제(상주) 프로젝트 희망 근무 시작일을
등록해 주시면, 파트너님의 일정에 맞는
적합한 프로젝트를 추천해 드려요.
플러스
[구현 데모] 고전 인문학 영상 구독 서비스 — 인트로·영상·기록 한 바퀴 · 책장 누적
개발 · 디자인 · 기획
웹
SaaSㆍ솔루션, 그래픽ㆍ미디어, LMSㆍ강의 플랫폼
프로젝트 배경
1) 문제점 구독형 콘텐츠 서비스는 매일 하나씩 쌓인다는 약속으로 결제를 받습니다. 그런데 화면에서 그 쌓임이 보이지 않으면 사용자는 이번 달에 무엇을 얻었는지 알 수 없고, 그 상태가 해지로 이어집니다. 확정 기획서에 인트로 3페이지와 5분 영상, 아웃트로라는 순서는 정해져 있었지만, 그 한 바퀴가 실제로 어떻게 이어지고 무엇이 남는지는 화면으로 확인할 수 없었습니다. 2) 프로젝트 목표 - 확정
프로젝트 성과
인트로·영상·아웃트로 한 바퀴 구현
확정 기획의 고정 흐름을 그대로 옮겨, 인트로 3페이지에서 영상, 이미지 카드와 책장까지 한 바퀴가 실제로 돕니다.
구독 잠금과 즉시 해제
비구독으로 영상에 들어가면 잠기고 구독하면 즉시 열립니다. 헤더 배지도 미구독에서 구독 중으로 함께 바뀝니다.
책장에 꽂히는 시그니처 동작
시청을 마친 카드가 축소·회전해 책등이 되어 오늘 칸에 꽂히고, 누적 편수와 연속 기록이 같은 화면에서 갱신됩니다.
이미지 카드 2규격 실제 저장
스토리 9:16과 피드 1:1을 전환하고 PNG 파일이 실제로 내려받아집니다. 책장 전체도 이미지로 저장됩니다.
브리프부터 배포까지 약 1시간 20분
라우트 31개와 소스 약 3,500줄을 한 세션에서 구현하고 배포했습니다.
핵심 기능
서사형 리더
인트로 3페이지를 순서로만 진행하는 화면입니다. 건너뛰기를 두지 않고 그 규칙을 화면에 적었으며, 본문은 18px·행간 1.85로 조판했습니다.
진행 단계
확정 기획 해석 · 화면 흐름 확정
2026.08.
고정 순서와 아웃트로 3종을 화면 단위로 쪼개 흐름을 확정했습니다.
프로젝트 상세
1) 소개 고전 인문학 영상 구독 서비스의 하루 한 편 흐름을 화면으로 만들어 배포한 제안용 데모입니다. 확정 기획서의 순서를 구현하고, 매일 쌓이는 콘텐츠가 책장에 보이도록 설계했습니다. 2) 작업 범위 - 서사형 리더: 인트로 3페이지 순서 진행, 건너뛰기 없음, 세리프 조판 - 구독 게이트: 영상 잠금과 즉시 해제, 헤더 상태 배지 연동 - 시그니처 책꽂기: 카드가 책등이 되어 오늘 칸에 착

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

참여 개발사와 미팅 연결

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

무료로 프로젝트 등록하기

작업한 파트너 프로필 보기

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

프로젝트 정보

참여 기간
2026.08. ~ 2026.08.
참여율
참여율이 100%인 프로젝트는 해당 파트너님이 온전히 작업한 결과물입니다.
외부 공동 작업의 경우 기여도에 따라 참여율이 달라지며 역할, 프로젝트 설명을 통해 업무 분야 및 참여 범위를 확인할 수 있습니다.
100%
역할
기획 · 콘텐츠 집필 · 디자인 시스템 · UX 설계 · 프론트엔드 개발 · 배포
관련 기술
TypeScript
vercel
TailwindCSS
next.js
react.js