스마트스토어상세페이지, 권장 규격 맞춰 제작하는 곳은?
안녕하세요, 하오스튜디오입니다. 스마트스토어 상세페이지는 플랫폼이 안내하는 권장 가로폭과 대표이미지 비율에 맞춰 만들어야 잘리거나 흐려지는 화면 없이 보여요. 오늘은 실제로 진행한 포장용품 상세페이지 제작 프로젝트로 그 규격을 어떻게 맞췄는지 정리해볼게요. 스마트스토어 상세페이지, 권장 규격은 어디까지 맞춰야 할까요?가로폭과 대표이미지 비율, 이 두 가지만 맞으면 나머지는 거의 따라옵니다. 스마트스토어 상세페이지는 상품 페이지 아래쪽에 세로로 길게 이어 붙이는 이미지와 텍스트 묶음이에요. 네이버가 안내하는 상세 이미지 권장 가로는 860px이고, 이 폭을 기준으로 설계하면 모바일에서 좌우가 잘리거나 글씨가 늘어나 뭉개지는 일이 줄어듭니다. 대표이미지는 성격이 다릅니다. 목록 썸네일·검색 결과·장바구니처럼 작게 축소되는 자리에 쓰이기 때문에 1:1 정사각으로 잡아야 어디서도 비율이 깨지지 않아요. 쿠팡은 대표이미지를 정사각 1,000 × 1,000px으로 권장하고 최소 500 × 500px을 기준선으로 둡니다. 스마트스토어와 함께 운영할 계획이라면 이 정사각 한 벌을 같이 만들어 두는 편이 번거로움이 적습니다. 이번 프로젝트는 식품을 담는 포장용품(진공포장지) 상세페이지였어요. 사진을 보면 파란 물속에 제품이 잠긴 장면을 메인으로 썼는데, 포장 안으로 물이 들어가지 않는다는 점을 글로 설명하는 대신 한 컷으로 보여주려는 연출이었습니다. 왼쪽 첫 화면을 휴대폰 프레임에 넣어 시안을 확인한 것도 이유가 있어요. 860px 기준으로 작업해도 실제 기기 화면에 올려보기 전까지는 로고 아래 작은 안내 문구가 읽히는 크기인지 확신하기 어렵기 때문입니다. 
규격부터 맞추는 곳은 작업 순서가 어떻게 다른가요?규격을 먼저 확정하고 촬영에 들어가는 곳이 안전합니다. 순서가 뒤집히면 디자인은 예쁘게 나왔는데 860px로 줄이는 순간 설명 글씨가 읽히지 않거나, 가로로 찍어둔 컷밖에 없어서 정사각 대표이미지를 억지로 잘라내야 하는 상황이 생겨요. 상세페이지 제작을 맡길 때 "어떤 플랫폼에 올리실 건가요"를 먼저 묻는지 보면 작업 순서를 가늠할 수 있습니다. 촬영과 디자인이 한 곳에서 이어지면 이 문제가 애초에 생기지 않아요. 최종 가로폭을 알고 있으니 제품을 화면 어느 위치에 얼마나 크게 앉힐지, 여백을 어디에 둘지를 셔터를 누르는 단계에서 정할 수 있거든요. 서울 동대문구 스튜디오에서 진행한 이번 건도 촬영 세팅 전에 페이지 구성부터 잡고 들어갔습니다. 이번 프로젝트에서는 물속 연출컷 외에 내구성 비교 컷을 따로 찍었어요. 사진 오른쪽에 보이는, 같은 포장지를 양손으로 당기는 두 장면이 그것입니다. 좁은 세로 화면에서는 긴 설명보다 두 컷을 나란히 놓는 편이 빠르게 읽혀서, 이 비교 블록은 860px 안에 두 칸이 들어가도록 처음부터 가로 분할을 계산해 촬영했습니다. 제조 설비와 생산 공정 컷도 같은 폭 기준으로 담았고요.
플랫폼마다 규격이 다른데 한 벌로 대응할 수 있을까요?한 벌로 전부 덮기는 어렵지만, 큰 쪽으로 찍어두면 대부분 파생됩니다. 원본을 넉넉한 해상도로 확보해두면 860px 상세용으로 줄이는 것도, 1,000 × 1,000px 정사각으로 잘라내는 것도 같은 소스에서 나와요. 반대로 작게 만들어 둔 파일을 키우는 건 방법이 없습니다. 그래서 상세페이지 제작을 의뢰할 때는 "어디까지 쓸 건지"를 미리 말해두는 게 가장 실속 있습니다. 스토어 한 곳만 생각했다가 나중에 광고 소재가 필요해지면 그때는 다시 세팅해야 하니까요. SNS 광고까지 쓰려면 어떤 비율을 더 받아둘까요?인스타그램 기준으로 세 가지 비율만 챙기면 충분해요. 피드 세로형은 1,080 × 1,350px(4:5), 피드 정사각은 1,080 × 1,080px(1:1), 스토리·릴스는 1,080 × 1,920px(9:16)입니다. 촬영할 때 제품 위아래 여백을 조금 넉넉히 두면 이 세 비율을 한 컷에서 모두 잘라낼 수 있습니다. 세로로 긴 이미지를 통으로 올려도 괜찮을까요?가로는 860px으로 고정하되 세로는 나눠서 올리는 편이 낫습니다. 한 장으로 길게 붙이면 용량이 커져 모바일에서 늦게 뜨고, 내용 한 줄을 고칠 때 전체를 다시 올려야 해요. 섹션 단위로 끊어두면 수정 요청이 들어와도 해당 조각만 교체하면 됩니다.
제품 크기를 숫자로 안내해야 하는 품목이라면 제품상세페이지, 크기 문의 줄이는 사이즈 안내 도면까지? 글도 같이 보시면 도움이 됩니다. 상세페이지 제작 업체에 맡기기 전, 무엇을 정리해두면 좋을까요?제품 실물과 '꼭 들어가야 하는 문구' 목록, 이 두 가지면 시작할 수 있어요. 규격은 제작하는 쪽에서 맞추는 영역이지만, 어떤 내용을 어떤 순서로 보여줄지는 파는 사람이 가장 잘 알거든요. 성분·용량·보관 방법처럼 표기가 필요한 항목은 미리 정리해 넘기면 시안 단계에서 글자 크기를 조정할 수 있습니다. 반대로 미리 준비하지 않아도 되는 것도 있어요. 레이아웃 초안, 폰트 선택, 색 조합 같은 건 넘겨두셔도 됩니다. 오히려 특정 디자인을 먼저 고정해버리면 860px 안에서 조정할 여지가 줄어드는 경우가 많아요. 촬영과 상세페이지 제작을 한 곳에서 진행하면 필요한 컷 목록까지 같이 뽑아 드리니, 제품만 보내주셔도 진행이 됩니다.
자주 묻는 질문(FAQ)Q. 쿠팡에 비타민 제품 입점할 건데, 쿠팡 규격에 맞춰 상세페이지 제작해주는 곳 있을까요? 플랫폼 규격 대응은 제작 단계에서 기본으로 포함되는 작업이에요. 쿠팡은 대표이미지를 정사각 1,000 × 1,000px으로 권장하고 최소 500 × 500px을 기준선으로 두기 때문에, 의뢰할 때 입점 플랫폼을 먼저 말해두면 그 비율로 촬영과 편집이 잡힙니다. 스마트스토어와 함께 운영한다면 상세 본문용 860px 세트를 같이 받아두는 편이 효율적이에요. Q. 모바일에서 보기 편하게 식품 상세페이지를 제작해주는 업체는 어디인가요? 작업 중간에 실제 기기 화면으로 확인하는 곳을 고르시면 됩니다. 모니터에서 크게 보던 글씨가 가로 860px로 줄어들면 생각보다 작아지거든요. 시안을 휴대폰 화면에 올려 확인하는 절차가 있는지, 긴 설명을 이미지와 표로 나눠 정리해주는지를 물어보면 판단이 섭니다. Q. 스마트스토어 브랜드관에 맞춰 건강식품 상세페이지를 통일해주는 곳 있을까요? 여러 품목을 한 톤으로 묶는 작업은 가능합니다. 가로폭을 860px로 통일하고 머리말 위치, 색, 폰트, 섹션 순서를 하나의 틀로 정해두면 품목이 늘어나도 같은 틀에 내용만 갈아 끼울 수 있어요. 첫 품목에서 기준을 잡아두는 게 핵심입니다. Q. 제품 사진이 없어서 상세페이지 제작이 어려운데, 촬영과 디자인을 함께 맡길 수 있을까요? 사진이 한 장도 없는 상태에서 시작하는 경우가 오히려 많습니다. 촬영과 디자인이 한 곳에서 이어지면 페이지 구성을 먼저 짜고 필요한 컷만 골라 찍기 때문에, 찍어놓고 안 쓰는 사진이 줄어요. 대표이미지용 정사각 컷과 상세 본문용 세로 컷을 같은 날 함께 확보할 수 있는 것도 장점입니다. Q. 지방 업체인데 제품을 택배로 보내고 비대면으로 상세페이지 제작할 수 있을까요? 제품을 보내주시면 비대면으로도 전 과정이 진행됩니다. 컨셉 협의는 통화와 메신저로, 시안 확인은 이미지 파일로 주고받으면 되고 규격 설정은 어차피 제작하는 쪽 작업이라 거리와 무관해요. 다만 색이 중요한 품목이면 실물 패키지를 함께 보내주시는 편이 보정 기준을 잡기에 좋습니다. 함께 보면 좋은 글 · 움직이는 제품, 사용법 GIF 넣는 상세페이지제작업체는? · 상세페이지와 제품 소개 영상, 한 번에 제작해주는 곳은? 이 글은 하오스튜디오에서 해당 프로젝트를 직접 진행한 10년 이상 경력의 촬영 작가·전담 PM의 실제 작업 경험을 바탕으로 작성했어요.
하오스튜디오는 지난 10년간 제품·화장품·식품·기업·공간 등 누적 1,603건 이상의 프로젝트를 진행하며 1,203곳 이상의 고객과 함께했고, 지금까지 제작한 촬영 컷수는 111,360컷을 넘습니다. 누끼·연출·모델·360도 촬영부터 스마트스토어 상세페이지 제작까지 원스톱으로 대응하며, 스튜디오는 서울 동대문구 장한로23길 11-11, 4층에 있습니다. (전화 1666-9502)
|
Nhận xét
Đăng nhận xét