모든 포트폴리오LUDGI / PROJECT ARCHIVE

제작 기록

가구 제작소 3D 자사몰

가구의 소재·색상·옵션을 3D로 확인하고 선택한 구성을 주문에 연결한 커머스입니다.

PROJECT SCOPE

  • 3D 제품 뷰어
  • 옵션·가격 연동
  • 주문 흐름
  • 렌더링 조정

go · Three.js · Next.js · TypeScript

가구 제작소 3D 자사몰 대표 제작 화면
대표 제작 화면제작 기록

SELECTED VIEWS

제작 화면 더 보기 +1

제작 노트

PROCESS & SCOPE

고른 소재와 색을, 눈앞의 가구에.

가구를 구매하기 전에 서로 다른 소재와 옵션의 조합을 살펴볼 수 있는 제품 탐색 화면을 만들었습니다.

Three.js 제품 뷰어에 옵션 선택과 가격 계산을 연결했습니다. 상품을 회전하거나 확대해 살펴본 뒤 선택한 구성을 장바구니와 주문 과정에 전달하도록 설계했습니다.

3D 제품 뷰어
가구 모델을 회전·확대하고 소재와 색상을 바꿔 확인하는 화면을 구현했습니다.
옵션·가격 연동
선택한 제품 옵션을 화면과 가격에 함께 반영하도록 상태를 관리했습니다.
주문 흐름
상품 탐색부터 구성 선택, 장바구니, 결제로 이어지는 과정에 선택 정보를 유지했습니다.
렌더링 조정
모델 로딩과 불필요한 화면 갱신을 조정해 제품 조작에 필요한 리소스를 관리했습니다.

LET’S CONNECT

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

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

이 사례에 관해 연락하기