studioby you•프로젝트 문의
← 모든 프로젝트

nonfinito

카페24 활용 제작

상품을 찾고, 정보를 확인하고, 장바구니로 이어지는 쇼핑몰.

카페24를 기반으로 상품 목록과 상세, 검색, 회원·장바구니 화면을 연결했습니다. 상품 사진을 크게 보여주면서도 품절 상태와 구매 전 확인할 정보를 놓치지 않도록 구성했습니다.

사이트 방문하기
논피니토 사이트 메인 비주얼
카페24 기반상품 목록·상세상품 검색회원·장바구니브랜드 콘텐츠
FUNCTIONS IN PRACTICE

어떤 기능을, 어떻게 만들었는지.

논피니토 버클 레더 재킷 상품 이미지논피니토 스웨이드 재킷 상품 이미지논피니토 페들러 백 상품 이미지
논피니토 SHOP에 사용된 실제 상품 이미지. 목록에서는 상품명·가격·품절 상태와 함께 노출됩니다.
01

여러 상품을 비교하며 원하는 제품을 찾을 때

목록에서 상품 상태까지 확인

상품 이미지, 이름, 가격을 카드 단위로 배치하고 OUT OF STOCK·SOLD OUT 상태를 표시합니다. SORT BY와 페이지 이동을 목록 안에서 제공해 상품을 이어서 살펴볼 수 있습니다.

상품 카드품절 표시정렬·페이지 이동
02

소재나 사이즈, 배송 조건을 확인하고 싶을 때

긴 상품 설명을 네 가지로 나누기

상품 상세를 DETAILS, SIZE, MATERIALS & CARE, SHIPPING 아코디언으로 나눴습니다. 예를 들어 가죽 재킷의 소재와 실루엣 설명을 먼저 보고, 필요한 항목만 펼쳐 확인할 수 있습니다.

정보 아코디언구매 정보ADD TO BAG
03

한 상품을 본 뒤 비슷한 제품을 더 둘러볼 때

상세에서 다음 상품으로 이어지는 탐색

상세 하단의 EXPLORE MORE에서 다른 상품의 이미지와 이름을 보여줍니다. 상단에는 SEARCH·ACCOUNT·CART를 유지해 검색이나 장바구니로도 이동할 수 있습니다.

관련 상품검색장바구니 진입
카페24 기반의 쇼핑몰 화면 구성 사례입니다. 별도 관리자 자체 개발 사례와 구분됩니다.실제 사이트 살펴보기 ↗
HAVE A PROJECT IN MIND?좋은 시작을 함께 만들어요.
Have a good
feeling?

아직 구체적인 계획이 없어도 괜찮아요.
생각하고 있는 방향부터 편하게 들려주세요.

hello@studiobyyou.kr