프로젝트명

Project 3

개발연도

2025.08

타입

Website

클라이언트

디쿤

요약

<p>브랜드/상품 패키지와 굿즈를 온라인에서 직접 커스터마이징하고, 실시간 3D 모델로 확인할 수 있는 웹 기반 3D 모의 제작(Mockup) 플랫폼을 개발했습니다. 사용자는 텍스트, 이미지, 색상을 자유롭게 편집하여 자신만의 디자인을 즉시 미리보기 할 수 있습니다.</p>

개발 언어

React

키워드

키워드해시태그

프로젝트 URL

https://example.com/3

상세설명

기술 스택

React 기반 프론트엔드에 Three.js, Fabric.js를 활용하여 3D 모델과 2D 캔버스를 연동했습니다. 또한 Blender로 제작한 커스텀 GLB 모델을 활용해 제품 질감과 형태를 사실감 있게 구현했습니다.

주요 기능

제품 선택: 머그컵, 패키지, 의류 등 다양한 아이템 제공

디자인 편집: 색상 변경, 텍스트 입력·폰트 조정, 이미지 업로드, 레이아웃 조정

실시간 반영: Fabric.js 캔버스에서 편집한 디자인이 Three.js 3D 모델 텍스처로 즉시 적용

반응형 UI: PC·모바일 환경 모두에서 자연스럽게 사용 가능

성과 및 특징

사용자 친화적인 인터페이스를 구현하여 누구나 직관적으로 커스터마이징 가능

실제 제품 제작 전, 고객 맞춤형 디자인을 미리 확인할 수 있어 효율적인 의사결정 지원

향후 쇼핑몰과 결합 시, 개인화 굿즈 제작·판매 시스템으로 확장 가능