상세 페이지 제작 가이드 | 영상 없이도 고객을 설득하는 이미지 · GIF 구성 방법
업데이트 일자: 2026년 9월 14일
성공 펀딩 데이터로 확인한
상세페이지 이미지∙GIF 활용법
상세페이지를 만들다 보면 이미 찍어둔 제품 사진을 먼저 배치하는 경우가 많아요. 그러다 보면 비슷한 사진이 반복되거나, 정작 설명이 필요한 부분에는 알맞은 이미지가 없는 경우가 생기곤 해요. 기억할 건 사진을 많이 넣는다고 상세페이지가 좋아지는 게 아니라는 점이에요. 도입부에서는 제품을 단번에 이해시키고, 중간에서는 장점을 보여주고, 마지막에서는 리워드 구성을 확실히 각인시켜야 해요. 장면마다 이미지의 역할이 다른 셈이죠.
특히 움직임이 중요한 곳에는 GIF를 쓰고, 재질이나 구성처럼 자세히 살펴봐야 하는 곳에는 사진을 써야 하기 때문에 이 두 차이점을 이해하고 GIF도 만드는 게 좋아요. 이 글에서는 상세페이지의 흐름에 맞춰 사진과 GIF를 어디에, 어떻게 활용하면 좋은지 알려드릴게요.
이 글을 읽으면 알 수 있어요
- 상세페이지에서 이미지가 맡는 역할을 알 수 있어요.
- 스토리 4단계에 맞는 사진을 고를 수 있어요.
- 사진 대신 GIF를 활용하면 좋은 장면을 구분할 수 있어요.
- 카테고리별 움직이는 이미지 활용 수준을 확인할 수 있어요.
STEP 1. 사진보다 먼저 ‘무엇을 보여줄지’ 정하기
사진은 글을 꾸미는 장식이 아니라 메이커님이 정한 핵심 메시지를 서포터가 눈으로 확인할 수 있게 만드는 자료예요. 무슨 말을 할지 정하지 않은 채 사진부터 채우면, 가지고 있는 사진에 맞춰 이야기를 끼워 맞추게 돼요. 반대로 전달할 내용을 먼저 정하면 어떤 사진이 필요하고, 어떤 사진은 빼도 되는지 자연스럽게 보일 거예요.
| 사진부터 채우면 | 메시지를 먼저 정하면 |
|---|---|
| 가지고 있는 사진에 맞춰 글을 써요 | 하고 싶은 말에 맞는 사진을 골라요 |
| 비슷한 이미지가 반복되기 쉬워요 | 이미지마다 맡는 역할이 분명해져요 |
| 필요한 장면이 없어 다시 작업할 수 있어요 | 필요한 이미지를 한 번에 준비할 수 있어요 |
| 쓰지 않는 사진에도 비용이 들어요 | 필요한 이미지 수를 알고 견적을 받을 수 있어요 |
아직 최종 사진이 없어도 상세페이지의 구조부터 잡을 수 있어요. 먼저 아래 세 가지를 정해보세요.
- 이 제품을 가장 필요로 하는 사람은 누구인지 한 줄로 쓰기
- 서포터가 반드시 기억했으면 하는 장점을 한 문장으로 쓰기
- 상세페이지에 들어갈 이야기의 순서 정하기
그다음 각 문장 옆에 내용을 가장 잘 보여줄 수 있는 이미지를 붙이면 돼요. 글로 설명하기 전에 사진으로 보여줄 수 있는지 살펴보고, 움직임이 중요하다면 GIF를 선택해보세요.
STEP 2. 스토리 4단계에 맞춰 이미지를 배치하기
상세페이지는 크게 4단계로 잡을 수 있어요. 각 단계마다 서포터가 궁금해하는 내용이 다르기 때문에 보여줘야 할 이미지도 달라져요.
1단계. 첫 화면에서는 제품을 한눈에 보여주세요
서포터가 상세페이지에 들어오면 가장 먼저 확인하는 건 “무엇을 소개하는 프로젝트인가?”예요. 따라서 도입부에서는 제품의 정체와 쓰임을 빠르게 알려주는 게 핵심이에요. 제품 전체가 잘 보이는 사진과 실제로 사용하는 장면을 먼저 보여주세요. 제품의 크기를 가늠할 수 있는 사진도 필요해요. 손으로 들거나 책상, 가방, 컵처럼 익숙한 물건과 함께 찍으면 크기가 훨씬 쉽게 전달될 거예요.
- 제품 전체가 보이는 사진
- 실제로 사용하는 모습
- 손이나 익숙한 물건과 크기를 비교한 사진
 |
 |
2단계. 장점은 설명하지 말고 보여주세요
제품의 핵심 장점은 두 가지 정도로 추려보세요. 장점마다 가장 빨리 이해할 수 있는 표현 방식을 하나씩 고르면 좋아요.
- 재질이나 마감, 부품을 보여줄 때는 가까이 찍은 사진
- 기존 방식과 차이를 보여줄 때는 비교 사진
- 사용 전후의 변화가 중요할 때는 전후 사진
- 접고, 열고, 돌리는 움직임이 중요할 때는 GIF
모든 방식을 한꺼번에 넣을 필요는 없어요. 재질을 설명하면서 움직이는 이미지를 넣거나, 동작을 설명하면서 정지 사진만 여러 장 보여주면 오히려 이해하기 어려울 수 있기 때문에 한 장의 사진으로 충분히 보이는 내용은 사진으로, 움직여야 이해되는 내용은 GIF로 보여주세요.
3단계. 만드는 과정을 보여주면 신뢰가 생겨요
서포터는 아직 완성되지 않은 제품에 먼저 참여해요. 그래서 제품의 장점만큼이나 누가, 어떻게 만들고 있는지도 궁금해해요. 이 단계에서는 완벽하게 연출된 제품 사진보다 실제 과정을 확인할 수 있는 이미지가 잘 어울려요.
- 메이커님이나 작업 공간
- 여러 시제품을 나란히 놓은 모습
- 인증서, 시험성적서, 특허 자료
- 제품을 직접 테스트하는 장면
4단계. 마지막에는 무엇을 받는지 정확히 보여주세요
결제를 앞둔 서포터가 마지막으로 확인하는 건 리워드의 실제 구성이에요. 무엇이 몇 개 들어 있고, 옵션에 따라 무엇이 달라지는지 사진만 봐도 알 수 있어야 해요.
- 리워드 전체 구성
- 옵션과 색상
- 선물용이라면 포장 모습
- 리워드 구성별 사진
리워드가 여러 개라면 구성마다 사진을 한 장씩 준비해주세요. 서포터가 앞부분의 설명을 다시 읽지 않아도 차이를 알아볼 수 있어야 해요. 상세페이지에 이미지를 모두 넣었다면 한 장씩 보며 이렇게 물어보세요. "이 이미지가 없으면 어떤 내용을 이해하기 어려울까?" 바로 떠오르는 답이 없다면 빼도 되는 이미지일 가능성이 커요.
STEP 3. 움직여야 이해되는 장면에는 GIF 활용하기
GIF는 단순히 시선을 끌기 위해 넣는 이미지가 아니에요. 사진 한 장으로는 설명하기 어려운 동작이나 변화를 짧게 보여줄 때 가장 효과적이에요. 그래서 아래와 같은 장면에는 GIF가 잘 맞아요.
- 접고, 열고, 돌리고, 분리하는 동작
- 색이 변하거나 흡수되고, 부풀거나 온도가 달라지는 과정
- 글로 설명했을 때 세 문장 이상 필요한 사용법
특히 뷰티, 여행, 키즈, 테크·가전은 GIF 사용률이 80%를 넘어요. 제품을 사용하는 모습을 짧은 영상으로 촬영해두고, 필요한 장면만 잘라 GIF로 만들어 아래와 같이 스토리에 활용하고 있어요. 반면 재질과 색상, 구성품처럼 멈춰 있는 상태를 자세히 보여줘야 한다면 사진이 더 적합해요.
 |
 |
이미지를 넣은 뒤에는 모바일 화면으로 확인 필수!
사진과 GIF를 모두 넣었다면 마지막으로 상세페이지 전체를 확인해주세요. 이미지 한 장의 완성도보다 페이지 안에서 자연스럽게 이어지는지가 중요해요.
- 대표 이미지는 상세페이지용 사진과 따로 준비했나요?
- 메이커 스튜디오에서 대표 이미지 비율을 확인했나요?
- 대표 이미지를 잘라도 제품과 문구가 안전하게 보이나요?
- 움직임이 필요한 부분에 GIF를 사용했나요?
- 사진마다 조명과 배경이 크게 달라지지 않나요?
- 세로 화면에 맞게 위아래 여백을 넉넉히 두었나요?
- 휴대전화 화면에서도 제품과 글자가 잘 보이나요?
와디즈 서포터 중에는 모바일로 상세페이지를 살펴보는 비율이 높아요. PC에서는 적당해 보이는 사진도 모바일에서는 너무 길거나, 글자가 작거나, 제품이 잘려 보일 수 있으니 반드시 모바일 화면을 함께 확인해주세요.
자주 묻는 질문 FAQ
Q. 샘플 사진으로 먼저 스토리를 채워도 되나요?
A. 스토리를 구성하고 목차를 잡는 용도로는 괜찮아요. 다만 서포터에게 보이는 이미지는 실제 받을 제품과 달라 보이면 안 돼요. 색상이나 마감이 바뀔 예정이라면 최종 촬영본으로 바꿔두는 게 안전해요.
Q. 사진은 세로로 찍는 게 나을까요?
A. 본문 이미지는 세로 구도가 대체로 잘 맞아요. 상세페이지를 위에서 아래로 읽으니까요. 다만 대표 이미지는 규격이 따로 있으니 스튜디오에서 확인하고, 잘려도 제품이 다 보이게 여유를 두고 찍어주세요.
Q. 영상을 찍었는데 스토리에 넣는 게 좋을까요?
A. 있으면 넣어도 되지만 없다고 불리하지는 않아요. 카테고리별로 영상을 넣은 비율은 대부분 20%를 넘지 않아요. 이미 찍은 영상이 있다면 통째로 넣기보다 핵심 장면을 GIF로 잘라 본문 중간중간에 배치하는 편이 잘 읽혀요.
Q. 오픈한 뒤에 사진을 더 추가할 수 있나요?
A. 프로젝트를 오픈한 뒤에는 상세 페이지 수정이 제한돼요. 따라서 촬영은 오픈 전에 끝내는 것을 추천드리고, 오픈 후에 보여주고 싶은 장면이 생겼다면 새소식으로 올릴 수 있어요.