상세페이지 개선 체크리스트
구매 전환율(CVR)을 떨어뜨리는 이탈 요인을 점검해주세요.
에이블리 유저는 모바일 환경에서 쇼핑하며, 짧은 시간에 상품 구매 여부를 판단해요. 아래 체크리스트를 확인하고, 구매 방해 요소를 제거해주세요. ① 첫 인지 단계
1. 상세페이지에 포함되는 텍스트의 가독성을 높여주세요.
모바일 환경에서 텍스트가 작거나 가독성이 낮을 경우, 상품 내용을 확인하기도 전에 이탈이 발생할 수 있어요.
상세페이지에 포함되는 이미지 내 텍스트는 다음 크기로 설정해주세요.
•
메인 워딩 : 40pt ‒ 60pt
•
서브 워딩 : 24pt ‒ 32pt
어드민에서 수정하실 경우, 모바일 화면 기준 너무 작지 않은 수준으로 수정해주세요.
•
모바일 화면 기준으로 텍스트가 작아 보이거나 깨지지 않도록 충분히 확대되어 있을 것
•
수정 전 상세페이지와 비교했을 때, 텍스트 크기 확대 및 가독성이 명확하게 개선된 것이 확인될 것
텍스트의 가독성을 높여, 유저에게 상품의 핵심 내용을 정확히 전달하도록 개선해주세요.
Tip!
기본 시스템 폰트(굴림, 바탕, 돋움 계열) 또는 유사한 명조는 사용을 지양해주세요. 동일한 문단 내에서 폰트 종류는 최대 2종 이내 사용을 권장드려요.2. 모바일 기준 상세페이지 상단 첫 스크롤 영역에 상품 이미지를 최소 1장 이상 노출해주세요.
유저들은 상세페이지 진입 직후 텍스트로 된 정보를 ‘읽고 이해하기’보다 ‘내가 원하는 상품이 맞는지’를 먼저 확인해요. 상품을 빠르게 제시함으로써 유저들에게 빠르게 상품을 각인시킬 수 있고, 상세페이지 이탈을 방지할 수 있어요.
텍스트로 시작하는 경우, 다음 가이드라인을 지켜주세요.
• 글 길이 : 최대 5줄
• 모바일 화면 기준 첫 스크롤을 초과하는 텍스트 구성은 불가능해요.
제품 상세 스펙, 고객 센터, 제품 교환 및 환불, 배송 관련 공지 등 상세한 내용은 상품 이미지로 셀러님의 상품을 충분히 각인한 후 뒤쪽에 배치해도 괜찮아요. 상품에 대한 직관적인 이미지를 바로 제시해서, 유저들이 상세페이지 스크롤을 끝까지 내려 길게 체류할 수 있도록 유도해주세요.
3. 모바일 기준 상세페이지 상단 첫 스크롤 영역에 노출되는 이미지 중 최소 1장 이상은 판매 상품이 화면 면적의 50% 이상을 차지해야 해요.
상품보다 배경, 모델, 분위기, 함께 착용한 다른 상품에 먼저 눈길이 가면, 유저들은 “그래서 무슨 상품을 파는지” 파악할 수 없어요. 판매하고자 하는 상품을 유저들에게 잘 알려주는게 필요해요.
판매 상품이 이미지 화면 면적의 50% 이상을 차지해야 해요.
• 이미지에서 ‘판매상품이 무엇인지’ 즉시 식별 가능하도록 변경해주세요.