본문으로 건너뛰기
RAISE LAB
← 목록으로

제품 UI, 차트

Taxtello 15초 쇼릴: 혼란에서 통제와 명료함으로

독일 부기 앱 Taxtello의 실제 UI를 살려 15초 안에 브랜드 쇼릴을 만드는 Remotion 프롬프트입니다. 대시보드, 영수증, 청구서, 세금 개요가 하나의 흐름으로 이어지고, 마지막에 금빛 워드마크로 마무리됩니다.

Full Prompt 결과물

Full Prompt로 RAISE LAB 이 직접 만든 결과물입니다. (Claude Opus 5.5 사용)

렌더 모델 Opus 5.5추론 노력 높음(high)

Full Prompt

원문 프롬프트를 강화하여 결과에 좀 더 의도성을 반영한 프롬프트입니다.

  • 원문이 맡겨 둔 서체를 Plus Jakarta Sans와 JetBrains Mono 두 종에서 Pretendard 한 종으로 정하고, 화면 글자도 독일어 대신 한국어로 정했습니다.
  • 팔레트를 금, 남색, 따뜻한 흰색 세 가지와 흑백으로 줄이고, 초록과 빨강 같은 의미색은 쓰지 않기로 했습니다.
  • 콘셉트를 「흩어진 숫자가 하나의 질서가 된다」 하나로 고정하고, 장면 전환은 앞 장면의 도형이나 숫자에서 변형되는 방식으로만 하도록 정했습니다.
  • 박자를 115–120 BPM 범위에서 120 BPM으로 확정하고, 한 마디 2초에 기법 하나, 첫 프레임과 끝 프레임 일치로 정했습니다.
  • Remotion 대신 HTML 한 파일과 window.seek(t) 방식으로 빌드 방법을 바꾸고, 저장소 점검·MP4 렌더·세로 버전·큐 시트 같은 납품 절차는 뺐습니다.

[ ] 로 감싼 값은 바꿔 쓸 수 있는 자리입니다. 복사한 뒤 그 자리의 화면 글자·이름·색만 고치면 그만큼 영상이 바뀝니다. 그대로 두고 돌려도 됩니다.

15초짜리 제품 쇼릴을 만든다. 목표는 독일 부기 앱 [Taxtello]를 기능 설명이 아니라 하나의 생각으로, 비싸고 성숙한 금융 제품으로 기억하게 하는 것이다.
콘셉트: 「흩어진 숫자가 하나의 질서가 된다」. 혼란에서 통제, 명료함, 브랜드 순으로 가고, 모든 장면은 앞 장면의 도형이나 숫자에서 변형돼 나온다. 컷도 페이드도 없다. 화면은 저장소의 실제 대시보드, 영수증, 청구서, 세금 개요 가운데 가장 강한 셋만 쓰고, 수치는 합성 값으로 한다.
타이포와 색: 서체는 Pretendard 한 종만. 화면 글자는 전부 한국어로 짧게, 한 장면에 한 줄 이하. 색은 금 [#e8b84b], 남색 [#0c0f1a], 따뜻한 흰색 [#f6f4eb] 세 가지와 흑백만. 금은 포인트로만 쓴다.
금지: 파티클 폭발, 글로우, 렌즈 플레어, 카메라 흔들림, RGB 분리, 크로스페이드, 범용 그라디언트, 바운스 이징, 0.5초 넘게 멈춘 화면(마지막 프레임 제외).
박자: 120 BPM, 한 마디 2초에 기법 하나. 큰 순간은 마디 첫 박에 맞춘다. 첫 프레임과 마지막 프레임은 같은 어두운 화면으로 맞춘다.
빌드 방법: 1920x1080 HTML 한 파일, 60fps 기준, 모든 상태는 window.seek(t) 안에서 시간의 함수로 계산한다. CSS 애니메이션과 타이머는 쓰지 않는다.
검토: 본 렌더 전에 0.5초 간격 스틸로 겹침, 빈 프레임, 박자 어긋남, 글자 가독성을 확인하고 고친다.
시작: 먼저 박자별 스토리보드를 적고, 묻지 말고 바로 만든다.
대괄호 [ ] 안은 바꿔 쓸 수 있는 값이다. 그대로 두거나 원하는 값으로 바꾸되, 대괄호 기호 자체는 화면에 그리지 않는다.

원문 프롬프트

긴 프롬프트라 일부만 옮겼습니다. 전문은 크리에이터의 원 게시물에서 볼 수 있습니다.

You are the senior motion designer, product designer and Remotion engineer for Taxtello.

Your task is to create a genuinely premium, Apple-level product film for Taxtello.

This is NOT a generic SaaS explainer.
This is NOT a feature walkthrough.
This is NOT a startup template animation.

I want a maximum 15-second brand/product showreel that makes Taxtello look like a mature, expensive, beautifully designed financial product.

…

Follow these rules ruthlessly:

1. ONE SHOT = ONE IDEA.

2. Every scene needs room to breathe.

3. The product UI is the hero.

4. Do not plaster explanatory copy everywhere.

…

CHAOS → CONTROL → CLARITY → TAXTELLO

The first 1.5 seconds must already look premium.

The first meaningful product moment should happen by ~2 seconds.

…

Good:

chart line → document edge
gold pill → invoice button
financial number → amount in invoice
card edge → next surface
camera push through interface element
shared geometry
mask reveal using actual product shapes

Bad:

crossfade
random wipe
spin transition
glitch
whip-pan every two seconds
generic SaaS slide-left
zoom-blur spam

…

Reject your own result if it feels like:

• a SaaS template
• a PowerPoint animation
• a website screen recording

…

I would rather have:

3 extraordinary visual moments

than

10 mediocre feature animations.

출처Daniel Haida @daniel_haida (새 탭에서 열림)Opus 5.5