3분 만에 끝내는 상세페이지 제작 노하우! 디자인 꽝손도 OK

1. 팔리는 상세페이지 기획, 거창할 필요 없습니다
- 상세페이지 기획 핵심 포인트
- 매출을 부르는 상세페이지 기획 3단계
2. 플랫폼별 상세페이지 사이즈 & 파일 형식 총정리
- 플랫폼별 권장 규격 (가로 너비 기준)
- 실무자가 알려주는 파일 저장 팁
3. 포토샵 없이 전문가급 상세페이지 디자인 연출하기
4. 드랩아트로 상세페이지 제작 비용 0원 도전

요약

기획의 핵심: 예쁜 디자인보다 고객의 문제를 해결해 주는 내용 구성이 중요합니다.
사이즈 설정: 스마트스토어 기준 가로 860px을 권장하며, 모바일 가독성을 꼭 챙겨야 합니다.
AI 활용: 포토샵을 몰라도 '상세페이지 ai' 도구를 쓰면 고퀄리티 디자인이 가능합니다.
드랩아트 기능: 제품 사진만 있으면 기획, 카피, 디자인까지 한 번에 끝낼 수 있습니다.

안녕하세요, AI 상품 사진&영상 생성 서비스 드랩아트입니다.

온라인 쇼핑몰을 시작할 때 가장 큰 산이 무엇일까요? 좋은 물건을 가져오는 것도 일이지만, 막상 팔려고 보면 이 물건을 어떻게 보여줘야 할지 막막한 경우가 많습니다. 사진도 찍어야 하고, 글도 써야 하고, 그럴듯하게 디자인해서 페이지를 만들어야 하니까요.

보통은 큰 돈을 들여서 외주를 맡기거나, 며칠 밤을 새워가며 포토샵과 씨름하곤 합니다. 하지만 이제는 그렇게 힘들게 일하지 않아도 됩니다. 오늘은 초보 사장님들도 전문가처럼 상세페이지 제작을 할 수 있는 아주 현실적이고 쉬운 방법을 알려드리겠습니다.

1. 팔리는 상세페이지 기획, 거창할 필요 없습니다

많은 분들이 디자인부터 걱정하지만, 사실 순서가 틀렸습니다. 상세페이지 기획이 먼저입니다. 기획이라고 해서 대기업처럼 거창한 서류를 만들라는 이야기가 아닙니다. 고객이 우리 제품을 왜 사야 하는지, 그 이유를 정리하는 과정이 바로 기획입니다.

상세페이지 기획 핵심 포인트

누가 살까요? 30대 직장인인지, 육아맘인지 타겟을 정하세요.
무엇이 문제인가요? 고객이 겪는 불편함을 콕 집어주세요.
어떻게 해결하나요? 우리 제품이 그 불편함을 없애준다고 말해주세요.

예를 들어 볼까요? 만약 보습 크림을 판다면 "성분이 좋은 크림입니다"라고 하기보다 "겨울철 히터 바람에 쩍쩍 갈라지는 피부, 한 번만 발라도 퇴근까지 촉촉해요"라고 말하는 것이 훨씬 좋은 상세페이지 기획입니다. 이렇게 고객의 마음을 읽는 문구가 준비되어야 디자인도 힘을 받습니다.

매출을 부르는 상세페이지 기획 3단계

막연하게 쓰지 말고, 매출을 부르는 '3단 논법' 구조를 대입해 보세요. 이 순서대로만 배치해도 고객의 이탈을 막을 수 있습니다. 이렇게 구조를 먼저 짜두면 상세페이지 제작 시간이 절반으로 줄어듭니다.

도입부 (Hook): 3초 안에 사로잡기
- 고객이 들어오자마자 보는 최상단입니다. "이거 내 이야기인데?"라는 생각이 들게 해야 합니다.
- 예시: 강렬한 카피 한 줄, 압도적인 비포/애프터 사진
본문 (Body): 공감과 해결책 제시
- 고객의 불편함을 짚어주고(문제 제기), 우리 제품이 그것을 어떻게 해결하는지(해결책) 보여주세요.
- 팁: 어려운 전문 용어 대신 "퇴근할 때까지 촉촉해요" 같은 쉬운 언어를 쓰세요.
종결부 (Closing): 신뢰와 구매 유도
- 실제 사용 후기, 인증서, 배송 안내 등을 넣어 의심을 없애고 결제를 유도합니다.

2. 플랫폼별 상세페이지 사이즈 & 파일 형식 총정리

기획이 끝났다면 틀을 잡아야겠죠. 상세페이지 사이즈만큼 중요한 것이 바로 파일 형식과 해상도입니다. 초보 사장님들이 가장 많이 실수하는 부분이니 꼭 체크하세요.

플랫폼별 권장 규격 (가로 너비 기준)

구분	가로 너비(px)	세로 높이	용량 제한
네이버 스마트스토어	860px	분할 권장	장당 20MB 이하
쿠팡	780px ~ 860px	3000px 이하 분할	장당 5MB 이하
11번가	780px	2500px 이하 분할	전체 10MB 이하

실무자가 알려주는 파일 저장 팁

색상 모드: 인쇄용인 CMYK가 아니라, 반드시 RGB로 작업해야 색감이 탁해지지 않습니다.
파일 형식: 사진 위주의 이미지는 JPG로 저장해야 용량이 가볍고 로딩이 빠릅니다. 배경을 투명하게 해야 하거나 로고처럼 선명해야 할 때는 PNG를 쓰세요.
움직이는 이미지(GIF): 제품의 사용법이나 제형을 보여줄 때는 멈춰있는 사진보다 '움짤(GIF)'이 훨씬 효과적입니다. 드랩아트에서는 사진을 영상으로 변환하는 기능도 지원하니 꼭 활용해 보세요.

3. 포토샵 없이 전문가급 상세페이지 디자인 연출하기

디자인 툴을 하나도 다룰 줄 모르시나요? 걱정하지 마세요. 이제는 상세페이지 ai 도구들이 디자이너의 역할을 대신하고 있습니다. 단순히 템플릿에 끼워 넣는 수준을 넘어, 제품 사진 자체를 '새로 만들어주는' 수준까지 발전했습니다. 특히 드랩아트의 'AI 믹스' 기능을 사용하면 이런 것들이 가능합니다.

→ 드랩아트 AI 믹스 자세히 알아보기