개요
암가드 · 풋가드 · 손등가드를 3D로 돌려 보며 색과 이니셜을 고르고, 지금 쓰는 쇼핑몰 결제로 주문하는 커스텀 웹이다.
고객이 겪던 문제
커스텀 보호대 주문을 메신저로 받아 색과 위치를 말로 주고받다 보니 주문 내용이 어긋나기 쉬웠고, 결제 확인과 작업 지시도 따로 챙겨야 했다.
ITF가 한 일
상품 화면에서 3D 커스텀으로 들어가 부위마다 색을 고르고 이니셜을 넣은 뒤, 끌어서 돌리거나 정면 · 측면 · 뒤쪽 보기로 확인한다. 고른 내용은 디자인 코드로 묶여 기존 쇼핑몰 장바구니와 결제로 넘어간다. 결제가 확인된 주문만 색 견본이 담긴 주문서 메일로 보내고, 관리자 웹에서 주문서 목록 · 색 품절 · 옵션 가격 · 받는 메일을 직접 바꾼다. 휴대폰에서도 빨리 열리도록 3D 모델을 압축한다.
결과
3D 커스텀 화면과 주문서 서버 · 관리자 웹을 개발하고 있다.
화면
기술 스택
three.js · WebGL쇼핑몰 결제 연동Node.js 주문서 서버주문서 메일관리자 웹
이와 비슷한 프로젝트를 검토하고 계신가요?
AI 견적으로 예상 비용과 범위를 먼저 확인하고, 개발 전문가와 무료로 상담해보세요.