業務内容
ECサイトなどの通販において、購入者にとっての最も高いハードルの一つに、商品を実際に見たり手に取ったりできないこと、という点があります。
さらに、セミオーダーなどの製品の場合、実際の完成品をイメージできるかどうかは、購入動機における重要なポイントとなります。
これは一般的に「製品コンフィギュレーター」などと呼ばれているもので、ユーザーが商品を注文する際に、希望する色やオプションなどを指定し、それに基づいて画面上で仮想的に完成品を再現する＝シミュレートするシステムです。
ここでご紹介するのは、Webページ上に構築するタイプです。
よくある製品コンフィギュレーターとしては、下記のようなプロトタイプの形があります。
※お手数ですが、URLをコピーしてブラウザのアドレスバーに貼り付けてください（以下同）
http://35.233.214.185/wk/d/lpih0uKPhc/conf_2d/
実際に動作します。色やオプションを変更したりなど、いろいろ試してみてください。
なお、「カートに入れる」ボタンはイメージ用です（機能しません）。
上記は写真（合成写真）すなわち2D画像を表示させ、画面上で部分的にエフェクトをかけています。つまり、様々な色などの写真を用意する必要はありません。
下記のような、3Dアニメーションを用いた製品コンフィギュレーターも実装可能です。「名入れ」に対応したタイプです。
http://35.233.214.185/wk/d/lpih0uKPhc/conf_3d/
実際に動作します。マウスでドラッグしたり、色やテキストを変更したりなど、いろいろ試してみてください。
「見る・触る」をバーチャルで体験するシステムにより、その問題を少しでも軽減、そしてUX（ユーザー体験）の向上が期待できます。
上記は「WebGL」という技術を用いて描画しています。
写真などの代わりに、3Dモデル（オブジェクト＝表示させる物体の、3D座標などを含むデータ）を使用します。
また、下記のような、イラストやロゴやテキストなどを製品上に配置する、といった製品コンフィギュレーターもあります。
http://35.233.214.185/wk/d/lpih0uKPhc/conf_layout/
実際に動作します。イラストやテキストをマウスでドラッグしたり、回転させたり、テキストやフォントを変更したりなど、いろいろ試してみてください。
上記はTシャツの例ですが、アパレル以外でも、のぼり旗や横断幕、うちわや革製品などの小物、板面にプリントする家具など、様々な応用例があります。
これらのシステムは、製品紹介ページ、たとえば、ガジェット・家電・家具やアパレル・雑貨などのECサイトやランディングページのWebデザインにおいても、組み込みコンテンツとして追加することも可能です。
参考：シンプルに3Dアニメーションで製品を紹介するするシステムもあります。
https://www.lancers.jp/menu/detail/1292731
もしご興味お持ちでしたら、お気軽にご相談いただければ幸甚と存じます。
※ここに提示されておりますプランにつきましては、あくまでも目安とお考え下さい。
- 業務
- サイト制作・構築
基本料金
実績・評価
26 件
満足
0
残念
出品者
1時間前
Webアプリ・2D/3Dアニメーション・業務システム・AIシステムなど、職業エンジニアが承ります
-
26 件 満足0 残念
- ブロンズ
- 個人
第二種情報処理国家資格を取得しシステム開発会社に勤め、フリーランスに転向後は主に小規模システムの設計・開発などをしてまいりました。
Web 系システム、個人向けツール、ライブラリなどを設計・開発しています。
● 写真から顔を検出したり物体を切り出すなど、AIによる画像解析（CV）ツールや、顔写真のヘアスタイルを合成したり、メイクや服装をシミュレーションする生成AIシステム
● WebGL による 2D / 3D グラフィック（PixiJS、Three.js、Babylon.js などのライブラリベースのシステム）や VR、SVG によるアニメーションやインタラクティブ要素などを実装する Web ページ
● 革製品、アパレル・小物、家電などのオプションや色、Tシャツのプリントのデザインなどを画面上で再現する、製品コンフィグレータやカラーシミュレーター
● フローチャートやツリー構造エディタ、カラーピッカー、3D ビューなど、オリジナルの UI
● AIによる音声認識や自動文字起こしなど、ディープラーニング（機械学習）システム
● ブログなどの記事を比較したり、類似記事（おすすめリンクなど）を抽出するなど、AI・NLP システム
● 特別なルールに従いファイルを操作するなど、デスクトップアプリ
● 機械的に画像を大量に生成するなど、バッチ（一括処理）プログラム
● 指定された URL の指定された箇所のテキストや画像を取得するなど、Web スクレイピングツール
● 指定されたキーワードとその同義語・類義語を探す、シソーラス検索エンジン
● 指定されたテキストボックスに指定されたデータを入力して、指定されたボタンをクリックするなど、RPA（業務の自動化）
● PDF解析や特定の情報を指定された形式に整形したり、PDFや特殊なフォーマットのファイルに保存するなど、変換プログラム
● フロントエンド（GUI）の設計・開発
● パッケージアプリ
● Web アプリ
クライアントソフトウェアは Windows 系や Java、C 系、スクリプト言語フレームワーク（Node.js や Electron など）、サーバーソフトウェアは Java、PHP、Perl、JavaScript（Node.js）、Go、Ruby、Python といった言語やフレームワークでの開発が多いです。
注文時のお願い
ケースごとに作業の内容や量が大きく異なります。プランの内容や料金は目安とお考えいただき、個別にご相談いただければと思います。
