건기식 상세페이지 구성법: 질문에 답하는 순서로 설계하기

첫 상세페이지는 자랑만 늘어놓다 망했다

건기식을 처음 스마트스토어에 올렸을 때, 나는 상세페이지에 "좋은 원료, 좋은 공장, 좋은 성분"만 잔뜩 적었다. 결과는 조용했다. 방문자는 들어왔다가 스크롤 몇 번 하고 나갔다. 문제는 제품이 아니라 순서였다. 소비자가 궁금해하는 질문에 순서대로 답하지 않으면, 아무리 좋은 원료도 전달되지 않는다. 이 글은 건기식 상세페이지를 여러 번 고쳐 만들며 정리한 구성법이다.

개념·용어 정리

상세페이지를 설계할 때 쓰는 뼈대 개념이다.

• 첫 화면(어보브 더 폴드): 스크롤 없이 보이는 영역. 여기서 무엇을 파는 제품인지, 누구를 위한 것인지 한눈에 전달돼야 한다.
• 정보 위계: 소비자가 궁금해하는 순서대로 정보를 쌓는 것. 성분 설명은 필요를 공감시킨 다음에 온다.
• 기능성 표시 범위: 식약처가 인정한 기능성 범위 내에서만 표현할 수 있는 문구.
• 신뢰 요소: 시험성적서, 제조 기준, 원료 이력 같은 객관적 근거.
• 구매 전환 지점: 장바구니·구매 버튼과 그 직전의 마지막 설득.

실제 진행 절차 (제작축)

상세페이지는 위에서 아래로 "질문-답변"의 연속으로 짜야 한다.

1단계 — 첫 화면에서 정체 전달

누구를 위한 어떤 기능성 제품인지 한 문장으로 못 박는다. 성분 나열이 아니라 소비자의 상황 언어로 쓴다.

2단계 — 필요 공감과 문제 정의

"이럴 때 이런 관리가 필요하다"는 맥락을 만든다. 여기서 공감이 안 되면 아래 성분 설명은 읽히지 않는다.

3단계 — 성분 근거를 기능성 범위로 설명

핵심 원료를 식약처가 인정한 기능성 범위 내에서 설명한다. 함량과 원료 형태(예: 흡수 형태)를 근거로 보여 준다.

4단계 — 섭취 방법·신뢰 요소·구매 유도

언제 어떻게 먹는지, 어떤 검사를 거쳤는지, 왜 지금 담아야 하는지를 순서대로 배치한다. 마지막에 명확한 구매 유도를 둔다.

원료·구성 큐레이션 (큐레이션축)

상세페이지에서 설득력 있는 성분 섹션은 처방 단계의 선택에서 나온다.

• 설명 가능한 원료: 기능성 인정 범위가 명확한 원료는 상세페이지에서 근거를 쓰기 쉽다.
• 함량 표기의 정직함: 표시량과 실제 함량이 일치해야 신뢰 섹션이 성립한다.
• 원료 형태·흡수 관점: 같은 성분도 형태에 따라 설명 포인트가 달라진다.
• 부자재 최소화: 불필요한 부형제가 적으면 "깔끔한 구성"이라는 설명이 가능하다.
• 차별 포인트 한 가지: 모든 걸 강조하면 아무것도 남지 않는다. 큐레이션의 핵심은 뺄 것을 정하는 것이다.

인증·규제·품질 체크

• 기능성 표시 한계 준수: 질병 예방·치료 표현 금지, 인정 범위 내 서술만.
• 표시사항 정확성: 원재료명, 함량, 섭취 시 주의사항 정확 기재.
• 광고 심의 대상 확인: 표현에 따라 사전 검토가 필요한지 확인.
• 시험성적서 게시 방식: 신뢰 요소로 쓰되 과장 없이.
• 후기 운영의 합법성: 대가성 표기, 사실과 다른 인용 금지.

비용 현실 감각

상세페이지 제작 비용은 디자인비만이 아니다. 촬영, 카피 작성, 성분 근거 자료 정리, 심의 대응까지 포함된다. 다만 상세페이지는 한 번 잘 만들면 반복적으로 매출을 만드는 자산이라, 광고비 대비 회수 구조가 좋다. 처음부터 고비용 촬영에 몰아넣기보다, 정보 순서를 검증한 뒤 시각 요소를 보강하는 편이 효율적이다. 정확한 금액은 촬영 범위와 페이지 길이에 따라 달라지므로 단정하긴 어렵지만, "순서가 디자인보다 먼저"라는 원칙은 변하지 않는다.

마케팅·판매·수익화 관점 (수익화축)

상세페이지는 그 자체가 전환 엔진이다. 나는 페이지 구조를 바꿔 가며 구매 후 반응과 재구매 데이터를 함께 봤는데, 성분 나열형에서 질문-답변형으로 바꾼 뒤 체류와 전환 흐름이 안정됐다. 리뷰 운영도 상세페이지 하단에 연결해 구매 후 반응을 자연스럽게 축적하면 신뢰 섹션이 시간이 갈수록 두꺼워진다. 재구매를 노린다면 상세페이지 안에 "다음에도 편하게 담는" 재구매 동선을 미리 설계해 두는 것이 좋다. 가짜로 꾸민 어떤 요소도 필요 없다. 정직한 근거의 순서가 곧 전환율이다.

이탈이 일어나는 지점 진단하기

상세페이지를 고치기 전에 나는 어디서 사람들이 나가는지부터 봤다. 막연히 "디자인이 별로인가" 짐작하지 않고, 스크롤 이탈이 몰리는 구간을 구체적으로 특정하는 것이 개선의 출발점이었다.

• 첫 화면에서 바로 이탈: 무엇을 파는 제품인지 한눈에 전달되지 않으면 스크롤 자체가 시작되지 않는다. 정체 전달 문장을 먼저 손본다.
• 공감 구간에서 이탈: 필요를 못 느끼면 성분 설명으로 넘어가지 않는다. 문제 정의를 소비자의 상황 언어로 다시 쓴다.
• 성분 구간에서 이탈: 근거가 추상적이면 신뢰가 생기지 않는다. 함량과 원료 형태를 기능성 인정 범위 안에서 구체적으로 보여 준다.
• 가격·구매 구간에서 이탈: 마지막 설득이 약하면 장바구니 직전에 멈춘다. 왜 지금 담아야 하는지 이유를 명확히 둔다.
• 모바일에서만 이탈: 데스크톱은 괜찮은데 모바일 이탈이 크면 이미지 용량과 가독성 문제일 때가 많다.

이탈 지점을 특정하면 고칠 곳이 분명해진다. 상세페이지 개선은 감이 아니라 구간별 진단에서 시작한다.

신뢰 섹션을 두껍게 만드는 법

상세페이지에서 가장 늦게 완성되지만 가장 오래 일하는 부분이 신뢰 섹션이다. 나는 이 섹션을 한 번에 만들려 하지 않고 시간을 두고 쌓았다.

• 시험성적서는 과장 없이: 객관적 근거로 쓰되 결과를 부풀리지 않는다. 과장은 오히려 신뢰를 깎는다.
• 제조 기준·원료 이력 노출: GMP 준수나 원료 추적 같은 사실을 담백하게 보여 준다.
• 리뷰 운영 동선 연결: 상세페이지 하단에 구매 후 반응이 자연스럽게 쌓이도록 동선을 연결한다. 가짜로 꾸민 어떤 것도 필요 없다.
• 표시-함량 일치 강조: 표시량과 실제 함량이 같다는 사실 자체가 강력한 신뢰 요소다.
• 재구매 동선 설계: 다음에도 편하게 담을 수 있는 경로를 미리 넣어 두면 신뢰가 재구매로 이어진다.

신뢰 섹션은 하루아침에 두꺼워지지 않는다. 정직한 근거를 꾸준히 쌓는 운영이 시간이 갈수록 전환율을 밀어 올린다.

마무리

건기식 상세페이지는 자랑의 목록이 아니라 질문에 답하는 순서다. 첫 화면 정체 전달 → 필요 공감 → 성분 근거 → 섭취·신뢰 → 구매 유도의 골격을 지키면, 같은 제품도 전달력이 달라진다. 처음부터 완성형을 만들 필요는 없다. 소량 ODM으로 제품을 검증하는 단계라면, 상세페이지도 최소 골격으로 시작해 반응을 보며 보강하는 편이 낫다.

원료 카탈로그 및 OEM 견적 문의

상세페이지에서 설명하기 좋은, 기능성 인정 범위가 명확한 원료로 구성을 짜고 싶다면 견적 문의 폼으로 원료 상담을 요청할 수 있다. MOQ나 제형 선택은 별도 글에서 더 다룬다. 기능성 표시 문구와 광고 규정은 식품안전나라와 한국건강기능식품협회 자료로 확인하는 것을 권한다. 성분 근거 자료가 필요하면 견적 문의 시 함께 요청하면 된다.