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アシスタントはスコープ設定されたトークンを使用してプロジェクトを確認し、ロジックを評価できます。これらはいずれも当初の構築には含まれていませんでした。
関連する導入事例

Fill it Forward:ERPと連携した3Dウォーターボトルビルダー
Fill it Forwardは、顧客が再利用可能なウォーターボトルをオンラインでパーソナライズし、完成した注文を既存のERPへ連携できる仕組みを求めていました。ProアカウントとオープンなAPIにより、その両方を実現しました。

Thermogreen:Mendix連携のガラス屋根テラスコンフィギュレーター、価格はMendixから取得
Thermogreen AGは、顧客がガラス屋根テラスを設計する際にMendix ERPからリアルタイムで価格を取得できるコンフィギュレーターと、営業スタッフが現地で見積もりを作成するための第2のインターフェースを必要としていました。

Morph Creator:8種類のブリックで、あらゆるものを構築
Morph Bricksは、顧客が8種類のブリックを使って壁、会議室、段状座席を構築し、提出したデザインのPDF組み立て説明書を受け取れるコンフィギュレーターを必要としていました。
