メインコンテンツへスキップ

3D 製品コンフィギュレーター – Simplio3D が e コマースを別のレベルに引き上げます

ケーススタディ: 3D で独自のクラフト カクテル ステーションをカスタマイズする

ケーススタディ

Krowne Metal Corporation は、ステンレス鋼アンダーバー装置の世界市場リーダーの 1 つです。

同社は、ユーザーが独自のバーを作成できる 3D 製品コンフィギュレーターを必要としていました。

クライアントの要件

プロジェクトの要件は 2 段階に分かれていました。最初の段階で、同社はユーザーが独自のバーを作成できるインタラクティブなプラットフォームを必要としていました。ユーザーが独自のバーを構成している間、製品構成者は、構成で使用される製品とオプション、価格計算、2D および 3D レンダリングを生成する機能、送信フォームを使用して顧客情報を収集する機能をリストする必要があります。製品カタログを管理する機能に加えて、もう 3 つの重要な要求は、XNUMXD 製品コンフィギュレーターを販売代理店と共有し、販売機会を収集するバックエンドでした。

第 2 段階では、ユーザーがアンダーバー プロジェクトを提出するときにドキュメントを生成する機能と、コンサルタントがアプリケーション内から CAD プロジェクトを簡単に作成できるように Revit と統合する機能が必要でした。アプリケーションの設計可能性がさらに広がり、他のタイプの関連製品もサポートされます。また、コンサルタントが潜在的な顧客に VR ヘッドセットを使用した没入型体験のオプションを提供する機会も求めていました。

解決策

私たちはクライアントの要件を綿密に分析し、Simplio3D SEL Platform からどのようなリソースを使用できるかを検討しました。事前に構築されたコンポーネントを使用すると、製品コンフィギュレーター、特に複雑になる製品コンフィギュレーターをより予算に優しいものにすることができます。

最初のステップでは、ユーザーがアンダーバーを設定中に 2D 技術図面と 3D レンダリングを表示できるように、2D と 3D の両方の視覚化ポートを有効にしました。 2D ビューポートは pixi.js を使用して画像を生成し、3D ビューポートは JavaScript プログラミング言語で構築されたthree.js と呼ばれる WebGL ベースのフレームワークを使用します。もう XNUMX つの重要なモジュールは、管理者が製品の技術要件に合わせていくつかの変更を加えた製品カタログを作成および管理できるバックエンドでした。バックエンドで、一意の iFrame ID を生成することで、製品コンフィギュレーターを他のディストリビューターと共有できるようにしました。 iFrame は HTML ベースのコードであり、コーディングの知識がなくても、Web サイト内の任意の場所にアプリケーションを埋め込むことができます。

第 3 段階では、より多くの機能を SEL プラットフォームから展開するか、最初から開発する必要があるため、すべてがより複雑になりました。アプリケーションを Web サービスに接続して Revit ソフトウェアに接続し、製品コンフィギュレータからの CAD ファイルを自動的に生成しました。注文に応じてファイルを生成し、クラウドに保存する機能。最後に、WebVR 拡張機能を有効にして、VR ヘッドセット所有者が XNUMXD モードから VR モードに切り替えられるようにしました。

結果

アンダーバー製品コンフィギュレーターは BarFlex3D として知られています。現在、BarFlex3D は、Krowne がビジネスにうまく統合された最新の製品コンフィギュレーターの完璧な例となる上で重要な役割を果たしています。

以前よりも多くの注文を完了し、返品率が低下し、顧客満足度が向上したことで、販売代理店や顧客からすぐに肯定的なフィードバックを得ました。完了した注文は、注文された製品の CAD 図面や 3D レンダリングを含む提案書の作成が迅速化されるため、より効率的に行われます。販売代理店からの質問や問い合わせが減少します。

バーチャル リアリティ機能は、ショールームの効率を向上させ、アンダーバーのボトルネックを回避するための重要なツールとなっています。

ギャラリー

クライアントレビュー

「完成したツールはビジネスの増加につながりました。見た目も素晴らしく、クライアントはサードパーティのディーラー、顧客、社内チームから驚異的なフィードバックを受けています。」
アンジェロ・サンタニエッロ
Krowne Metal Corporation の IT マネージャー