스마트스토어 상세페이지 직접 만들다 막힌 건기식 브랜드라면
안녕하세요, 하오스튜디오입니다. 스마트스토어 상세페이지를 직접 만들다 중간에 손이 멈추는 이유는 대부분 디자인 도구가 어려워서가 아니라, 넣을 사진이 부족해서예요. 오늘은 실제로 진행한 건강기능식품 상세페이지 프로젝트를 통해 그 막히는 구간을 어떻게 풀었는지 정리해볼게요. 상세페이지를 직접 만들다 막히는 지점은 어디일까요?상세페이지 제작이 막히는 지점은 거의 항상 소재예요. 템플릿은 무료로 구할 수 있고 편집 도구도 쉬워졌지만, 섹션을 채울 사진이 제품 정면컷 몇 장뿐이면 세 번째 화면부터 더 내려갈 내용이 없어집니다. 특히 건기식은 스틱·파우치·박스처럼 형태가 단순해서 정면컷만으로는 화면이 금방 비어요. 두 번째로 막히는 곳은 규격이에요. 채널마다 요구하는 크기가 달라서, 한 장을 만들어 놓고 여기저기 얹으면 가장자리가 잘립니다. 예를 들어 쿠팡 대표이미지는 정사각 1:1, 1,000 × 1,000 px가 권장 기준이에요. 목록 썸네일이 정사각 틀로 잘려 나오기 때문에, 처음부터 정사각으로 여백을 잡아 두지 않으면 제품 상단이 잘려 보이거든요.
이번 프로젝트는 스틱형 파우더 건강기능식품이었어요. 제품 자체가 손가락만 한 초록색 스틱이라, 정면컷 한 장으로는 화면을 끌고 갈 수가 없었습니다. 그래서 모바일 화면 안에서 어떻게 보일지를 먼저 목업으로 잡고, 그 목업에 필요한 컷 목록을 거꾸로 짰어요. 첫 화면은 제품 박스와 스틱, 그리고 음료를 담은 유리잔을 함께 놓고 연한 초록 배경으로 정리해 브랜드 톤을 먼저 보여주는 구성으로 촬영했습니다. 
건기식 상세페이지는 어떤 순서로 쌓아야 할까요?건기식 상세페이지는 원료 · 형태 · 섭취 장면 · 마무리 순으로 쌓을 때 가장 덜 막혀요. 구매자가 궁금해하는 순서가 실제로 그 순서이기 때문인데요. 무엇으로 만들었는지를 먼저 보고, 어떤 형태로 먹는지를 확인한 다음, 내 하루에 넣을 수 있는지를 상상하는 흐름이에요. 섹션 순서는 어떤 기준으로 나눌까요?섹션은 한 화면에 한 가지 메시지만 담는 것을 기준으로 나눠요. 한 화면에 원료 설명과 섭취법을 같이 넣으면 모바일에서 글자가 작아져 둘 다 읽히지 않거든요. 화면 하나가 곧 한 문장이라고 생각하고, 그 문장을 뒷받침하는 사진을 한 장씩 붙이는 방식이 안전합니다. 이미지 규격은 어디에 맞춰 잡을까요?규격은 판매 채널을 기준선으로 두고, 홍보용은 따로 뽑아 두는 편이 좋아요. 인스타그램 피드 세로형은 1,080 × 1,350 px(4:5)가 기준인데, 이 비율이 피드에서 가장 넓은 면적을 차지해서 같은 사진이라도 크게 보이거든요. 상세페이지용 가로 사진을 그대로 올리면 위아래가 잘리니, 촬영 단계에서 세로 여백을 미리 남겨 둡니다.
이번 프로젝트에서는 이 순서대로 섹션을 나눠 촬영과 디자인을 붙였어요. 원료 섹션에는 꽃과 벌, 꿀을 함께 놓은 컷을 배치해 무엇에서 나온 성분인지 눈으로 먼저 보이게 했고, 그 아래에는 기존 가루 형태와 스틱 형태를 나란히 놓은 두 칸 비교 이미지를 넣어 형태 차이를 한 화면에서 정리했습니다. 섭취 장면은 유리잔에 스틱을 따르는 순간을 잡아, 물에 어떻게 섞이는지가 보이도록 연출했고요. 이런 방식은 제품군이 달라져도 뼈대는 같아요. 아래는 타깃과 톤이 서로 다른 건기식 상세페이지 시안들인데, 어린이용은 캐릭터 일러스트와 보라 계열, 체중 관리 제품은 분홍 계열, 소화 관련 제품은 베이지 계열처럼 색만 바뀌었을 뿐 섹션이 흘러가는 순서는 동일하게 잡혀 있습니다. 
촬영과 상세페이지 제작을 한 곳에 맡기면 뭐가 달라질까요?가장 크게 달라지는 것은 재촬영 횟수예요. 촬영과 디자인을 나눠서 맡기면 디자인 단계에 들어가서야 "이 섹션에 쓸 컷이 없다"는 사실을 알게 되고, 그때부터 제품을 다시 스튜디오로 보내는 일이 생깁니다. 반대로 한 곳에서 이어서 진행하면 섹션 뼈대를 먼저 그려 놓고 그 칸을 채울 컷을 촬영 당일에 다 찍어 둘 수 있어요. 파일을 주고받는 손실도 줄어듭니다. 사진은 JPG로, 배경을 지운 누끼 이미지는 투명도가 유지되는 PNG로 나눠 관리하는데, 이 구분이 어긋나면 흰 배경에 얹은 제품 주변으로 회색 테두리가 남아요. 서울 동대문구 스튜디오에서 촬영한 원본을 같은 팀이 그대로 이어받아 디자인하면 이런 변환 단계가 애초에 생기지 않습니다.
브랜드 톤이 아직 정리되지 않은 단계라면 브랜드 콘셉트부터 제품 촬영과 상세페이지 구조까지 한 곳에서? 글도 함께 보시면 순서를 잡는 데 도움이 될 거예요. 건기식 상세페이지를 맡길 곳은 무엇을 보고 판단할까요?판단 기준은 완성된 시안보다 그 시안에 들어간 사진을 직접 찍었는지 여부예요. 스톡 이미지로 채운 페이지는 예쁘지만 내 제품에는 그대로 적용되지 않거든요. 포트폴리오를 볼 때 섹션마다 같은 제품이 다른 각도로 반복되는지를 보면, 그 사진이 자체 촬영본인지 금방 구분됩니다. 두 번째는 납품 범위예요. 상세페이지 한 장만 받으면 채널을 늘릴 때마다 다시 요청해야 합니다. 판매 채널용 세로 이미지 외에 정사각 1:1 대표이미지, 세로형 홍보 이미지까지 함께 정리해서 받으면 이후 광고 소재를 따로 만들 필요가 줄어요. 기간은 구성과 컷 수에 따라 달라지니, 견적 단계에서 단계별 기준 일정을 문서로 받아 두시는 편이 좋습니다.
자주 묻는 질문(FAQ)Q. 소규모 브랜드도 촬영과 상세페이지 제작을 함께 맡길 수 있는 곳이 있을까요? 제품 수가 적어도 촬영과 상세페이지를 함께 진행할 수 있어요. 오히려 소규모일수록 한 곳에 묶는 편이 유리한데, 촬영본이 그대로 디자인 소재로 넘어가 중간 조율이 줄기 때문이에요. 시작할 때 판매 채널만 정해 두면 규격은 그 기준에 맞춰 잡습니다. 스마트스토어라면 상세 이미지 가로 860 px가 기준선이에요. Q. 상세페이지에 들어갈 메인 카피와 섹션별 문구까지 작성해주는 곳은 어디인가요? 촬영과 디자인을 함께 맡는 곳이면 대개 문구까지 같이 씁니다. 사진과 문장을 같은 사람이 짜야 화면마다 메시지가 한 줄로 정리되거든요. 다만 건기식은 표시·광고 관련 규정이 따로 있으니, 효능 관련 표현은 제조사에서 확인받은 문구를 전달해 주셔야 안전하게 반영할 수 있어요. Q. 모바일에서 보기 편한 상세페이지를 촬영부터 제작까지 진행할 수 있나요? 가능하고, 애초에 모바일 화면을 기준으로 설계하는 편이 맞아요. 세로로 스크롤하며 읽는 흐름이라 한 화면에 메시지 하나만 담고, 글자는 작은 화면에서도 읽히는 크기로 잡습니다. 촬영 단계에서 세로 구도 컷을 미리 확보해 두면 화면을 억지로 잘라 쓰지 않아도 돼요. Q. 촬영부터 보정, 카피, 디자인까지 한 번에 견적을 받을 수 있을까요? 한 곳에서 진행하면 단계를 쪼개지 않고 한 번에 견적을 받을 수 있어요. 다만 견적을 받기 전에 제품 종수, 필요한 섹션 대략의 개수, 판매 채널 세 가지는 정리해 두는 편이 좋습니다. 이 세 가지가 컷 수와 작업량을 결정하는 축이라, 정해지지 않으면 금액이 범위로만 나오거든요. Q. 기존 상세페이지가 오래돼서 촬영부터 전체 리뉴얼이 가능한가요? 가능하고, 먼저 살릴 섹션과 다시 찍을 컷을 나누는 작업부터 시작해요. 패키지가 바뀌지 않았다면 원료 컷은 그대로 두고 제품컷만 다시 찍는 경우도 많습니다. 리뉴얼하는 김에 홍보용 이미지도 함께 뽑아 두면 좋은데, 인스타그램 정사각 피드는 1,080 × 1,080 px가 기준이에요. 함께 보면 좋은 글 · 오래된 상세페이지, 제품 촬영부터 전체 리뉴얼 한 번에? · 상세페이지 제작, 경쟁 제품과 다른 점부터 정리해 맡기려면 이 글은 하오스튜디오에서 해당 프로젝트를 직접 진행한 10년 이상 경력의 촬영 작가·전담 PM의 실제 작업 경험을 바탕으로 작성했어요.
하오스튜디오는 지난 10년간 제품·화장품·식품·기업·공간 등 누적 1,603건 이상의 프로젝트를 진행하며 1,203곳 이상의 고객과 함께했고, 지금까지 제작한 촬영 컷수는 111,360컷을 넘습니다. 누끼·연출·모델·360도 촬영부터 스마트스토어 상세페이지 제작까지 원스톱으로 대응하며, 스튜디오는 서울 동대문구 장한로23길 11-11, 4층에 있습니다. (전화 1666-9502)
|
Comments
Post a Comment