이 글을 읽고 나면 세 가지가 정리돼요.
- ✅ 상세페이지 레퍼런스를 어디서 찾는지 다섯 곳을 알 수 있어요
- ✅ 예쁜 것 말고 팔리는 것을 골라내는 기준을 잡을 수 있어요
- ✅ 베끼지 않고 구조만 가져오는 방법을 알 수 있어요
상세페이지를 만들 때는 다른 곳의 페이지부터 찾아보게 되는데요, 대부분 '예쁜 것'을 모으는 데서 끝나는 편이에요. 예쁜 페이지와 팔리는 페이지는 서로 달라서, 레퍼런스에서 우리 페이지로 옮겨야 하는 건 디자인이 아니라 구조입니다.
아래에는 실제로 열어볼 수 있는 다섯 곳을 골라, 곳마다 '무엇이 모여 있나 · 언제 쓰나 · 주의할 점'을 같은 순서로 적어 뒀어요.
#1. 핀터레스트. 시각 레퍼런스가 가장 많은 곳
- 📦 무엇이 모여 있나 · 국내외 상세페이지 이미지가 보드 단위로 묶여 있어요
- 🕐 언제 쓰나 · 톤과 레이아웃의 방향을 잡는 초반에 좋아요
- ⚠️ 주의할 점 · 성과 정보가 없어 예쁜 것만 모이기 쉬우니 여기서 끝내면 안 돼요
#2. 피그마 커뮤니티. 구조를 뜯어볼 수 있는 곳
- 📦 무엇이 모여 있나 · 편집 가능한 상세페이지 템플릿 파일이 공유돼 있어요
- 🕐 언제 쓰나 · 섹션 순서와 간격 같은 '뼈대'를 확인할 때 써요
- ⚠️ 주의할 점 · 상업적 사용이 제한된 파일이 섞여 있어서 라이선스를 확인하고 써야 해요
#3. 실제 판매 중인 상품 페이지. 유일하게 성과가 붙어 있는 곳
- 📦 무엇이 모여 있나 · 커머스 플랫폼에서 지금 팔리고 있는 페이지 자체예요
- 🕐 언제 쓰나 · 우리와 가격대·카테고리가 같은 경쟁 상품을 살펴볼 때 좋아요
- ⚠️ 주의할 점 · '팔린다'는 증거는 리뷰 수와 판매량뿐이라 두 값을 페이지와 같이 봐야 해요
#4. 메타 광고 라이브러리. 지금 돈을 쓰고 있는 소재를 보는 곳
- 📦 무엇이 모여 있나 · 현재 집행 중인 광고 소재가 브랜드별로 공개돼 있어요
- 🕐 언제 쓰나 · 경쟁사가 어떤 메시지에 광고비를 쓰고 있는지 볼 때 써요
- ⚠️ 주의할 점 · 소재가 오래 집행된다는 건 성과가 좋다는 '간접' 신호일 뿐이라 확정된 사실로 보면 안 돼요
#5. 우리 계정의 과거 페이지. 가장 과소평가되는 곳
- 📦 무엇이 모여 있나 · 우리가 예전에 만든 페이지와 그때의 전환율이 남아 있어요
- 🕐 언제 쓰나 · 새 페이지를 만들기 전에 항상 먼저 봐요
- ⚠️ 주의할 점 · 같은 고객, 같은 상품에서 나온 데이터라 외부 레퍼런스보다 근거가 강해요
#예쁜 페이지와 팔리는 페이지는 어떻게 구분하나요?
레퍼런스를 볼 때는 디자인 대신 아래 표의 항목을 확인합니다. 스크린샷을 찍어 두고 항목마다 체크해 보면 팔리는 페이지인지 예쁘기만 한 페이지인지 금방 구분돼요.
| 볼 것 | 팔리는 페이지 | 예쁘기만 한 페이지 |
|---|---|---|
| 첫 화면 | 무엇을 파는지 한 문장 | 분위기 사진 |
| 증거 | 숫자·후기·사용 장면 | 일러스트 |
| 반대 처리 | 가격·배송·환불을 미리 답함 | 없음 |
| 행동 버튼 | 하나, 반복 배치 | 맨 아래 한 번 |
#레퍼런스를 어떻게 옮겨야 하나요?
- 잘 팔리는 페이지 세 개를 골라, 이미지는 지우고 섹션 제목만 남겨 순서를 적어요.
- 세 개에 공통으로 있는 섹션을 뽑으면 그 카테고리의 '필수 골격'이 돼요
- 우리 상품 정보를 그 골격에 채워 넣은 다음, 마지막에 디자인을 입혀요.
이미지나 문구를 그대로 가져오면 저작권 문제가 되기 때문에, 옮겨도 되는 건 섹션 구성과 정보 순서 같은 '구조'까지예요. 실제로 사용하기 전에는 각 자료의 라이선스를 확인하세요.
#레퍼런스를 많이 볼수록 좋은가요?
많이 본다고 꼭 좋아지지는 않는데요, 어느 정도를 넘으면 볼수록 오히려 결정하기 어려워지기 때문이에요. 얼마나 봐야 하는지는 그 카테고리를 얼마나 아는지에 따라 달라집니다.
- 👍 카테고리가 낯설 때는 열 개쯤 봐야 그 카테고리에서 통하는 구성 방식이 보여요
- 👎 이미 구성 방식을 아는 카테고리라면 세 개면 충분해서, 더 모으기보다 직접 만들어 성과를 재는 편이 빨라요
#만들고 나서는 무엇을 보나요?
- 🔍 전환율을 가장 먼저 보는데, 페이지를 바꾸기 전과 후를 같은 기간으로 비교해요
- 📉 스크롤 도달률을 보면 사람들이 어느 섹션에서 떠나는지 알 수 있어요
- 📱 데스크톱에서만 잘 보이는 페이지가 아직도 많아서 모바일 첫 화면을 따로 확인해요
전환율 해석은 CVR 뜻에, 광고 쪽 소재는 광고 크리에이티브 뜻에, 랜딩 구조는 랜딩페이지 뜻에 정리했어요.
#자주 묻는 질문
#상세페이지와 랜딩페이지는 다른 건가요?
두 페이지는 겹치는 부분이 있지만 쓰임이 다릅니다. 상세페이지는 커머스 안에서 상품을 설명하는 페이지이고, 랜딩페이지는 광고로 들어온 사람이 한 가지 행동을 하도록 이끄는 페이지예요.
#템플릿을 그대로 써도 되나요?
라이선스가 허용하는 범위라면 그대로 써도 됩니다. 다만 같은 템플릿을 쓰는 경쟁사가 많으면 차별점이 사라지니, 골격만 가져오고 증거는 우리 것으로 채우세요.
#경쟁사 페이지를 캡처해 두어도 되나요?
내부 참고용 기록은 일반적이지만, 그 이미지를 우리 페이지나 대외 자료에 쓰는 건 다른 문제예요. 사용 범위는 사전에 확인하세요.
#오늘 바로 해볼 것
- 우리 카테고리에서 실제로 팔리는 페이지 세 개를 고르는데, 리뷰 수를 기준으로 삼으면 빨리 고를 수 있어요.
- 세 개의 섹션 제목만 뽑아 공통 골격을 만들어요.
- 우리 과거 페이지의 전환율과 그 골격을 나란히 놓고 무엇이 빠져 있었는지 찾아요.
※ 이 글은 2026년 9월 4일 기준으로 작성했어요. 플랫폼 정책과 지표 정의는 바뀔 수 있으니 각 공식 문서에서 최신 값을 확인하세요.
