안녕하세요, 하오스튜디오입니다. 오늘은 실제로 진행한 전통주 업종 프로젝트를 통해 세로 화면에서 읽히는 상세페이지를 촬영 단계부터 어떻게 설계했는지 짚어볼게요. 모바일에서 보기 편한 상세페이지는 촬영부터 세로 화면 기준으로 컷을 나누고 네이버 권장 가로폭 860px에 맞춰 제작하면 됩니다. 모바일 상세페이지, 촬영 단계에서 뭐가 달라질까요?모바일 상세페이지용 촬영은 세로 화면 한 칸에 정보 하나만 남도록 컷을 미리 쪼개서 찍는 작업이에요. PC 화면을 기준으로 잡은 사진은 제품과 소품이 가로로 넓게 퍼져 있어요. 이런 컷을 세로로 긴 화면에 넣으면 주인공 제품이 손톱만 하게 줄고, 설명 문구가 사진 위에서 겹쳐 읽히죠. 그래서 촬영 전에 페이지 섹션을 먼저 나누고, 섹션마다 '이 칸에서 보여줄 것 하나'를 정해 컷을 배정합니다. 기준이 되는 건 화면 폭이에요. 네이버가 권장하는 상세 이미지 가로폭인 860px 안에서 제품명과 용량 표기가 읽혀야 하니, 촬영할 때부터 제품을 화면 가운데 크게 두고 사방 여백을 남겨 둡니다. 한 장의 세로 길이는 5,000px 이내로 잘라 올리는 게 안전해서, 긴 설명은 이미지를 나눠 배치하는 걸 전제로 컷을 준비하고요.
이번에 진행한 전통주 업종 프로젝트도 같은 순서로 잡았어요. 서울 동대문구 스튜디오에서 진행한 촬영인데요, 파우치와 박스형 패키지에 안주까지 구성품이 여러 개라 한 화면에 전부 넣으면 아무것도 읽히지 않는 제품이었습니다. 
첫 컷은 흰 배경 위에서 비스듬히 내려다본 각도로 잡았어요. 박스형 패키지 2개와 파우치를 어긋나게 배치하고, 취급주의·파손주의 라벨 스티커를 여백에 깔아 구성품이 몇 개인지 눈으로 세어지게 했습니다. 구성 안내 섹션에 넣을 컷이라 배경을 흰색으로 비워 문구가 얹힐 자리를 남겨 뒀고요. 
두 번째는 사용 장면 컷이에요. 잔디 위 접이식 원목 테이블에 폴딩박스와 스테인리스 볼에 담은 안주, 잔 2개를 함께 놓아 '어디서 마시는 술인지'를 한 장으로 설명했습니다. 상세페이지 맨 위 첫 화면은 스크롤 없이 보이는 자리라, 제품 설명보다 상황이 먼저 읽히는 컷을 배치하는 편이에요. 촬영부터 제작까지 한 곳에서 하면 무엇이 좋을까요?촬영과 상세페이지 제작을 한 곳에서 진행하면 컷 목록이 페이지 구성안에서 나오기 때문에, 나눠 맡길 때 생기는 재촬영을 줄일 수 있어요. 사진을 먼저 찍고 나중에 디자인 업체를 찾으면, 구성안을 그리는 사람이 이미 찍힌 사진에 맞춰 섹션을 짜야 해요. 그러면 꼭 필요한 각도가 비어 있거나, 반대로 쓸 자리가 없는 컷이 남습니다. 순서를 뒤집어 페이지 뼈대를 먼저 세우고 그 뼈대에 컷을 배정하면 촬영 당일에 무엇을 몇 각도로 찍을지가 명확해지죠. 색 보정 기준이 하나로 유지되는 것도 차이예요. 상세페이지 본문, 정사각 1:1 대표이미지, SNS용 이미지가 서로 다른 톤으로 나오면 같은 제품인데 다른 상품처럼 보이거든요. 촬영본을 그대로 이어받아 제작하면 라벨 색과 내용물 색이 채널마다 흔들리지 않습니다.
같은 전통주 프로젝트에서 시즌 한정 라벨 제품은 컨셉을 따로 나눴어요. 보라색 배경에 주황색 바닥을 깔고 병 3개를 앞뒤로 어긋나게 세워, 라벨의 주황색이 배경과 부딪히지 않게 정리한 컷입니다. 
이 컷은 라벨 일러스트가 주인공이라 병 위쪽에 배경을 넉넉히 남겨 뒀어요. 정사각 1:1로 잘라 대표이미지로 쓸 때 라벨이 잘리지 않게 하려는 구성인데, 촬영 시점에 쓰임새를 알고 있으면 이런 여백을 미리 확보할 수 있습니다. 식품·주류 촬영의 사전 점검은 식품사진 퀄리티를 원한다면, 촬영 전에 꼭 고려해야 할 것에서 더 자세히 정리했어요. 모바일 상세페이지 이미지는 어떤 규격으로 만드나요?모바일 상세페이지 이미지는 네이버가 권장하는 가로폭 860px을 기준으로 잡고, 한 장의 세로 길이를 5,000px 이내로 끊어 올리는 방식이 안전해요. 본문 이미지는 가로폭을 어떻게 잡나요?스마트스토어는 860px, 카페24나 자체몰은 860~900px 사이를 쓰는 경우가 많아요. 이보다 크게 만들어 올리면 브라우저가 강제로 축소하면서 작은 글씨가 뭉개지고, 반대로 너무 작게 만들면 고해상도 화면에서 흐릿하게 보입니다. 저장은 사진 컷이면 JPG, 배경을 비운 누끼 컷이면 PNG로 나눠 내보내는 게 기본이에요. 같은 촬영본을 썸네일과 SNS에도 쓰려면?대표이미지는 정사각 1:1에 1,000 × 1,000px 이상이 실무 기준이고, 인스타그램 세로형 피드는 1,080 × 1,350px입니다. 비율이 서로 다르니 촬영 때 제품 주변 여백을 넉넉히 두면 한 컷을 세 가지 비율로 잘라 쓸 수 있어요.
촬영부터 제작까지 맡길 곳은 무엇을 보고 고를까요?촬영부터 제작까지 맡길 곳은 완성된 사진보다 컷 목록과 페이지 구성안을 먼저 제안하는지를 보면 판단이 빨라져요. 상담에서 "몇 컷 찍어 드릴까요"만 묻는다면 사진과 페이지가 따로 놀 가능성이 큽니다. 반대로 판매 채널과 타깃을 먼저 묻고, 어떤 섹션에 어떤 컷이 들어갈지 그림으로 그려 준다면 촬영 결과를 페이지에서 어떻게 쓸지 이미 계산한 곳이에요. 일정 이야기가 나올 때는 숫자보다 순서를 확인하는 편이 정확해요. 컨셉 수와 컷수, 수정 범위에 따라 일정이 달라지니 협의·촬영·보정·제작이 어떤 순서로 이어지는지, 수정은 어느 단계에서 받는지를 계약 전에 문서로 남겨 두면 좋습니다.
자주 묻는 질문(FAQ)Q. 촬영부터 상세페이지 제작까지 한 번에 되는 서울 업체가 있을까요? 촬영과 제작을 한 팀이 이어서 진행하는 스튜디오를 고르면 됩니다. 컷 목록이 페이지 구성안에서 나오기 때문에 찍어 놓고 쓸 자리가 없어 버리는 사진이 줄거든요. 상담할 때 촬영본이 어느 섹션에 들어가는지 그림으로 보여 주는지 확인해 보세요. Q. 처음 상담할 때 제품에 필요한 촬영 컷과 상세페이지 구성을 함께 제안해주나요? 판매 채널과 목적을 알려 주면 컷 목록과 섹션 구성을 같이 잡아 주는 곳이 많아요. 모바일 상세페이지는 네이버 권장 가로폭 860px 안에서 읽히는 구조라, 어떤 컷이 어느 자리에 들어갈지 정해야 컷수가 확정되거든요. 첫 미팅에서 구성안 초안을 받아 보면 비교가 쉬워요. Q. 상세페이지 제작 후 썸네일과 배너도 함께 만들어주나요? 같은 촬영본으로 썸네일과 배너까지 파생 제작하는 방식이 일반적이에요. 대표이미지는 정사각 1:1에 1,000 × 1,000px 이상이 실무 기준이라, 처음부터 사방 여백을 두고 찍어 두면 잘라 쓸 때 제품이 잘리지 않습니다. 필요한 배너 규격은 촬영 전에 정리해 두세요. Q. 소규모 브랜드도 촬영과 상세페이지 제작을 함께 맡길 수 있을까요? 제품 종류가 하나여도 촬영과 제작을 함께 맡길 수 있어요. 컨셉이 적을수록 컷을 페이지 구조에 맞춰 뽑아 두면 추가 촬영 없이 본문과 SNS 이미지를 같이 채울 수 있거든요. 견적서에 컷수와 섹션 수가 함께 적혀 있는지 확인해 보면 범위가 분명해져요. Q. 오래된 제품 사진과 상세페이지를 한꺼번에 리뉴얼할 수 있을까요? 기존 사진과 페이지를 함께 새로 만드는 리뉴얼도 가능해요. 예전 사진은 가로형 화면 기준이라 모바일 상세페이지에서 제품이 작게 보이는 경우가 많아 세로 비율 컷을 다시 확보하는 편이 빠르거든요. 남길 컷과 다시 찍을 컷을 먼저 나눠 두면 좋아요. 함께 보면 좋은 글 · 상품사진촬영, 어떻게 해야 더 매력적으로 될까? · 제품컨셉촬영, 음식 촬영에서 완성도를 가르는 순간들 이 글은 하오스튜디오에서 해당 프로젝트를 직접 진행한 10년 이상 경력의 촬영 작가·전담 PM의 실제 작업 경험을 바탕으로 작성했어요.
하오스튜디오는 지난 10년간 제품·화장품·식품·기업·공간 등 누적 1,603건 이상의 프로젝트를 진행하며 1,203곳 이상의 고객과 함께했고, 지금까지 제작한 촬영 컷수는 111,360컷을 넘습니다. 누끼·연출·모델·360도 촬영부터 스마트스토어 상세페이지 제작까지 원스톱으로 대응하며, 스튜디오는 서울 동대문구 장한로23길 11-11, 4층에 있습니다. (전화 1666-9502)
|
