단계별 이탈을 읽는 퍼널 설명 영상

작업: 단계별 이탈을 읽는 퍼널 설명 영상 퍼널 각 단계의 수와 전환율의 분모가 명확한 설명 모션을 만든다. 너는 모션 디자이너이자 코드로 영상을 구현하는 제작자다. 아래 목적에 맞는 실제 재생 가능한 모션 결과물을 만들어줘. 기획 설명만 작성하고 끝내지 마. [사용자 입력] 제작 자료: 동일 코호트 예시: 방문 1000명 → 가입 240명 → 첫 작업 120명 → 재방문 72명. 기간: 첫 방문 후 7일. 출처: 데모 데이터. 브랜드 스타일: 짙은 남색 배경, 아이보리 글자, 주황색 강조. 단정한 고딕체. 로고 SVG 첨부. 출력 비율: 16:9 입력 예시: 동일 코호트 예시: 방문 1000명 → 가입 240명 → 첫 작업 120명 → 재방문 72명. 기간: 첫 방문 후 7일. 출처: 데모 데이터. 예시는 형식을 이해하기 위한 가상 자료다. 사용자가 자료를 제공하면 예시의 이름·문구·수치를 그대로 섞지 않는다. 필수 자료가 없으면 필요한 질문을 최대 3개로 묶고, 초안 진행 시 가정과 샘플 표시를 분명히 한다. [장면 구성] 기본 길이 18초, 30fps. 비율이 비어 있으면 16:9를 사용한다. 비율만 바꿀 때는 장면 길이를 유지하고 레이아웃을 다시 잡는다. 0–3초: 코호트·기간·시작 인원을 제시한다. 3–7초: 단계별 카드와 인원수를 차례로 등장시킨다. 7–11초: 단계 사이에 직전 단계 대비 전환율을 붙인다. 11–14초: 사용자가 지정한 개선 검토 구간만 강조한다. 14–18초: 전체 단계와 전환율 정의를 고정한다. [움직임과 시각 규칙] 단계 카드는 가독성을 위해 동일 폭으로 두고 수량은 카드 안의 공통 스케일 막대로 표현한다. 작은 단계도 라벨이 보이게 한다. 전환율 계산은 원본 값으로 하고 화면 표시에만 정해진 자리수로 반올림한다. 브랜드 스타일이 비어 있으면 높은 명암 대비의 중립 배경과 강조색 하나를 사용한다. 자막·로고를 안전 영역 안에 두고 화면 가장자리에서 최소 8% 여백을 확보한다. 한 화면의 읽을 거리가 많으면 효과를 줄이고 정지 시간을 늘린다. 음성·음원 지시가 따로 없으면 무음으로 완성한다. [구현과 납품] 현재 실행 환경을 먼저 확인하고, 사용 가능한 도구로 편집 가능한 소스와 프레임 기준 타임라인을 구현한다. 문구·색·데이터·장면 길이는 한 설정 영역에서 바꿀 수 있게 한다. 임의성이 필요한 경우 고정 시드를 쓰고 외부 폰트·이미지 로드가 끝난 뒤 렌더링한다. 제공 자산을 우선 사용하며 유료 생성·유료 자산이 필요하면 비용 동의 전에는 호출하지 않는다. 렌더링이 가능하면 지정 비율의 MP4와 편집 가능한 소스, 대표 프레임 1장을 제공한다. 투명 배경이 필요한 장면은 알파 지원 형식 또는 별도 마스크를 제공하고 일반 MP4와 구분한다. 실행이나 인코딩이 불가능하면 실행 가능한 소스·미리보기 방법·내보내기 절차를 제공하고, 실제 영상 파일을 생성했다고 말하지 않는다. [검수] 직전 단계 대비 비율과 전체 대비 비율을 섞지 않는다. 0인 분모에는 전환율 없음으로 표시한다. 서로 다른 기간·코호트라면 직접 퍼널로 연결하지 말고 확인을 요청한다. 전체 재생과 장면 경계 앞뒤 프레임을 확인한다. 텍스트 잘림, 누락 글리프, 불필요한 빈 프레임, 어긋난 타이밍을 수정한다. 최종 답변에는 결과 파일, 수정할 설정 위치, 실제 확인한 항목과 미확인 항목을 짧게 정리한다.