[쇼핑몰] 스마트스토어 상세페이지 「누리숨 가열식 가습기」

가열식 가습기를 파는 스마트스토어의 상세페이지를 새로 만든다면 어떤 모습이 좋을지 가정하고 직접 기획한 시안입니다. 「누리숨」 브랜드와 제품 · 수치 · 후기는 모두 가상이며, 제품 사진 대신 제품과 구조를 SVG로 그렸습니다. 아래 「사이트 보러가기」에서 860px 상세를 그대로 넘겨 볼 수 있습니다.

무엇을 중심에 두었나

잘 팔리는 가전 상세페이지는 대개 혜택 배너와 수상 · 판매량 문구로 시작하고, 정작 사기 전에 궁금한 수치는 한참 아래에 흩어져 있습니다. 이 시안은 첫 화면 바로 다음에 「30초 요약」 한 장을 두어 용량 · 소음 · 전기요금 · 세척 시간을 먼저 보여 줍니다.

• 고민 말풍선 → 방식 비교 → POINT 01~04 → 안전 · 공간 · 후기 · 사양 순으로, 읽는 사람이 던질 질문 순서대로 섹션을 놓았습니다
• 방식 비교 표에는 가열식의 약점(전기요금)도 적고, 자동 습도 모드라는 대책을 바로 붙였습니다
• 끓임 → 식힘 통로 → 수증기로 이어지는 구조, 세척 세 단계, 소음 비교를 도식으로 풀었습니다

휴대폰에서

상세페이지는 앱에서 이미지가 화면 폭으로 줄어듭니다. 그래서 860px 기준으로 본문 28px 이상, 제목 60px 이상으로 잡아 휴대폰에서 확대하지 않아도 읽히게 했습니다. 시안 페이지의 「휴대폰 폭으로 보기」로 넓은 화면에서도 바로 확인할 수 있습니다.

실제로 만든다면

제품 사진 촬영(또는 받은 사진 보정)을 섹션마다 넣고, 860px 폭 JPG 여러 장으로 잘라 스마트스토어 에디터에 올립니다. 소음 · 전력 같은 수치는 공인 시험성적서 값만 쓰고, KC 인증번호와 제품 표시 사항을 넣습니다. 「1위」 「최초」처럼 근거가 필요한 표현은 출처와 기간을 함께 적습니다.