상품 사진은 폴더에 잘 모아뒀는데,
막상 상세페이지를 만들려고 하면 손이 멈추죠.
어떤 사진을 맨 위에 놓을까.
산지 설명부터 할까, 먹는 장면부터 보여줄까.
사진 한 장과 문장 두 줄을 바꾸는 일인데
포토샵 파일을 열고 레이어를 찾다 보면 괜히 일이 커지기도 하고요.
오늘은 WAKIT 식품 10종 중
「02. 신선식품·과일 (산지직송)」을 열어봤어요.
사과 사진 두 장을 준비하고, 첫 문장을 이렇게 바꿨습니다.
“식탁에 놓는 작은 가을 한 조각.”
먼저 실제로 저장한 결과의 첫 부분을 보여드릴게요.
※ 가상 상품 제작 예시이며, 사과 사진은 AI로 만들었습니다. 실제 사과 판매나 고객 후기 자료가 아닙니다.

사진을 설명하기보다, 먹는 순간을 떠올려봤어요
기본 화면은 과수원 사진과 산지 이야기로 시작합니다.
이번에는 나무 상자와 식탁 위 사과가 보이는 사진으로 바꿨어요.
그래서 문장도 “어디에서 왔는지”보다
“우리 식탁에 놓였을 때”를 먼저 떠올리는 쪽으로 골랐습니다.
사진은 그대로인데 문장만 멋있게 만드는 것보다,
두 가지가 같은 장면을 말하게 해보는 거죠.
아래는 수정 전 기본 샘플과 첫 문구를 바꾼 편집 화면입니다.
기본 샘플에 보이는 산지·당도·후기는 실제 상품 정보가 아닙니다.


바꿀 자리가 보이면, 시작이 조금 가벼워져요
화면 왼쪽에서 제목과 설명을 입력하면
오른쪽 미리보기에서 바로 모습을 확인할 수 있어요.
대표 사진도 “이미지 올리기”에서 준비한 파일을 선택했습니다.
사진이 바뀌니 같은 레이아웃도 훨씬 따뜻한 분위기가 되네요.
레이어 위치를 찾는 대신, 오늘 넣을 사진과 문장을 고르는 데
먼저 시간을 쓰는 방식입니다.

사진이 더 있다면, 한 장에 억지로 담지 않아도 돼요
전체 모습 한 장, 가까이 찍은 모습 한 장.
상품 사진은 서로 보여주는 이야기가 다르잖아요.
“추가 상세컷”에서 준비한 두 장을 함께 등록해봤습니다.
미리보기에서 사진이 세로로 이어져 페이지가 길어지는 것도 확인했고요.
등록한 사진은 왼쪽에서 작은 미리보기로 볼 수 있습니다.
내 상품이라면 구성품, 포장, 크기 비교처럼
독자가 궁금해할 서로 다른 장면을 골라 넣으면 좋겠죠.

분위기는 바꾸고, 정보는 정확하게
색상은 기본 그린에서 “레드·사과/과일”로 바꿨습니다.
포인트색과 어두운 섹션이 함께 달라지는 걸 볼 수 있어요.
산지·품종·당도·크기·보관 안내를 담는 자리도 따로 있습니다.
예쁜 페이지여도 실제 정보가 틀리면 곤란하니까요.
이번에는 기본 산지와 당도 수치를 그대로 쓰지 않고
확인 후 입력할 자리로 바꿨습니다.
후기 문구도 비웠고, 기본 별 표시는 디자인 예시라고 표시했어요.
판매할 때에는 확인한 상품 정보와 실제 후기만 넣어주세요.


이미지 프롬프트는, 사진 준비를 돕는 출발점
사진 영역에는 “프롬프트 복사”도 있습니다.
외부 AI 서비스에 요청할 문장을 복사하는 기능이에요.
템플릿 안에서 사진이 자동으로 생성되는 것은 아닙니다.
이번 사진도 별도로 준비한 뒤 업로드했습니다.
실제 상품 소개에는 촬영한 상품 사진을 기준으로 준비하고,
보정하거나 AI를 활용하더라도 실물과 달라지지 않게 확인해주세요.
마지막에는, 저장한 이미지까지 열어봤어요
미리보기를 아래까지 내려 사진과 문장의 흐름을 확인하고,
“상세페이지 PNG 저장”을 눌렀습니다.
저장된 이미지도 직접 열어 확인했어요.
글 맨 위의 완성 이미지는 그 출력물 일부입니다.
아래 영상에는 기본 화면 확인부터 사진 교체, 문구 편집,
여러 사진 등록, 색상 변경, 미리보기와 PNG 저장까지 담았습니다.
긴 대기 구간은 덜어내고, 실제 화면에 설명 자막을 붙였어요.


첫 문장부터, 조금 가볍게 시작해봐요
사진과 문장을 어떻게 배치할지
매번 빈 화면에서 다시 시작하는 일이 번거로웠다면,
이미 준비된 흐름에 내 상품 이야기를 넣어보세요.
오늘 사용한 신선식품·과일 템플릿은
WAKIT 식품 상세페이지 템플릿 10종에 포함되어 있습니다.
전체 구성과 사용 안내는 아래에서 볼 수 있어요.
일을 쉽게 만드는 도구, WAKIT.
다음에도 직접 바꿔본 화면으로 이야기할게요.
'상세페이지 가이드' 카테고리의 다른 글
| 세럼 상세페이지, 사진 다음에는 어떤 이야기를 담을까요? | WAKIT 제작 이야기 (0) | 2026.10.03 |
|---|---|
| 선물세트 상세페이지, 구성보다 마음을 먼저 보여준다면 | WAKIT 제작 이야기 (0) | 2026.10.03 |
| 수제청 사진은 준비했는데, 상세페이지는 어떻게 풀죠? | WAKIT 음료 템플릿 (0) | 2026.10.03 |
| 디저트 사진은 준비했는데, 상세페이지는 막막할 때 | WAKIT 베이커리 템플릿 (0) | 2026.10.02 |
| 식품 상세페이지 템플릿 사용법: 사진·문구 수정부터 PNG 출력까지 (0) | 2026.10.02 |
