현재 이 공장은 국제 브랜드를 위한 제품을 생산하고 있으며, 주로 도매, 이벤트 및 마케팅 캠페인을 위한 양말을 생산합니다. 이 회사는 새로운 웹사이트를 위해 3D 양말 구성기가 필요했습니다.
클라이언트 요구 사항
그들은 고객이 양말의 종류와 사이즈를 선택하고, 사용 가능한 원단 카탈로그에서 색상을 선택하고, 템플릿을 사용하여 자신의 양말 디자인을 업로드하고, 고유한 URL 링크를 사용하여 프로젝트를 공유하고, 고객이 양말 프로젝트를 제출할 수 있는 주문 페이지를 제공할 수 있는 기능이 필요했습니다. 구성기는 3개국에서 찾을 수 있으므로 다국어를 지원해야 합니다.
2단계에서는 사용자가 프로젝트를 저장하고 주문 내역에 접근할 수 있는 Gmail 및 Facebook 로그인이 가능한 로그인/계정 모듈, 사용자가 구성기에서 직접 양말을 디자인할 수 있는 XNUMXD 템플릿 편집 도구, 왼쪽/오른쪽 양말 전환, 쇼핑 카트 시스템, 포장 및 라벨 옵션이 필요합니다.
해법
클라이언트가 Enterprise 플랜을 선택했고, 우리는 신속하게 사용자 지정 프런트엔드를 만들고 모든 사전 설정이 사내에서 이미 구축된 3D 뷰포트를 활성화하기 시작했습니다. 사용자가 고유한 URL 링크를 사용하여 다른 사람과 프로젝트를 공유할 수 있도록 Firebase를 사용했습니다. 우리는 사용자가 양말 3D 모델에 UV 매핑을 적용하여 자신의 양말 그래픽을 업로드할 수 있도록 했습니다. 마지막으로, 사용자가 양말 프로젝트를 제출하면 구성자가 SMTP 웹 서비스인 Twillio API를 사용하여 이메일을 트리거합니다.
2단계 구현에서는 사용자가 2D 구성기에서 양말 템플릿이나 라벨을 직접 편집할 수 있도록 자바스크립트 캔버스 3D 라이브러리를 사용했습니다. 사용자는 이미지를 직접 업로드하고, 자르고, 드래그하고, 회전하고, 텍스트와 기본 모양을 추가하여 앱에서 바로 양말과 라벨을 디자인할 수 있습니다.
양말 구성기를 Stripe와 PayPal과 통합하여 주문을 마무리합니다.
결과
양말 회사는 고객이 웹사이트에서 몇 번의 클릭만으로 양말을 직접 디자인할 수 있는 쉬운 방법을 제공합니다. 양말 구성기는 영어, 독일어, 폴란드어로 제공됩니다.
현재 이 프로젝트는 쿠폰 시스템, 채팅 통합, 사용자 계정 모듈, 스튜디오 비트맵, 새로운 3D 모델 추가 등 다른 기능을 구현하며 진행 중입니다.
갤러리 (Gallery)
고객 검토
"주문 설계가 쉽고, 양말 모양이 매우 좋고, 매핑이 매우 좋고, 프로젝트 시각적 개선과 고객 이해도가 좋습니다." 토마스 그로멜스키 CEO, SocksFactory