COLUMN

기획안은 썼는데 주방용품 상세페이지디자인만 맡길 곳은?

 

■ 핵심 요약

① 상세페이지디자인은 이미 정리된 원고와 제품 사진을 화면 순서·여백·글자 위계로 옮기는 작업이에요.
② 넘길 자료는 섹션 순서가 보이는 원고·쓸 수 있는 사진·로고와 색상 세 가지, 작업 폭은 네이버가 권장하는 상세 이미지 가로폭 860px이 기준이에요.
③ 수정은 섹션 순서부터 잡고 문구와 글자 크기는 맨 뒤로 미뤄야 작업이 되돌아가지 않아요.

안녕하세요, 하오스튜디오입니다. 오늘은 실제로 진행한 주방용품 상세페이지 프로젝트를 통해 대표가 직접 쓴 기획안이 화면으로 어떻게 옮겨지는지 짚어볼게요.

기획안을 직접 쓴 대표가 상세페이지디자인만 맡길 때 무엇을 넘기고 어디까지 요청할 수 있는지, 원고 기준으로 하나씩 정리했어요.

 

기획안이 있으면 상세페이지디자인만 따로 맡길 수 있을까요?


원고와 제품 사진이 준비된 상태라면 디자인 작업만 따로 의뢰하는 방식은 대부분 그대로 진행할 수 있어요. 제작을 나누는 기준은 업종이 아니라 '섹션 구성이 끝났는지'거든요.

판단은 간단해요. 원고를 받아 읽었을 때 몇 개의 화면으로 나뉘는지 바로 그려지면 그 원고는 이미 설계도 역할을 합니다. 반대로 문장은 많은데 어디서 끊어야 할지 모르겠다면 그 상태에서 시안을 뽑아도 처음부터 다시 잡게 돼요.

 

바로 작업이 되는 원고

섹션 제목과 본문 문구가 다 적혀 있고, 각 섹션에 넣을 사진이 지정돼 있는 경우예요.

   

정리가 먼저인 원고

문구는 있는데 쓸 사진이 없거나, 어느 내용이 앞에 와야 할지 순서가 안 잡힌 경우예요.

이번에 작업한 주방용품 상세페이지도 대표가 정리해 보낸 포인트 다섯 개가 그대로 출발점이었어요. 원고에 적힌 포인트를 맨 앞 목차 화면에 한 줄 설명과 함께 세우고, 아래에서 같은 번호로 섹션을 하나씩 펼쳤습니다.

어두운 배경의 소재 섹션과 밝은 배경의 손잡이 섹션을 번갈아 두어 다섯 덩어리가 눈으로 구분되게 했고요. 세로로 긴 페이지는 한 장당 5,000px 이내로 잘라 올리는 게 네이버 스마트스토어 기준이라, 섹션 경계를 처음부터 분할 지점에 맞춰 잡았어요.

주방용품 프라이팬 상세페이지디자인 시안 화면

원고만 넘길 때 디자이너에게 뭘 같이 줘야 하나요?


디자인만 의뢰할 때 필요한 자료는 섹션 순서가 보이는 원고, 사용 가능한 제품 사진, 로고·색상 같은 브랜드 요소 세 가지예요. 이 세 가지가 모이면 첫 시안에서 구조 이야기를 끝낼 수 있어요.

넘기는 자료

작업에서 쓰이는 방식

섹션 순서가 보이는 원고

화면 분할과 제목 위계를 정하는 기준으로 씁니다

쓸 수 있는 제품 사진

가로폭 860px에 맞춰 자르고, 대표이미지는 정사각 1:1 비율에 1,000 × 1,000px 이상이 실무 기준

로고·브랜드 색상 파일

강조색과 글자색의 기준, 사진은 JPG·투명 누끼는 PNG로 구분해 저장

원고는 어떤 형태로 보내면 바로 작업에 들어가나요?

문서 파일 하나면 충분해요. 다만 섹션마다 번호를 붙이고, 그 아래에 제목 한 줄과 설명 문구를 나눠 적어 주면 좋습니다. 제목과 설명이 한 덩어리로 붙어 있으면 어느 문장을 크게 쓸지 추측해야 해서 시안이 한 번 더 오가거든요.

서울 동대문구 스튜디오에서 이 주방용품 원고를 받았을 때도 번호가 붙은 포인트 목록이 그대로 섹션 목차가 됐어요. 표지 화면은 나무 상판 주방을 배경으로 프라이팬 두 개를 놓은 컷을 쓰고, 맨 아래에는 기능 아이콘 네 개를 한 줄로 묶어 마무리했습니다.

 

상세페이지디자인만 맡길 때 범위는 어디까지 나뉘나요?


디자인 단독 의뢰와 기획 포함 의뢰의 차이는 섹션 구성을 누가 결정하느냐에 있고, 범위도 그 선을 따라 나뉘어요. 문구와 순서를 대표가 쥐고 있으면 단독 의뢰, 그 판단까지 맡기면 기획 포함입니다.

디자인 단독 의뢰

기획까지 포함

섹션 구성과 문구를 대표가 확정

구성·문구를 함께 설계하고 순서를 다시 배열

작업은 배치·색·글자 위계와 가로폭 860px 기준 서식에 집중

경쟁 제품 화면 확인과 카피 정리가 앞 단계로 들어감

원고 확정 뒤 바로 시안 단계로

원고 정리에서 시작해 단계가 하나 더 붙음

자체몰까지 같이 쓸 계획이면 범위를 정할 때 한 가지를 더 봐야 해요. 카페24 같은 자체몰은 상세 이미지 가로를 860~900px로 잡는 터라, 스마트스토어용 시안을 그대로 올려도 큰 어긋남 없이 쓰입니다. 올릴 채널을 처음에 알려 주면 서식을 한 번에 맞춰 둘 수 있어요.

이미 쓰던 페이지를 손보는 경우라면 패키지는 괜찮은데 식품 상세페이지 전체 리뉴얼 맡길 곳은? 글도 같이 보면 기준을 잡기 쉬워요.

 

시안을 받은 뒤 수정은 어떤 순서로 요청하면 좋을까요?


수정 요청은 섹션 순서 → 사진 교체 → 문구와 글자 크기 세 단계로, 큰 덩어리부터 잡아야 작업이 되돌아가지 않아요. 글자 크기를 먼저 손보면 순서가 바뀔 때 그 작업이 전부 무효가 되거든요.

 

1차에서 말할 것

섹션 순서, 빠진 내용, 사진 교체처럼 페이지 전체 흐름이 달라지는 항목을 먼저 모아 전달해요.

   

2차로 미룰 것

문구 다듬기, 글자 크기, 강조색 교체는 자리가 잡힌 뒤에 한 번에 보는 편이 빠릅니다.

확인은 가로폭 860px로 저장한 화면을 휴대폰에 띄워 보는 방식이 제일 정확해요. PC 모니터에서는 작아 보이던 글자가 실제 화면에서는 충분히 읽히기도 하고, 그 반대인 경우도 있거든요. 일정은 섹션 수와 수정 범위에 따라 달라지니 시안 단계에서 한 번 조율해 두면 좋습니다.

 

자주 묻는 질문(FAQ)


Q. 건기식 상세페이지가 너무 길고 복잡한데 구매 포인트 중심으로 다시 구성해주는 업체가 있을까요?

원고가 길면 구매 포인트 세 가지만 앞으로 올리고 나머지를 뒤로 미는 재구성이 먼저예요. 화면을 내리는 사람은 섹션 제목만 읽고 넘어가는 경우가 많아서, 제목 한 줄로 요점이 끝나는지부터 확인합니다. 원고가 이미 있다면 상세페이지디자인 단계에서 순서만 바꿔도 체감 길이가 크게 줄어요.

Q. 식품 상세페이지에 원산지와 원재료 정보를 깔끔하게 정리해주는 업체가 있을까요?

원산지·원재료는 본문 흐름에서 떼어내 표 한 덩어리로 모으는 방식이 가장 깔끔해요. 글자가 작아지는 정보라 배경색을 옅게 깔고 항목 사이를 벌려야 읽히거든요. 표기 문구는 포장에 인쇄된 문장을 그대로 받아 옮기는 쪽이 안전합니다.

Q. 모바일에서 보기 편하게 식품 상세페이지를 제작해주는 업체는 어디인가요?

상세페이지디자인을 모바일 기준으로 잡으려면 네이버가 권장하는 상세 이미지 가로폭 860px에 맞춰 작업해야 해요. 가로가 넓은 PC용 시안을 그대로 축소하면 설명 문구가 뭉개지거든요. 시안은 실제 휴대폰 화면에 올려 글자가 읽히는지 확인하는 게 가장 빠릅니다.

Q. 상세페이지에 GIF나 움직이는 이미지를 넣어주는 제작 업체는 어디인가요?

움직이는 이미지는 GIF로 넣을 수 있지만 보통 짧은 구간 하나로 제한해요. 사진은 JPG, 투명 배경이 필요한 누끼는 PNG로 저장하는데 GIF는 색 수가 줄어 품질이 떨어지기 때문이에요. 어느 섹션에서 꼭 움직여야 하는지 먼저 정하면 범위가 정리됩니다.

Q. 지방 업체인데 제품을 택배로 보내고 비대면으로 상세페이지 제작할 수 있을까요?

제품을 택배로 보내고 원고와 시안을 파일로 주고받는 비대면 진행은 일반적인 방식이에요. 대표이미지처럼 정사각 1:1 비율에 1,000 × 1,000px 이상이 실무 기준인 컷은 규격만 맞추면 되고요. 색이 중요한 품목은 실물과 시안 색을 한 번 맞춰보는 단계를 넣습니다.

함께 보면 좋은 글 · 모바일에서 보기 편한 상세페이지, 전통주 촬영부터 제작까지? · 소규모 브랜드도 촬영부터 상세페이지 제작까지 한 곳에서 될까요?

이 글은 하오스튜디오에서 해당 프로젝트를 직접 진행한 10년 이상 경력의 촬영 작가·전담 PM의 실제 작업 경험을 바탕으로 작성했어요.

1,203+
누적 고객
1,603+
누적 프로젝트
111,360+
제작 컷수
10년+
촬영·디자인 경력

하오스튜디오는 지난 10년간 제품·화장품·식품·기업·공간 등 누적 1,603건 이상의 프로젝트를 진행하며 1,203곳 이상의 고객과 함께했고, 지금까지 제작한 촬영 컷수는 111,360컷을 넘습니다. 누끼·연출·모델·360도 촬영부터 스마트스토어 상세페이지 제작까지 원스톱으로 대응하며, 스튜디오는 서울 동대문구 장한로23길 11-11, 4층에 있습니다. (전화 1666-9502)

 

HAO STUDIO

원고는 그대로, 디자인만 맡기셔도 됩니다

● 원스톱 진행 — 컨셉 협의·촬영·상세페이지 제작을 한 곳에서
● 전담 배정 — 전담 PM·전담 작가가 처음부터 끝까지
● 맞춤 촬영 — 누끼·연출·모델·360도 등 업종에 맞게

직접 쓰신 기획안을 보내주시면 섹션 단위로 먼저 검토해 드려요.

홈페이지 haostudio.co.kr · 카카오톡 @하오스튜디오 · 전화 1666-9502

하오스튜디오 홈페이지 바로가기 배너