상세페이지 첫 화면에서 결정되는 것

아티클 요약

상세페이지 첫 화면은 예쁜 이미지보다 이해가 먼저입니다. 고객이 스크롤하기 전 보이는 첫 화면에서 "이것이 무엇이고, 나에게 왜 필요한가"를 이해하지 못하면 바로 이탈합니다. 후킹 문구, 상품명, 핵심 이점, 대표 이미지 네 가지가 첫 화면에 있어야 합니다.

이런 분들은 읽어보세요

  • 상세페이지를 만들었는데 구매 전환이 낮은 분
  • 감성적인 이미지로만 상세페이지를 시작하는 분
  • 상세페이지 첫 화면에 무엇을 넣어야 할지 모르는 분
  • 모바일에서 상세페이지가 어떻게 보이는지 확인하지 않은 분

왜 중요한가요?

고객의 70% 이상은 모바일로 상세페이지를 봅니다. 모바일 첫 화면은 매우 작습니다. 이 작은 화면에서 고객이 "이게 뭔지" 이해하지 못하면 스크롤하지 않고 나갑니다. 첫 화면에서 잡지 못한 고객은 어떤 좋은 정보를 아래에 넣어놔도 보지 않습니다.

자주 하는 실수

  • 첫 화면에 브랜드 로고나 감성 이미지만 넣는다
  • 상품명이 너무 길거나 이해하기 어렵다
  • 핵심 이점 없이 스펙만 나열한다
  • 모바일 기준이 아니라 PC 기준으로 디자인한다
  • 고객의 문제를 언급하지 않고 제품 설명부터 시작한다

실무 판단 기준

상세페이지 첫 화면은 네 가지 요소를 포함해야 합니다. 1. 후킹 문구: 고객의 문제나 상황을 한 줄로 짚는 문구. "이런 적 없으셨나요?" 보다 구체적인 상황을 써야 합니다. 2. 상품명: 고객이 바로 이해할 수 있는 명확한 상품명 3. 핵심 이점: 이 상품이 고객에게 주는 가장 큰 이점 1~2가지 4. 대표 이미지: 상품이 무엇인지 한눈에 보여주는 이미지 이 네 가지가 모바일 첫 화면(스크롤 전)에 모두 보여야 합니다.

실행 순서

  1. 1

    후킹 문구 작성하기

    고객의 구체적인 문제 상황을 한 줄로 적어보세요. "주간 계획을 쓰고 싶은데 기존 다이어리는 날짜가 맞지 않아 불편했다면"처럼 구체적으로.

  2. 2

    상품명 점검하기

    상품명만 보고 무엇인지 이해할 수 있는지 확인하세요. 주변 사람에게 상품명만 보여주고 뭘 파는 건지 물어보세요.

  3. 3

    핵심 이점 1개 정하기

    이 상품의 장점이 여러 가지라도, 첫 화면에는 가장 강력한 이점 1개만 넣으세요.

  4. 4

    대표 이미지 선택하기

    상품이 무엇인지 한눈에 보여주는 이미지를 선택하세요. 감성컷이 아니라 상품 전체가 보이는 정보컷이어야 합니다.

  5. 5

    모바일에서 확인하기

    완성된 첫 화면을 모바일에서 열어보세요. 스크롤 없이 네 가지 요소가 모두 보이는지 확인하세요.

예시

다이어리 속지 상세페이지 첫 화면 개선

변경 전 첫 화면: - 감성적인 카페 배경 이미지 - 브랜드 로고 - "당신의 일상에 영감을" 이라는 문구 - 상품 정보는 스크롤해야 보임 문제: 고객이 "이게 뭘 파는 거지?"를 알 수 없음 변경 후 첫 화면: - 후킹 문구: "새해가 아니어도 바로 시작할 수 있는 다이어리 속지" - 상품명: A5 6공 주간 기록 속지 30매 - 핵심 이점: "날짜 미인쇄 — 언제든 시작 가능" - 대표 이미지: 속지가 다이어리에 끼워진 모습 + 실물 크기 비교 변경 후 상세페이지 체류 시간이 평균 12초에서 48초로 늘었고, 구매 전환율이 1.2%에서 3.8%로 올랐습니다.

점검 체크리스트

첫 화면에 후킹 문구가 있는가?
상품명만 보고 무엇인지 이해할 수 있는가?
핵심 이점 1~2가지가 명확히 표시되어 있는가?
대표 이미지에서 상품이 무엇인지 보이는가?
모바일에서 스크롤 없이 이 네 가지가 보이는가?
감성 이미지 대신 정보 전달 이미지를 사용했는가?
고객의 문제를 구체적으로 언급했는가?

자주 묻는 질문

내 브랜드는 첫 판매 가능한 상태일까요?

가이드를 읽고 현재 준비 상태가 궁금하다면, 12개의 질문으로 런칭 준비도를 점검해보세요.