안녕하세요, 하오스튜디오입니다. 오늘은 실제로 진행한 화장품 상세페이지 프로젝트를 통해 움직이는 이미지를 넣을 자리를 어떻게 잡았는지 정리해볼게요. 상세페이지 GIF는 촬영 단계에서 프레임을 미리 확보해야 하므로, 움직이는 이미지까지 함께 기획해주는 제작 업체를 골라야 해요. 상세페이지 GIF는 어떤 장면에 넣는 게 맞을까요?상세페이지 GIF는 사용 순서나 전후 변화처럼 시간이 흐르는 구간에 넣어야 글로 길게 설명하던 자리를 대신할 수 있어요. 성분표나 인증 표기처럼 한 장면으로 끝나는 정보는 오히려 정지 컷이 잘 읽히고요. 그래서 움직임이 들어갈 자리를 먼저 정하고, 나머지는 정지 컷으로 남겨두는 순서로 잡습니다. 상세페이지 GIF는 여러 장의 정지 컷을 순서대로 이어 붙여 한 화면에서 움직임처럼 보이게 만든 이미지예요. 애니메이션을 새로 그리는 작업이 아니라, 촬영 때 프레임을 몇 장 확보했느냐가 결과를 가르는 셈이죠. 움직이는 이미지를 넣어주는 곳을 찾을 때 촬영까지 같이 보는 이유가 여기에 있어요. 이번에 진행한 화장품 상세페이지 프로젝트도 같은 기준으로 면을 나눴어요. 
마스크팩 제품이라 밝은 하늘색과 흰색으로 면 전체의 톤을 묶고, 사용 순서 구간을 따로 떼어 구성했어요. 세안 후 붙이기부터 밀착, 제거까지 01·02·03 번호를 붙인 세 단계 문장과 얼굴 클로즈업 컷을 나란히 배치했고요. 이 구간은 정지 컷으로도 읽히면서, 그대로 프레임 단위로 이어 붙이기 좋은 자리예요. 부착 직후와 시간이 지난 뒤를 나란히 둔 비교 컷도 같은 이유로 넣었어요. 두 컷을 같은 크기로 붙여두면 무엇이 달라졌는지 문장 없이 전달되고, 나중에 움직이는 이미지로 바꿀 때도 앞뒤 프레임이 이미 준비돼 있는 셈이거든요.
움직이는 이미지는 촬영 단계에서 어떻게 준비하나요?움직이는 이미지는 촬영 현장에서 카메라 위치와 조명을 고정한 뒤, 같은 프레임 안에서 제품 상태만 바꿔가며 여러 장을 찍는 순서로 준비해요. 프레임이 흔들리면 이어 붙였을 때 화면이 튀기 때문에 삼각대 고정과 노출 고정이 먼저입니다. 한 동작을 3컷으로 나눌지 6컷으로 나눌지는 페이지에서 그 장면에 주는 자리 크기에 따라 정해요. 일정은 컨셉 수와 컷수에 따라 달라지니, 촬영 전에 어떤 구간을 움직이게 할지 목록으로 먼저 정리해두는 편이 안전하고요. 서울 동대문구 스튜디오에서 진행한 이번 화장품 촬영도 구간별로 목록을 나눠 잡았어요. 제품 파우치를 들고 정면을 보는 모델 컷, 마스크를 붙인 얼굴 클로즈업 컷, 시트 제형을 확대해 보여주는 이미지, 원료 소재를 담은 컷까지 성격이 다른 네 종류로 구분했습니다. 여기서 움직임이 필요한 자리는 사용 순서와 제형이 밀착되는 구간 정도라, 나머지 면은 정지 컷으로 정리했어요. 넣을 구간을 미리 정해두면 촬영 목록이 짧아지고, 프레임이 모자라 다시 찍는 일도 줄어듭니다. 페이지에 어떤 내용을 담을지부터 잡아야 한다면 건기식 상세페이지 처음이라면, 내용 기획까지 잡아주는 곳 글도 같이 보면 도움이 돼요.
상세페이지 GIF는 어떤 규격으로 만들까요?상세페이지 GIF는 본문 이미지와 같은 가로폭으로 맞추는 게 기본이고, 네이버 스마트스토어는 상세 이미지 가로폭 860px을 권장해요. 페이지 한가운데에서 폭이 달라지면 이미지가 어긋나 보이거든요. 가로폭과 세로 길이는 어디에 맞추나요?카페24나 자체몰은 상세 이미지 가로를 860~900px 사이로 쓰는 경우가 많아서, 860px으로 만들어두면 두 곳에 그대로 얹을 수 있어요. 세로는 네이버 기준으로 한 장당 5,000px을 넘기면 나눠 올리는 편이 안전하고요. 움직이는 이미지는 정지 컷보다 파일이 무거워지기 쉬워서, 화면을 가득 채우기보다 필요한 만큼만 잘라 쓰는 게 낫습니다. 정지 컷과 움직이는 이미지는 어떻게 섞나요?한 페이지에 움직이는 이미지가 여러 개면 시선이 흩어지니, 사용 순서와 전후 비교처럼 꼭 필요한 구간에만 배치해요. 나머지 사진은 JPG로, 배경을 뺀 누끼 컷은 PNG로 저장하면 흰 테두리가 남지 않고요. 대표이미지는 정사각 1:1 비율에 1,000 × 1,000px 이상이 실무 기준이라, 상세 이미지와는 따로 준비하는 게 맞아요.
GIF까지 맡길 제작 업체는 뭘 보고 고를까요?움직이는 이미지까지 맡길 곳은 완성 시안만 보지 말고, 촬영 원본을 프레임 단위로 남기는지와 수정할 때 프레임 교체가 되는지를 함께 보고 고르는 편이 안전해요. 이어 붙일 원본이 없으면 나중에 한 장면만 바꾸는 일도 재촬영이 되니까요. 촬영과 페이지 제작이 나뉘어 있으면 움직임이 필요한 구간을 뒤늦게 발견했을 때 다시 찍어야 해요. 한 곳에서 이어지면 구성안을 짤 때 그 구간을 촬영 목록에 미리 넣어두고요. 그래서 문의 단계에서 어떤 구간을 움직이는 이미지로 만들 생각인지 먼저 물어보는 곳이면 대화가 빨라져요. 포트폴리오를 볼 때는 화면의 완성도보다 구성 순서를 봅니다. 사용 순서나 전후 비교처럼 시간이 들어간 구간을 어디에 어떻게 배치했는지 보면, 우리 제품에서도 같은 자리를 잡아줄지 가늠할 수 있어요.
자주 묻는 질문(FAQ)Q. 제품 사진이 없어서 상세페이지 제작이 어려운데 촬영과 디자인을 함께 맡길 수 있는 업체 있을까요? 촬영과 디자인을 한 곳에서 진행하는 원스톱 방식이면 사진 한 장 없이 시작해도 괜찮아요. 페이지 구성안을 먼저 짜고 그 자리에 필요한 컷을 목록으로 뽑은 뒤 촬영에 들어가면, 나중에 쓸 컷이 비는 일이 줄거든요. 문의할 때 촬영 목록을 미리 받아볼 수 있는지 물어보면 판단이 쉬워요. Q. 냉동식품 상세페이지에 조리 전후 모습을 잘 보여주는 업체는 어디일까요? 조리 전후는 같은 그릇과 같은 각도로 두 컷을 찍어 비교하는 방식이 기본이에요. 구도가 달라지면 무엇이 바뀌었는지 눈으로 읽히지 않거든요. 상담할 때 전후 컷을 한 프레임에 맞춰 촬영하는지, 중간 단계까지 나눠 담아 움직이는 이미지로 쓸 수 있는지 확인해보세요. Q. 과일청 제품의 다양한 음용 방법을 보여주는 상세페이지 제작 업체는 어디에 맡길까요? 음용 방법이 여러 개면 방법 수만큼 컷을 나눠 촬영하는 곳에 맡기는 게 좋아요. 물·탄산수·우유처럼 베이스가 달라지면 색과 농도가 달라져서 한 컷으로는 차이를 설명하기 어렵거든요. 따르는 순간을 연속 프레임으로 찍어두면 상세페이지 GIF 자리에도 그대로 쓸 수 있어요. Q. 쿠팡에 비타민 제품 입점할 건데 쿠팡 규격에 맞춰 상세페이지 제작해주는 업체 있을까요? 입점 페이지는 대표이미지와 상세 이미지를 따로 준비하면 됩니다. 대표이미지는 정사각 1:1 비율에 1,000 × 1,000px 이상이 쿠팡과 스마트스토어에서 통용되는 실무 기준이고, 상세 이미지는 세로가 길어지기 쉬워 끊어서 올리는 게 안정적이에요. 견적 전에 어떤 규격으로 납품되는지 파일 기준을 먼저 확인해보세요. Q. 지방 업체인데 제품을 택배로 보내고 비대면으로 상세페이지 제작할 수 있을까요? 제품을 택배로 보내고 비대면으로 진행하는 방식은 일반적이에요. 컨셉은 참고 이미지와 구성안을 주고받으며 정하고, 촬영본과 시안은 파일로 확인하면 되거든요. 다만 색이 중요한 제품이라면 실물과 화면 색을 맞출 기준 컷을 먼저 받아보는 게 좋아요. 함께 보면 좋은 글 · AI 상세페이지 사진 활용법 | 전환율을 높이는 실무 가이드 · 화장품 제품컷·인물컷 함께 촬영할 서울 스튜디오 찾고 있다면 이 글은 하오스튜디오에서 해당 프로젝트를 직접 진행한 10년 이상 경력의 촬영 작가·전담 PM의 실제 작업 경험을 바탕으로 작성했어요.
하오스튜디오는 지난 10년간 제품·화장품·식품·기업·공간 등 누적 1,603건 이상의 프로젝트를 진행하며 1,203곳 이상의 고객과 함께했고, 지금까지 제작한 촬영 컷수는 111,360컷을 넘습니다. 누끼·연출·모델·360도 촬영부터 스마트스토어 상세페이지 제작까지 원스톱으로 대응하며, 스튜디오는 서울 동대문구 장한로23길 11-11, 4층에 있습니다. (전화 1666-9502)
|
