여기서 가장 자주 사고가 나는 것이 두 번째입니다. 인물이나 제품이 화면 중앙에 크게 있는 영상을 배경으로 쓰면, 그 위에 얹힌 헤드라인이 묻힙니다. 배경용은 중앙을 비우고 가장자리로 정보를 미는 구도가 필요합니다.
2. 웹 일정과 맞물리는 순서
영상 제작과 웹 개발은 서로 다른 팀이 하는 경우가 많아 순서가 엉킵니다. 현실적인 맞물림은 이렇습니다.
1. 웹 와이어프레임 단계 — 영상이 들어갈 영역과 대략적인 비율을 확정합니다 2. 영상 기획 — 그 규격을 전제로 콘티를 짭니다. 잘림 영역을 표시해 둡니다 3. 촬영 — 데스크톱·모바일 양쪽에서 살아남는 구도로 찍습니다 4. 웹 디자인 확정 — 영상 위에 얹힐 요소의 위치가 정해집니다 5. 편집·인코딩 — 비율별 버전과 용량 최적화본을 냅니다 6. 개발 적용·검수 — 실제 브라우저에서 확인합니다
1번이 빠지면 3번을 다시 하게 됩니다. 웹 담당자에게 "영상 영역이 몇 대 몇이고 어디에 무엇이 얹히는지"만 먼저 받아도 대부분의 사고가 사라집니다.
3. 리뉴얼에 필요한 영상은 대체로 하나가 아닙니다
한 번 촬영해 메인·서브·상세용을 나눠 뽑으면 리뉴얼 전체를 덮을 수 있습니다. 참조영상링크
메인 배경 하나만 생각하고 시작했다가, 개발 중에 다른 자리도 비어 있다는 걸 알게 되는 경우가 많습니다.
메인 히어로 배경 — 소리 없음, 짧은 반복, 중앙 비우기
회사 소개 페이지 본편 — 소리 있음, 1~2분, 여기가 실제 설명입니다
서비스·제품 페이지 설명 영상 — 항목별 짧은 편
채용 페이지 — 조직 분위기
상세페이지 삽입 GIF·짧은 클립 — 스크롤 중 자동 재생
촬영을 한 번에 하고 편집을 나누면 이 전부를 덮을 수 있습니다. 반대로 메인 배경만 찍어두면 나머지를 만들 때 다시 촬영해야 합니다. 리뉴얼 범위를 먼저 공유하시면 촬영 목록이 그에 맞춰 늘어납니다.
4. 기술적으로 미리 정할 것
형식·용량·첫 프레임을 미리 정해두면 개발 적용 단계에서 되돌아오지 않습니다. 참조영상링크
형식과 용량. 웹 배경용은 대체로 MP4와 WebM을 함께 준비합니다. 첫 화면 로딩에 영향을 주므로 용량 상한을 개발팀에서 먼저 받아두는 편이 좋습니다.
첫 프레임 이미지. 영상이 로드되기 전에 보이는 정지 이미지가 필요합니다. 이걸 안 정하면 검은 화면이 잠깐 지나갑니다.
반복 지점. 무한 반복이면 끝과 시작이 자연스럽게 이어져야 합니다. 촬영 단계에서 이걸 염두에 두면 편집이 수월합니다.
모바일 대체안. 모바일에서는 영상을 아예 안 틀고 정지 이미지로 대체하는 경우도 많습니다. 그 이미지도 함께 준비할지 정해두시면 좋습니다.
자막 필요 여부. 소리 없이 재생되므로 전달할 말이 있으면 화면 안에 넣어야 합니다.
5. 상담 전에 정리할 것
1. 영상이 들어갈 영역의 비율과 위치 (와이어프레임이면 충분합니다) 2. 그 위에 얹힐 로고·헤드라인·버튼의 위치 3. 리뉴얼 전체에서 영상이 필요한 자리가 몇 군데인가 4. 용량 상한과 형식 요구가 있는가 5. 모바일에서 어떻게 처리할 것인가 6. 웹 오픈 예정일과 영상 납품 희망일
이 여섯 가지를 정리해 VDOLAB 같은 국내 영상 제작사에 보내면 웹 일정과 맞물린 촬영 계획을 받아볼 수 있습니다.
