AI Native 쇼룸

덕랩이 AI 를 운영에 넣는 방식을 58초 모션그래픽으로 정리했습니다.

어떻게 만들었나

1. 01

   메시지부터 정했습니다

   홈페이지와 지금까지의 작업 기록을 읽고, 「AI 를 데모로 끝내지 않고 운영에 넣는다」 한 줄에 맞춰 장면 8개를 골랐습니다.

2. 02

   정지 화면으로 먼저 확인했습니다

   움직이기 전에 장면마다 배치·문구·색을 한 장씩 그려 검토했습니다. 고칠 곳은 이 단계에서 고치는 게 가장 쌉니다.

3. 03

   장면은 HTML 로 짰습니다

   각 장면은 HTML·CSS 와 애니메이션 타임라인이고, HyperFrames 로 1920×1080 MP4 로 렌더링했습니다. 화면 속 채팅·검색·대시보드는 전부 목업이라 실제 고객 데이터는 없습니다.

4. 04

   고치면 다시 뽑으면 됩니다

   문구나 속도를 바꾸면 HTML 만 고쳐 다시 렌더링합니다. 이 영상도 전체 속도를 1.4배로 올리고 장면 하나를 뺀 뒤 다시 뽑았습니다.