클릭은 잘 들어오는데 전환이 안 나온다면, 문제는 상세페이지 아래가 아니라 맨 위 한 폭일 확률이 높아요. 고객은 스크롤 전 3초 만에 살지 말지를 정해요. 그 좁은 첫 화면에 뭘, 어떤 순서로 담아야 하는지 실제 숫자와 함께 풀어봤어요.
지난달에 신상 원피스를 올리고 광고를 돌렸어요. 클릭은 잘 들어왔거든요. 그런데 구매전환이 이상하게 낮았어요. 로그를 까보니까 답이 나오더라고요. 상세페이지에 들어온 사람 중 절반 넘게가 첫 화면에서 그냥 나가버렸어요. 스크롤을 아예 안 한 거죠. 아무리 아래에 좋은 후기, 원단 설명, 사이즈표를 깔아놔도 소용이 없었어요. 첫 화면에서 이미 승부가 끝나 있었던 거예요...
이게 무서운 지점이에요. 우리는 상세페이지를 위에서 아래로 정성껏 쌓아 올리는데, 고객은 그렇게 안 봐요. 첫 화면 딱 3초. 여기서 '오 괜찮은데' 아니면 '음 아니다'가 갈려요. 그 뒤 콘텐츠는 이미 마음을 굳힌 사람만 확인하는 자료일 뿐이고요.
모바일 유입이 대부분인 요즘 쇼핑몰에서 첫 화면(above the fold)은 스크롤하기 전에 보이는 딱 한 폭이에요. 아이폰 기준으로 대충 세로 700~800px 정도. 이 좁은 공간에 뭘 넣느냐로 이탈률이 확 바뀌어요.
사람 뇌가 원래 그래요. 낯선 화면을 만나면 '여기 계속 있을까 나갈까'를 거의 반사적으로 판단해요. 예쁜 옷을 파느냐 아니냐의 문제가 아니라, 첫 화면이 그 판단을 도와주느냐 방해하느냐의 문제예요. 광고비 들여서 어렵게 데려온 손님인데 첫 폭에서 놓치면 그 클릭값은 그냥 날아가는 거죠. 저희처럼 클릭당 400~700원씩 내고 데려오는 입장에선 이게 생각보다 크더라고요...
한정된 공간이니까 다 넣을 순 없어요. 중요도 순으로 자리를 배분해야 해요. 제가 여러 번 갈아엎으면서 정리한 순서예요.
| 순위 | 요소 | 역할 | 흔한 실수 |
|---|---|---|---|
| 1 | 메인 컷 (착용 이미지) | 3초 안에 '분위기·핏' 전달 | 누끼컷·평면컷만 올림 |
| 2 | 한 줄 후킹 카피 | 이 옷을 왜 사야 하는지 | 브랜드 슬로건만 적음 |
| 3 | 가격 + 혜택 | 구매 판단의 핵심 정보 | 가격을 한참 아래 숨김 |
| 4 | 신뢰 신호 (후기 수·평점) | '남들도 샀다' 안심 | 아예 없음 |
| 5 | 구매 버튼 (또는 위치 암시) | 바로 행동 가능 | 스크롤 한참 해야 나옴 |
하나씩 풀어볼게요.
1. 메인 컷. 이게 8할이에요. 특히 옷은요. 첫 컷은 무조건 사람이 입은 착용 이미지예요. 마네킹도 아니고 옷만 펼쳐놓은 평면컷도 아니에요. 고객은 옷 자체가 아니라 '내가 입었을 때 저런 느낌이겠구나'를 사거든요. 배경·조명·모델 포즈까지가 다 옷값이에요. 사진 얘기는 상품 사진 잘 찍는 법에서 더 자세히 다뤘는데, 첫 컷 한 장이 진짜 매출을 갈라요.
2. 한 줄 후킹 카피. 이미지 위나 바로 아래에 짧게. '데일리로 입기 딱 좋은 세미오버 핏' 이런 식으로 구체적으로요. '고급스러운 감성' 같은 뜬구름 말고, 이 옷을 언제 어떻게 입는지가 그려지는 문장이 좋아요.
3. 가격과 혜택. 의외로 많은 몰이 가격을 아래로 숨겨요. 근데 고객은 가격을 궁금해해요. 안 보이면 오히려 불안해서 나가요. 첫 화면에 정가·할인가, 쿠폰이나 무료배송 같은 혜택을 같이 보여주세요. '39,000원 · 3만원 이상 무료배송' 이렇게요.
4. 신뢰 신호. 후기 개수, 평점 별, '재입고 3회' 같은 문구. 단 하나라도 첫 화면에 걸리면 이탈이 줄어요. 처음이라 후기가 없으면 '누적 판매', 'MD 추천' 같은 대체 신호라도 넣고요.
5. 구매 버튼. 모바일이면 하단 고정 구매바가 거의 필수예요. 첫 화면에서 마음이 기울었을 때 손가락이 바로 닿는 곳에 버튼이 있어야 해요. 마음먹고 스크롤 내려서 찾게 만들면 그새 식어요.
추정이긴 한데(가게마다 다르니 참고용으로만) 대략 이런 그림이에요. 광고로 상세페이지에 하루 500명이 들어온다고 쳐볼게요.
| 구분 | 첫 화면 방치 | 첫 화면 정리 후 |
|---|---|---|
| 유입 500명 | 500 | 500 |
| 스크롤 진입률 | 45% | 68% |
| 실제로 상세 본 사람 | 225명 | 340명 |
| 구매전환 2% | 4.5건 | 6.8건 |
| 객단가 39,000원 · 일 매출 | 약 175,500원 | 약 265,200원 |
같은 광고비, 같은 상품인데 첫 화면만 손봐도 하루 9만원 가까이 차이가 나요. 한 달이면 270만원이고요. 단순히 예쁘게 만드는 얘기가 아니라 이미 낸 광고비를 새지 않게 막는 얘기예요. 전환율이랑 순수익 관계가 헷갈리면 매출을 늘리는 진짜 방법 글도 같이 보시면 그림이 잡혀요.
여기서 한 가지. 전환율이 올랐다고 무조건 남는 게 아니에요. 할인·쿠폰을 첫 화면에 크게 걸면 전환은 오르는데 마진이 깎여요. 원가·수수료·부가세 다 빼고 실제로 손에 얼마 남는지를 봐야 하는데, 이걸 눈으로 확인하기가 은근 어려워요. 저는 대시부스터로 상품별 실제 순수익을 실시간으로 보는데, '전환은 올랐는데 순익은 그대로'인 함정을 그렇게 잡아냈어요. 첫 화면 개편은 전환율만 보지 말고 순익까지 같이 보세요.
거창한 리뉴얼 없이 오늘 당장 만질 수 있는 것부터요.
먼저 본인 폰으로 상세페이지 열어서 스크롤 직전 스크린샷을 찍어요. 그 한 장을 두고 물어봐요. 이게 무슨 옷인지 3초 안에 보이나. 가격이 보이나. '입어보고 싶다'는 마음이 드나. 셋 중 하나라도 아니면 첫 컷부터 바꿔요. 착용 이미지가 아니면 착용 이미지로, 흐릿하면 밝고 선명한 걸로. 그다음 후킹 카피 한 줄을 구체적으로 다듬고, 가격·혜택을 첫 폭 안으로 끌어올려요. 하단 고정 구매바가 없으면 그것부터 붙이고요.
순서가 중요해요. 첫 화면 → 신뢰 신호 → 상세 콘텐츠. 아래를 아무리 꾸며도 첫 폭에서 새면 다 헛일이에요. 제일 위 한 폭부터 정리하는 게 가성비가 제일 좋아요.
옷·패션이면 대체로 착용컷이 이겨요. 고객이 '내가 입은 모습'을 상상해야 지갑을 열거든요. 다만 액세서리나 소품처럼 디테일이 중요한 상품은 클로즈업이 더 잘 먹히기도 해요. 카테고리 따라 테스트해보는 게 정답이에요.
오히려 반대예요. 가격을 숨기면 불안해서 더 빨리 나가요. 가격을 보여주되 혜택(무료배송·쿠폰·적립)을 옆에 같이 붙이면 '이 가격이면 괜찮네'로 넘어가요. 숨기는 게 아니라 맥락을 같이 주는 게 핵심이에요.
대체 신호를 써요. '오늘 오픈', '누적 판매 OO건', 'MD 강력추천', '재입고 예정' 같은 문구요. 사람은 '남들도 관심 있다'는 힌트만 있어도 안심해요. 첫 후기 몇 개 쌓이면 바로 별점·후기 수로 교체하고요.