프리미엄 가구 제작소 자사몰
97일PM / 풀스택 개발3,000만원







Technology
goThree.jsNext.jsTypeScriptSupabaseTailwind CSSReactFlutterVercelvercelfluttersupabaseAWSawsPostgreSQLRedisGraphQLredisgraphqlGoPythonTensorFlowDockertensorflowdockerthree.jsFramerframerNode.js
Project Details
프로젝트 개요
프리미엄 가구 제작소 자사몰 구축
고객이 직접 제품을 커스터마이징하고 실시간으로 확인할 수 있는 3D 기반 이커머스 플랫폼을 기획·개발하였습니다.
기존 정적인 제품 상세 페이지에서 벗어나, 소재·컬러·구조를 실시간으로 변경하며 제품을 체험할 수 있는 환경을 구축하여 구매 결정 과정을 혁신하였으며, **“보는 쇼핑이 아닌 직접 만드는 쇼핑 경험”**을 구현하는 데 중점을 두었습니다.
주요 작업 내용
1. 3D 제품 뷰어 및 커스터마이징 시스템 구축
Three.js 기반 3D 모델 실시간 렌더링 구현
소재, 컬러, 옵션 변경 시 즉각 반영되는 커스터마이징 기능 개발
카메라 컨트롤(회전, 확대/축소)로 제품 디테일 확인 UX 구현
2. 실시간 옵션 반영 및 가격 연동 로직
선택 옵션에 따라 가격이 동적으로 변경되는 구조 설계
제품 구성에 따른 데이터 처리 및 상태 관리 구현
사용자 선택 데이터를 기반으로 주문 프로세스 연결
3. 프리미엄 커머스 UX/UI 설계
고급스러운 비주얼 중심 레이아웃 구성
제품 경험에 집중할 수 있는 미니멀 UI 설계
구매 전환을 고려한 CTA 및 상세 페이지 구조 구성
4. 인터랙션 및 사용자 경험 강화
3D 인터랙션 중심의 몰입형 쇼핑 경험 구현
Hover 및 애니메이션을 활용한 사용자 피드백 강화
사용자 행동 흐름을 고려한 UX 설계
5. 성능 최적화 및 렌더링 개선
3D 모델 최적화 및 로딩 속도 개선
불필요한 렌더링 최소화로 퍼포먼스 안정화
다양한 디바이스 환경에서 안정적인 동작 구현
6. 커머스 구조 및 결제 흐름 설계
상품 탐색 → 커스터마이징 → 장바구니 → 결제 흐름 설계
사용자 선택 정보를 유지하는 상태 관리 구조 구현
실제 구매로 이어지는 전환 구조 설계
성과
3D 기반 커스터마이징 커머스 플랫폼 구축
기존 대비 사용자 참여도 및 체류시간 증가
월 매출 3.5억 원 달성
제품 경험 중심 쇼핑 UX를 통한 구매 전환율 향상
비슷한 프로젝트가 필요하신가요?
프로젝트 의뢰하기 →