힉스필드 영상·웹사이트 프롬프트 팩 활용 가이드

브랜드 비주얼이나 여행 관련 서비스, 인터랙티브 포트폴리오에 잘 어울립니다. 문이 열릴 때마다 등장하는 장면을 자기 서비스의 키 비주얼로 교체하면 그대로 자기 콘텐츠가 됩니다.

크리스탈 케이브 — 분위기 중심 콘셉트

찜질방의 한방탕·황토방 같은 공간감을 모티프로 한 크리스탈 동굴 영상입니다. 영상 안에서 크리스탈이 자라났다가 깨지면서 분열하는 효과가 들어 있고, 카피는 차분한 분위기에 맞춰 작성되어 있습니다.

종이접기 건물 — 변신·구축 콘셉트

종이가 접히면서 건물이 만들어지는 영상입니다. 건축·인테리어·제조 같이 무언가가 단계적으로 구축되는 과정을 보여줘야 하는 서비스에 잘 맞습니다.

라떼 드랍 — 제품 중심 콘셉트

에스프레소가 떨어지고 그 위에 라떼가 만들어지는 영상입니다. 직전 가이드의 카페라떼 예시와 같은 결이고, 팩의 뒤쪽 (예: 31번째 자리) 에 추가로 들어가 있습니다. 카페·F&B 브랜드 랜딩에 그대로 쓸 수 있습니다.

크루즈 — 여행·체험 콘셉트

이 글의 실습에서 사용할 예시입니다. 크루즈를 타고 출항하는 흐름의 영상과, 그에 맞는 여행 상품 랜딩 카피가 짝지어 있습니다.

시작 전 준비

이 가이드를 따라가려면 직전 버전 2 가이드의 환경이 이미 준비되어 있어야 합니다.

Step 1: 사용할 팩 고르기

먼저 어떤 컨셉의 영상으로 갈지 정합니다. 컨셉만 정해지면 나머지는 거의 자동입니다.

이 가이드의 실습 예시로는 크루즈 컨셉을 사용합니다.

Step 2: 웹사이트 프롬프트 먼저 복사해 두기

영상이 만들어지는 동안 웹사이트 작업이 병렬로 진행되도록, 웹사이트 프롬프트를 먼저 클로드 코드에 붙여 두기만 합니다. 아직 실행하지는 않습니다.

Step 3: 힉스필드 시댄스로 영상 만들기

이번에는 왼쪽의 영상 프롬프트 차례입니다. 영상이 만들어지는 시간 동안 위 Step 2의 카피 다듬기도 같이 끝낼 수 있습니다.

Step 4: 클로드 코드에 한 번에 실행 요청

이제 영상과 웹사이트 프롬프트가 모두 한 자리에 모였습니다. Step 2에서 미리 붙여 둔 프롬프트 앞에 한 줄만 추가해 보내면 됩니다.

이 한 문장이 위에 있고 그 아래에 팩의 웹사이트 프롬프트가 그대로 이어진 상태로 엔터를 누르면, 클로드 코드가 영상의 흐름과 프롬프트의 타임라인을 모두 참고해 랜딩을 생성합니다.

Step 5: 결과 확인

생성이 끝나면 로컬에서 한 번 확인하고, 이상이 없으면 배포 단계로 넘어갑니다.

자기 서비스에 맞게 변형하는 요령

팩을 그대로 쓰는 것도 가능하지만, 대부분의 경우 카피와 일부 비주얼을 자기 서비스에 맞춰 다듬게 됩니다. 안전한 변형 범위와 가능하면 피해야 할 변형을 나눠 둡니다.

자주 막히는 문제

시리즈 마무리

여기까지 따라오셨다면 세 가지 사이클을 모두 다뤄 본 셈입니다.

스킬 3종과 프롬프트 팩을 함께 받아 두면 새 랜딩 한 페이지를 짧게는 30분 안에 완성할 수 있습니다.

선행 가이드로 돌아가기 → 클로드 코드 + 힉스필드 스킬 3종으로 스크롤 인터랙티브 웹사이트 만들기