상품의 구매 여부는 첫 스크롤에서 대부분 결정되고 있어요. 불필요한 설명은 줄이고 유저가 필요한 정보를 직관적으로 보여주세요.
1. 상세페이지에 포함되는 텍스트의 가독성을 높여주세요.
모바일 환경에서 텍스트가 작거나 가독성이 낮을 경우, 상품 내용을 확인하기도 전에 이탈이 발생할 수 있어요.
(1) 에이블리 어드민에서 ‘일반 편집 모드’로 텍스트를 삽입 · 수정하실 경우, 다음 글자 크기를 권장드려요
•
메인 워딩 : 14pt - 18pt, 볼드체(굵게)
•
서브 워딩 : 10pt - 14pt
(2) 폰트 및 텍스트 정렬은 가독성을 위해 다음과 같이 설정해주세요.
•
폰트 : 한 페이지 내 최대 1종으로 통일 (최대 2종 이내).
•
정렬 : 본문 텍스트 전체 '가운데 정렬’
(3) 사진과 텍스트 사이, 텍스트와 텍스트 사이 간격은 통일해주세요.
•
간격은 다음 기능을 이용해서 조절할 수 있어요.
◦
넓은 간격(Enter): 메인 문구와 서브 문구 사이.
◦
좁은 간격(Shift + Enter): 서브 문구와 서브 문구 사이.
(4) 텍스트로 상세페이지를 시작하는 경우, 다음 가이드라인을 지켜주세요.
•
글 길이 : 최대 5줄
•
모바일 화면 기준 첫 스크롤을 초과하는 텍스트 구성은 불가능해요.
Tip!
.png&blockId=30f5bdc6-2df3-80ec-b8f5-ccbb96a8036b)
모델 · 옷 · 디테일 정보 등을 기입할 때는 이미지로 만드는 것을 권장드려요. 어드민을 통해 텍스트를
작업하신다면 다음 템플릿을 사용하시는 것을 권장드려요. ▼ 아래 파일을 눌러 다운로드하세요!
제품 상세 스펙, CS 안내, 제품 교환 및 환불, 배송 관련 공지 등 상세한 내용은 최하단에 배치하세요. 첫 스크롤부터 배송 지연 공지, 장문의 텍스트가 확인되면 유저는 거부감을 느낄 수 있어요. 상세페이지의 ‘첫 인지 영역’에는 상품에 대한 직관적인 이미지를 바로 제시해서, 유저들이 상세페이지 스크롤을 끝까지 내려 길게 체류할 수 있도록 유도해주세요.
2. 모바일 기준 상세페이지 상단 첫 스크롤 영역에는 판매 상품이 화면 면적의 70% 이상을 차지하는 이미지를 넣어주세요.
상품보다 배경, 모델, 분위기, 함께 착용한 다른 상품에 먼저 눈길이 가면, 유저들은 “그래서 무슨 상품을 파는지” 파악할 수 없어요. 판매하고자 하는 상품을 유저들에게 잘 알려주는게 필요해요.
판매 상품이 이미지 화면 면적의 70% 이상을 차지해야 해요.•
이미지에서 ‘판매상품이 무엇인지’ 즉시 식별 가능하도록 변경해주세요.
•
상품이 잘 보이고, 유저가 ‘내가 입었을 때’를 상상할 수 있는 코디샷을 가장 먼저 배치함으로써 구매 전환율을 높이고 상세페이지 이탈을 막을 수 있어요.
Tip!
이미지 첨부 대신, 내 마켓의 인스타그램 게시물을 불러올 수 있어요.•
모바일 기준 첫 스크롤 영역에 내 마켓 인스타그램 계정을 삽입해서 이미지를 노출 시키고 싶으신 셀러분은 Embed 태그 기능을 통해 게시물을 바로 노출할 수 있어요.
이런 부분은 주의해주세요.•
인스타그램 Embed 태그 기능을 제외하고, 상세페이지 내 외부 링크를 삽입하거나 자사몰을 홍보하는 것은 에이블리 정책 상 불가능해요.
•
Embed 태그 기능을 통해 인스타그램 게시물을 불러오는데 실패한 경우, 상세페이지 하단에 url 주소만 입력되니, 수정 후 모바일에서 꼭 확인해주세요.