SocksFactoryは、1998年からニット業界で事業を展開するポーランドの工場です。国際的なブランド向けの製造に加え、卸売、イベント、マーケティングキャンペーン向けのソックスを生産しています。
新しいウェブサイトには、3つの市場で利用でき、顧客が独自のデザインを持ち込める3Dソックスコンフィギュレーターが必要でした。
クライアントが必要としていたもの
タイプ、サイズ、素材カラー
お客様はソックスのタイプとサイズを選択し、利用可能な素材カタログからカラーを選べる必要がありました。
テンプレートへのお客様デザイン
購入者はテンプレートを使ってオリジナルのソックスデザインをアップロードし、固有のURLでプロジェクトを共有できる必要がありました。
3言語対応
3か国で使用されるため、コンフィギュレーターには多言語対応が必要でした。
アカウントと注文履歴
第2フェーズでは、ユーザーがプロジェクトを保存し、注文履歴を確認できるように、GmailおよびFacebookでのサインインに対応したログインモジュールが必要でした。
アプリ内の2Dデザインツール
第2フェーズでは、ユーザーがコンフィギュレーター内で直接ソックスをデザインできるよう、2Dテンプレート編集ツールも求められました。
カート、パッケージ、ラベル
ショッピングカートシステムに加え、パッケージやラベルのオプション、左右のソックスを切り替える機能。
ソリューション
クライアントはEnterpriseプランを選択しました。カスタムフロントエンドは、社内ですでに用意されていた3Dビューポートとそのプリセットを活用して迅速に構築されました。固有のURLリンクによるプロジェクト共有にはFirebaseを実装し、顧客のアートワークは3DモデルへのUVマッピングによってソックスに適用されました。ソックスプロジェクトを送信すると、Twilio APIを通じてメールが送信されます。
第2フェーズでは、JavaScript canvas 2Dライブラリを追加し、ユーザーが3Dコンフィギュレーター内でソックスのテンプレートやラベルを直接編集できるようにしました。画像のアップロード、トリミング、ドラッグ、回転、テキストや基本図形の追加に対応しています。コンフィギュレーターは、注文を確定するためにStripeとPayPalと統合されました。
コンフィギュレーター






成果
セルフサービスのソックスデザイン
お客様はウェブサイト上で、数回のクリックだけで自分だけのソックスをデザインできます。
3言語で利用可能
ソックスコンフィギュレーターは、英語、ドイツ語、ポーランド語に対応しています。
アプリ内で注文を完了
StripeおよびPayPalとの連携により、コンフィギュレーターを離れることなく注文を確定できるようになりました。
進化し続ける製品
本プロジェクトは、クーポンシステム、チャット連携、ユーザーアカウントモジュール、ビットマップスタジオ、追加の3Dモデルなど、さらなる機能の実装へと続きました。
お客様の声
注文を簡単にデザインでき、ソックスの形状やマッピングの品質も非常に優れています。プロジェクトのビジュアルが向上し、お客様の理解も深まりました。
現在、このようなプロジェクトに追加できる機能
2022年にはカスタム開発だった機能の多くが、現在は標準オプションブロックとして提供されています。Image Uploadでは顧客が独自のアートワークを提供でき、Design Canvasでは製品上での配置、拡大・縮小、回転が可能です。Pattern Designerでは、スケール、回転、オフセットを調整しながら繰り返しデザインを適用でき、Text Inputではフォントを選択してカスタムテキストを追加できます。異なる塗りつぶし色を含むSVGアートワークは自動検出されるため、各カラーチャンネルを実行時に変更できます。
さらに現在では、AIが製品説明からコンフィギュレーターの初期版を生成し、既存のものを監査することも可能です。また、MCPサーバーにより、AIアシスタントはスコープ設定されたトークンを使用してプロジェクトを確認し、ロジックを評価できます。これらはいずれも当初の構築には含まれていませんでした。
関連する導入事例

Fanbedarf.de:ファンクラブ向けトラックトップ用3Dジャケットコンフィギュレーター
ニュルンベルクのクラブウェア工房Fanbedarf.deは、3Dジャケットコンフィギュレーターを導入しました。4種類のトラックトップモデル、ジャケットの各パーツに対応する17色の生地カラー、そして拘束力のないお問い合わせ機能を提供しています。

Fell & Frame:WooCommerce向けに自社開発した木製窓コンフィギュレーター
カーライルの建具メーカーFell & Frameは、Simplio3Dで独自の木製窓コンフィギュレーターを構築しました。購入者は6種類の開き窓をミリ単位でサイズ指定し、WooCommerceのカートに追加できます。

Zdesk:WooCommerce に組み込まれた3Dオフィス家具コンフィギュレーター
ヴロツワフのオフィス家具メーカーであるZdeskは、Simplio3D プラグインを使用して、WooCommerce ストアに7つの3Dコンフィギュレーターを導入しました。購入者はサイズ、装飾、金具を設定し、価格を確認してカートに追加できます。
