2026. 06 · WEB (Café24)
반려견 간식 쇼핑몰
고객사바이○○○○
- 기간
- 1개월
- 비용
- 500만 원
- 서비스 유형
- WEB (Café24)
기능
Overview
구매 결정을 쉽게 만드는 상세페이지 설계
- 기간:
- 1개월
- 범위:
- 기획, UI/UX 디자인, 개발, QA
Palette
쇼핑몰은 상품을 보는 것에서 실제 구매까지 자연스럽게 이어져야 합니다. 옵션이 많을수록 차이를 빠르게 이해하기 어렵고, 상세 설명을 읽다가 구매 버튼을 찾으러 위로 돌아가면 이탈이 생깁니다.
노바링크는 반려동물 치석제거 간식 브랜드의 자체 쇼핑몰을 구축했습니다. 상단 띠배너로 이벤트와 혜택을 계속 보여 주고, 단품과 묶음 구성의 혜택을 비교해 고르면 수량과 합계 금액이 바로 반영되게 했습니다.
상세페이지 하단에는 스크롤을 따라 붙는 구매 바를 두어, 설명을 보는 중에도 바로 장바구니에 담거나 구매할 수 있습니다. 과학적 근거로 설득하는 브랜드 스토리와 구매 후기로 구매 전 신뢰도 함께 쌓도록 구성했습니다.
시작은 이 질문에서
상품을 보고 바로 구매까지 이어지게 하려면 어떻게 해야 하나요?
이 프로젝트가 지향한 것은 제품 정보를 보여주는 데 그치는 쇼핑몰이 아니라, 옵션 비교와 프로모션 노출, 구매 전환까지 하나로 이어지는 전환 중심의 쇼핑 UX입니다.
상품 비교의 어려움
옵션이 많을수록 사용자가 차이를 빠르게 이해하기 어려움
프로모션 노출 필요
이벤트와 혜택을 눈에 띄게 전달
구매 전환 강화
상세페이지를 읽는 중에도 언제든 구매로 이어질 수 있는 구조
그래서 노바링크는
상품 탐색부터 구매까지 끊기지 않는 상세페이지 구조를 처음부터 새롭게 설계합니다.
고객사 요구사항
NEEDS
고객사 요구
이벤트 노출
띠배너를 통해 주요 프로모션 상시 안내
옵션 비교
상품별 차이를 쉽게 확인하고 선택
간편한 상품 선택
상세페이지 안에서 옵션을 직관적으로 변경
상시 구매 유도
스크롤 위치와 관계없이 바로 구매 가능
SOLUTIONS
노바링크 솔루션
프로모션 노출 강화
옵션 선택과 상품 비교 단순화
구매 영역 상시 노출
구매 행동까지 거리 최소화
상단 띠배너로 이벤트와 주요 혜택을 계속 보여 줍니다.
상세페이지에서 상품과 옵션의 차이를 한눈에 비교하게 합니다.
스크롤해도 상품 선택 영역이 화면에 계속 남습니다.
위로 돌아가지 않고 바로 옵션 선택과 구매로 이어집니다.
주요 기능
01
베스트셀러·쿠폰 배너
첫 방문 고객이 메인에서 인기 상품과 할인가, 신규회원 쿠폰을 함께 보고 바로 회원가입으로 이어집니다.
02
브랜드 스토리
고객이 반려견 치석 문제와 치의학·생명공학 박사 창업진의 전문성, 과학적 근거를 읽고 구매 전 제품을 신뢰하게 됩니다.
03
상품 목록
고객이 할인율과 정가·할인가를 함께 보며 원하는 기준으로 정렬해 상품을 비교합니다.
04
묶음 옵션 선택
고객이 단품과 묶음 구성의 혜택을 비교해 고르면 수량과 합계 금액, 당일 출고 여부까지 바로 확인됩니다.
05
고정 구매 바
고객이 상세 설명을 보는 중에도 하단 구매 바에서 선택 금액을 보며 바로 장바구니에 담거나 구매합니다.
06
상품 사용후기
고객이 구매자의 별점과 후기를 확인하고, 공지·Q&A·FAQ가 묶인 고객센터로 자연스럽게 이어집니다.
07
공지사항
고객이 공지·후기·Q&A·FAQ가 한곳에 모인 고객센터에서 게시글을 검색해 필요한 공지를 찾습니다.
08
공지 띠·푸터
방문자가 최신 공지와 고객센터·입금 계좌 같은 운영 정보를 상시 확인하고, 카카오 채널 버튼으로 바로 상담합니다.
자세한 내용이
더 궁금하다면?
화면에 다 담지 못한 기능 구성과 구현 방식, 비슷한 프로젝트의 기간과 비용까지 상담에서 차근차근 안내해 드립니다.
이런 질문을 많이 주세요
영업일 기준 24시간 안에 담당자가 직접 답변드려요.