コンテンツへ移動
導入事例に戻る
Apparelapparelsocksenterpriseecommerce

SocksFactory:3言語対応の3Dオリジナルソックスデザイン

SocksFactory·
SocksFactory:3言語対応の3Dオリジナルソックスデザイン

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と統合されました。

3Dでソックスをデザイン。
SocksFactory 3Dコンフィギュレーターでソックスのスタイルを選択
ソックスタイプとスタイルを選択します。
3Dでオリジナルソックスをデザイン
3Dでソックスをデザインします。
3Dコンフィギュレーターでソックスにパターンを適用
ニット部分に適用されたパターン。
ソックスラベル用カスタム2Dデザイン編集ツール
フェーズ2で追加された2D編集ツール。
3Dでパッケージとラベルをカスタマイズ
パッケージとラベルのオプション。
ソックスコンフィギュレーターのショッピングカート
StripeとPayPalを統合したカート。

成果

セルフサービスのソックスデザイン

お客様はウェブサイト上で、数回のクリックだけで自分だけのソックスをデザインできます。

3言語で利用可能

ソックスコンフィギュレーターは、英語、ドイツ語、ポーランド語に対応しています。

アプリ内で注文を完了

StripeおよびPayPalとの連携により、コンフィギュレーターを離れることなく注文を確定できるようになりました。

進化し続ける製品

本プロジェクトは、クーポンシステム、チャット連携、ユーザーアカウントモジュール、ビットマップスタジオ、追加の3Dモデルなど、さらなる機能の実装へと続きました。

お客様の声

注文を簡単にデザインでき、ソックスの形状やマッピングの品質も非常に優れています。プロジェクトのビジュアルが向上し、お客様の理解も深まりました。

Tomasz Gromelski最高経営責任者 · SocksFactory

現在、このようなプロジェクトに追加できる機能

2022年にはカスタム開発だった機能の多くが、現在は標準オプションブロックとして提供されています。Image Uploadでは顧客が独自のアートワークを提供でき、Design Canvasでは製品上での配置、拡大・縮小、回転が可能です。Pattern Designerでは、スケール、回転、オフセットを調整しながら繰り返しデザインを適用でき、Text Inputではフォントを選択してカスタムテキストを追加できます。異なる塗りつぶし色を含むSVGアートワークは自動検出されるため、各カラーチャンネルを実行時に変更できます。

さらに現在では、AIが製品説明からコンフィギュレーターの初期版を生成し、既存のものを監査することも可能です。また、MCPサーバーにより、AIアシスタントはスコープ設定されたトークンを使用してプロジェクトを確認し、ロジックを評価できます。これらはいずれも当初の構築には含まれていませんでした。

靴下やアパレルのコンフィギュレーターを構築していますか?

ゾーンカラー、パターン、アートワークのアップロード、パーソナライズされたテキストは、今や標準機能です。

3Dコマースを構築・導入し、スケールアップ。

3D製品コンフィギュレーターを活用して売上を伸ばし、Webサイトから直接見積もり提案を作成

関連する導入事例