SocksFactory: 3D로 나만의 양말을 디자인하기, 3가지 언어 지원

SocksFactory는 1998년부터 니트웨어 업계에서 활동해 온 폴란드 공장으로, 해외 브랜드를 위한 생산은 물론 도매, 이벤트 및 마케팅 캠페인용 양말을 제작합니다.

새 웹사이트를 위해 이들은 3개 시장에서 작동하고 고객이 직접 디자인을 적용할 수 있는 3D 양말 컨피규레이터가 필요했습니다.

솔루션

클라이언트는 Enterprise 플랜을 선택했습니다. 3D 뷰포트와 사전 설정이 이미 사내에 구축되어 있어 맞춤형 프런트엔드를 신속하게 제작할 수 있었습니다. Firebase를 사용해 고유 URL 링크를 통한 프로젝트 공유를 구현했으며, 고객 아트워크는 3D 모델에 UV 매핑하여 양말에 적용했습니다. 양말 프로젝트를 제출하면 Twilio API을 통해 이메일이 발송됩니다.

2단계에서는 JavaScript 캔버스 2D 라이브러리를 추가하여 사용자가 3D 컨피규레이터 내에서 양말 템플릿이나 라벨을 직접 편집할 수 있도록 했습니다. 이미지 업로드, 자르기, 드래그, 회전, 텍스트 및 기본 도형 추가가 가능합니다. 주문 완료를 위해 컨피규레이터를 Stripe 및 PayPal과 통합했습니다.

오늘날 이러한 프로젝트에 추가될 기능

2022년에 맞춤 개발이었던 여러 기능은 이제 표준 옵션 블록으로 제공됩니다. 이미지 업로드를 통해 고객이 직접 아트워크를 제공할 수 있고, 디자인 캔버스로 제품 위에서 위치 조정, 크기 변경 및 회전이 가능하며, 패턴 디자이너는 크기, 회전 및 오프셋을 제어해 반복 디자인을 적용합니다. 또한 텍스트 입력으로 글꼴을 선택해 맞춤 텍스트를 추가할 수 있습니다. 서로 다른 채우기 색상을 포함한 SVG 아트워크는 자동으로 감지되어 각 색상 채널을 런타임에 변경할 수 있습니다.

그 밖에도 이제 AI는 제품 설명을 바탕으로 초기 컨피규레이터를 생성하고 기존 컨피규레이터를 점검할 수 있으며, MCP 서버를 통해 AI 어시스턴트는 범위가 제한된 토큰으로 프로젝트를 검토하고 로직을 평가할 수 있습니다. 이러한 기능은 원래 구축 범위에 포함되지 않았습니다.