모든 포트폴리오LUDGI / PROJECT ARCHIVE

제작 기록

펫 케어 · 제품 탐색과 쇼핑

반려동물 유형별 상품 탐색부터 상세 정보·장바구니·결제로 이어지는 커머스 화면을 구성했습니다.

PROJECT SCOPE

  • 유형별 상품 분류
  • 탐색과 상세 정보
  • 쇼핑 흐름

go · Next.js · Supabase · TypeScript

펫 케어 · 제품 탐색과 쇼핑 대표 제작 화면
대표 제작 화면제작 기록

SELECTED VIEWS

제작 노트

PROCESS & SCOPE

함께 사는 반려동물을 위한 제품을 고르다.

반려동물의 유형에 맞는 제품을 찾고 성분과 사용 정보를 확인하는 쇼핑 과정을 설계했습니다.

강아지·고양이 등 반려동물 유형을 기준으로 카테고리를 나눴습니다. 상품 사진과 상세 정보를 중심에 두고 필터·정렬에서 장바구니로 이어지는 흐름을 구성했습니다.

유형별 상품 분류
반려동물 유형과 상품 카테고리, 큐레이션 영역을 나눠 구성했습니다.
탐색과 상세 정보
필터·정렬을 제공하고 상품 상세에서 성분과 사용 정보를 확인하도록 배치했습니다.
쇼핑 흐름
상품 선택에서 장바구니와 결제로 이어지는 화면을 모바일 중심으로 설계했습니다.

LET’S CONNECT

이 작업에서 시작할 다음 이야기.

교육·콘텐츠 협업과 사업 제휴에 관한 이야기를 기다립니다.

이 사례에 관해 연락하기