제품 프로모 모션 디자인

15초 스토리의 구조

이 영상은 판매 내러티브를 여섯 챕터로 압축합니다. 직접적인 질문으로 시작해 판매 가능한 세 가지 형태를 보여 주고, 모바일 스토어를 조립한 뒤 결제 운영으로 확장하며, 크리에이터 대 플랫폼 메시지로 끝납니다. 각 챕터가 한 레이아웃의 텍스트만 바꾸는 것이 아니라 주된 구도 자체를 바꾸기 때문에 흐름이 잘 읽힙니다.

캐릭터, 타이포, 모션이 비트를 공유하다

마스코트는 정적인 발표자로 쓰이지 않습니다. 제품 카드 옆에서 올라오고, 새 오브젝트를 시선으로 따라가며, 점프, 끄덕임, 깜빡임, 스쿼시로 공개 순간을 강조합니다. 이런 리액션은 시청자에게 타이밍의 두 번째 단서를 주지만 작은 인터페이스 디테일과 경쟁하기도 합니다. 캐릭터를 프레임 한쪽에 두면 제품 카드와 결제 카피가 그 경쟁에서 보호됩니다.

01

디스플레이 크기의 하프톤

캐릭터와 제품 오브젝트는 낮은 해상도의 회색조로 그린 뒤 레이어마다 한 번의 순서형 디더링 패스로 변환합니다. 거친 질감은 와이드 샷에서도 알아볼 수 있고, 작은 인터페이스 라벨은 깔끔한 타이포그래피로 유지됩니다.

02

타이포그래피가 목소리를 바꾸다

Inter는 헤드라인과 인터페이스 텍스트를, Instrument Serif Italic은 “create” 같은 단어의 강조를, JetBrains Mono는 챕터와 타임코드 라벨을, Fraunces는 마지막 워드마크를 담당합니다. 대비가 표현력을 더하지만 스타일이 지나치게 많아지면 짧은 시퀀스가 분산됩니다.

03

탐색 보조로서의 HUD

왼쪽 위에는 챕터 라벨이, 오른쪽 위에는 Pennyflow와 60 fps 타임코드가 있습니다. 엔드 카드에서 이 HUD를 없애면 마지막 브랜드 락업이 또 하나의 제작 프레임이 아니라 도착점으로 읽힙니다.

모션 세트피스로 보여 주는 결제

결제 챕터는 익스프레스 결제 컨트롤에 가깝게 시작한 뒤 더 큰 보드를 보여 줍니다. view-2에는 $149 Design Course, Apple Pay 버튼, 카드 필드, 소계, 합계, 업셀, 마스코트 방송 패널이 함께 놓입니다. 이후 비트에서 값과 완료 표시가 추가됩니다. 카메라 이동은 현실적인 엔드투엔드 결제 세션 없이도 하나의 행동을 더 넓은 서비스 이야기로 확장합니다.

마지막 문장이 브랜드가 되다

검은 배경에서 “You create.”는 이탤릭 단어를 큰 산세리프 문구 옆에 두고, view-3처럼 마스코트는 반대편을 차지합니다. 다음 줄은 “We handle the,”로 시작해 “flow.”가 단순한 카피 이상이 되게 합니다. 이 단어는 중앙으로 이동해 워드마크의 꼬리를 이루고 나머지 글자를 받습니다. 이런 재사용 덕분에 전환이 이어지는 듯 느껴지지만, 문장과 로고에 모두 쓸 수 있는 단어가 없다면 교체 브랜드명에는 다른 연결 장치가 필요할 수 있습니다.

1. 로고 전에 덜어내기

   세부 요소가 많은 결제 보드에서 한 줄과 한 캐릭터만 있는 검은 화면으로 이동하세요. 시각적 부담이 줄어 마지막 변형을 위한 공간이 생깁니다.

2. 한 단어를 앞으로 가져가기

   메시지에서 브랜드 락업의 일부가 될 수 있는 단어를 고르세요. 시청자가 움직임을 따라갈 수 있도록 위치와 스타일을 충분히 오래 유지하세요.

3. 캐릭터 포인트로 마무리하기

   글자가 자리를 잡은 뒤 마스코트가 워드마크 뒤에서 엿보고, 뛰고, 윙크합니다. 제품 설명을 다시 열지 않고도 마지막 비트를 더합니다.

출처와 범위

이 작품은 @achxvi가 게시한 제3자 모션 레퍼런스를 OpenDesign이 공식적으로 코드로 다시 만든 것입니다. 구성은 가상의 Pennyflow 브랜드와 오리지널 배경 사운드트랙으로 각색되었으며, 크레딧이 참조된 크리에이터의 보증을 의미하지는 않습니다. 이는 렌더링된 프로모션 영상이지 작동하는 스토어, 결제 흐름, 연결된 커머스 제품이 아닙니다. 관련 비디오 워크플로는 병합되지 않은 PR8619와 연결되어 있으므로 현재 안정 버전의 OpenDesign에서 사용할 수 있다고 설명해서는 안 됩니다.