아래 목차를 클릭하시면 원하시는 내용을 바로 확인하실 수 있어요 
유입을 매출로 바꾸는 핵심, 상세페이지
상세페이지는 에이블리 유저가 상품 정보를 확인하고, 구매 여부를 결정하는 가장 중요한 탐색 단계예요.
상품이 판매되는 경로를 먼저 확인해볼게요.
.png&blockId=3055bdc6-2df3-80ae-9be5-e5bb444bd572)
셀러님의 상품에 관심을 가지고 유입된 유저를 구매로 전환시키는 역할을 하는 것이 바로 상세페이지예요. 유입 이후 성과는 상세페이지에서 얼마나 설득력 있게 정보를 전달하느냐에 따라 크게 달라지게 돼요.
실제로 에이블리 유저 데이터를 확인해보니, 상세페이지 체류 시간이 길수록 구매전환율(CVR)이 유의미하게 상승하는 경향이 확인되었어요. 이는 상세페이지가 실제 성과로 이어지는 핵심 요소임을 의미해요.
그래서, 상세페이지는 단순히 예쁘게 만드는 것에 그치는 것이 아닌, 유저의 궁금증을 해소하는 정보를 빠르고 명확하게 전달할 수 있는지를 고려해야 해요.
먼저 실제 에이블리에 입점한 A 마켓의 상세페이지 개선 사례를 확인해볼게요.
에이블리 마켓 성장 사례 : 상세페이지 개선으로 구매 전환까지
에이블리에 입점한 A 마켓은 상세페이지 개선 이후 구매 전환이 발생하고 있어요. 특히 구매 직전 단계에 해당하는 핵심 지표인 장바구니 담기 · 상품 찜 수가 평균 600% 이상 증가하고 있어요.
장바구니와 찜은 단순 관심 표현이 아니라, 구매를 고려하고 있는 고객의 고관여 행동 지표예요.
상세페이지 구조를 개선한 이후 해당 지표가 유의미하게 상승했다는 점은, 상세페이지 개선이 실제 구매 전환 과정에 직접적인 영향을 주고 있다는 것을 의미해요.
Before
•
배송 안내 및 장문의 상품 설명이 상단에 배치되어 핵심 메세지가 바로 전달되기 어려운 구조였어요.
•
작은 폰트와 많은 텍스트로 인해 모바일 환경에서 가독성이 낮은 상태였어요.
•
정보는 있지만, 직관적으로 판매하는 상품을 빠르게 파악하기는 어려워요.
After
•
첫 화면에는 ‘당일 출고’ 혜택만 간결하게 나타내어 혜택이 한눈에 들어오도록 개선했어요.
•
이어서 코디컷을 배치해, “내가 착용했을 때의 모습”을 상상할 수 있도록 구성했어요.
•
텍스트는 별도 제작한 이미지 안에 정리해 통일된 폰트와 충분한 크기를 확보하고, 메인 · 서브 워딩 구분해 가독성을 높였어요.
Before
•
상품 이미지에서 생활감이 느껴지는 배경이 보였어요.
•
옵션별 이미지가 많지 않아 색상별로 상품을 파악하기 어려웠어요.
After
•
기존의 생활감이 느껴지는 배경을 정리해, 상품에 바로 집중할 수 있는 이미지로 개선했어요.
•
색상(옵션)별로 기본컷 · 디테일컷 · 코디컷을 추가해 상품에 대한 정보를 충분히 주고 있어요.
•
기본컷, 디테일컷에는 배경을 제거하고 상품만 보이도록 촬영했으며, 사진 상단 중앙에 색상이나 ‘detail’ 문구를 가운데에 배치하여 현재 확인 중인 정보가 무엇인지 명확히 인지할 수 있도록 했어요.
Before
•
첫 스크롤 영역에 반품 관련 공지와 상세한 상품 정보를 텍스트 나열 형태로 배치한 구조였어요.
After
•
상품 사이즈 및 디테일 정보는 상세페이지 최하단으로 이동해, 충분히 상품을 탐색한 유저에게 필요한 정보를 제공하는 방식으로 구성했어요.
•
에이블리 어드민에서 제공하는 기능을 활용해 정보를 보다 정돈된 형태로 기재했어요.
다음은 A 마켓 셀러님이 전달해주신 상세페이지 개선 노하우예요. 상세페이지 개선 시 참고해보세요.
A 마켓의 상세페이지 개선 Tip!
상위 랭킹 상품 벤치마킹하기타사 쇼핑몰의 상세페이지를 카테고리와 상관없이 상위권 랭킹 상품 위주로 최대한 많이 찾아보며 참고해보세요. 좋은 구성이라고 판단되는 부분을 실제 상세페이지에 적용해보는 것도 도움이 됩니다.
가독성과 상품 집중도를 우선한 디자인 작업하기디자인 작업 시에는 상품이 최대한 잘 보이도록 깔끔한 이미지를 중심으로 구성해보세요. 텍스트는 간결하게 정리하되, 크고 시원하게 배치하면 한눈에 정보가 들어오도록 만들 수 있습니다.
리뷰 기반 장점 구조화하기베스트 리뷰와 워스트 리뷰를 함께 확인해보세요. 고객이 실제로 느낀 장점 포인트를 정리해 상세페이지에 자연스럽게 녹여내는 것이 중요합니다.
상세페이지 개선 체크리스트를 확인해보세요.
① 첫 인지 단계
상세페이지 첫 화면에서 이탈을 방지하고, 다음 행동으로 이어지게 유도해보세요.
② 상품 신뢰성
상세페이지 안에 포함된 상품 이미지 속 구매 방해 요소를 제거하고, 고객에게 신뢰감을 줄 수 있는 이미지로 변경해보세요.
③ 구성 및 완성도
내 마켓에 유입된 유저들에게 상품에 대한 정보를 충분히 전달해 구매 전환율을 높여보세요.
이처럼 상세페이지는 판매자가 전달하고 싶은 정보를 나열하는 공간이 아니라, 고객이 궁금해하는 내용을 중심으로 구성해 구매를 설득하는 공간이에요.
오늘 안내드린 Tip과 체크리스트를 바탕으로, 고객의 시선에서 내 마켓의 상세페이지를 한 번 더 점검하고 개선해보세요!