첫 사용의 가치를 보여주는 제품 소개

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