ニッコー株式会社様のバスルームブランド「BAINCOUTURE」のウェブサイトをリニューアルいたしました。

https://3d-simulator.com/?uid=comany&n=1&s=067067067067068004011

Xis-Frameとは
オフィスなどに自由に「空間」を設置できる製品。
基本となるフレーム間に、オプションパーツを自由に組み合わせられ、また、カラーや素材も自由に選べる製品になっています。

3Dパーツ制作し「だれでもシミュレータ」で構築
その組み合わせを自由に行えるシミュレータをAgWORKSで制作しました。
シミュレータに使う3Dパーツを弊社で制作、製品の各部位のカラーやオプションパーツが自由に選べるシミュレータシステムには「だれでもシミュレータ」を使用しています。

自由に組み合わせた結果をそのままAR表示、スマホVRでもご覧いただけます。

スマホVRでも表示できます。

Xis-Frameについてくわしくはこちらから

コミュニケーションプレイス Xis-Frame
https://www.comany.co.jp/products/lineup/xis-frame/

今回は「データベースを使わない事例・実績一覧開発」のお話しです。

ウェブのコンテンツで企業やサービスの信頼度を上げるのに不可欠な実績・事例集。
キーワードやカテゴリで絞り込み表示させたいですよね。
そんな時、WP等CMSやデータベースが必要では？
その様に考える事が多くあるのではないでしょうか。

事例が日々追加され、更新される様なケースでなければCMS開発、DB開発を行わず、フロント側だけの開発で済んでしまうケースもあります。

例えば、株式会社正興電機製作所様の
SILF施工事例
https://www.silf.jp/case/

こちらではDB開発やCMS未導入で「カテゴリー」「事例」で絞り込み検索が可能になっています。

CMS開発やDB開発の場合、開発時の設計や仕様策定に工数がかかり、コスト面でバランスが悪くなるケースもあります。
まずサクッと、こう言った事例・実績コンテンツを作りたい場合は、フロント側の開発のみで実装するのも良いのではないでしょうか。

ーーーーーーーーーーーーーーーーーーーー

AgWORKSではこの様なコンテンツの開発を行なっております。
ご依頼・ご相談はこちらのフォームよりお問合せください。

BAINCOUTUREのWebサイトに、浴室を自由にコーディネートできる3Dシミュレータを開発しました。

浴槽を選び、タイルを選び、パーツを選ぶ。
さまざまな組み合わせを試しながら、完成した浴室を3Dで確認できます。

写真やカタログを見るだけではなく、実際に商品を組み合わせながら、自分好みの浴室をつくっていけるWebコンテンツです。

Webサイトの中で、浴室をつくる

BAINCOUTUREでは、浴槽やタイル、パーツなど、さまざまな要素を組み合わせて浴室をコーディネートできます。

そこで、商品の組み合わせをWeb上で実際に試せる3Dシミュレータを開発しました。

浴槽を選ぶ。
タイルを選ぶ。
パーツを選ぶ。

選んだ内容が3D空間に反映され、その場で完成イメージを確認できます。

背景を変えたり、視点を切り替えたりしながら、さまざまな角度から浴室を見ることもできます。

3Dだから、完成した空間をイメージできる

浴室のように、複数の商品や素材を組み合わせて完成するものは、単体の商品写真だけでは全体のイメージを伝えることが難しくなります。

3Dシミュレータなら、浴槽、タイル、パーツなどを組み合わせた状態を、その場で確認できます。

視点を変えて浴室を見ることもできるため、正面からだけでは分からない空間の印象まで確認できます。

「この浴槽に、このタイルを合わせたらどうなる？」

そんな疑問を、Webサイトの中で実際に試せるようにしました。

「試して終わり」にしない

このシミュレータは、3Dで浴室をつくって終わりではありません。

気に入った組み合わせは画像として保存でき、組み合わせをコードで共有することもできます。

さらに、シミュレーション結果から見積もりを依頼することも可能です。

「選ぶ」から「試す」、そして「問い合わせる」まで。

3Dコンテンツを単独で置くのではなく、商品を検討するためのWebサイトとして活用できるようにしています。

BAINCOUTURE 3Dシミュレータでできること

• 浴槽、タイル、パーツなどの組み合わせ
• 背景の切り替え
• 3D空間の視点変更
• 浴室全体・浴槽単体など表示方法の切り替え
• シミュレーション結果の画像保存
• 組み合わせのコード共有
• 組み合わせ一覧の確認
• シミュレーション結果からの見積もり依頼
• SNSシェア

AgWORKSが開発

BAINCOUTUREのWebサイトに組み込む3Dシミュレータとして、WebGLを用いた3D表示・操作システムを開発しました。

3Dモデルを表示するだけではなく、商品の組み合わせ、表示切り替え、画像保存、共有、見積もり依頼まで、シミュレーション結果をその後のWeb上の行動につなげる仕組みを構築しています。

WebGLを使った3Dコンテンツは、大規模なバーチャル空間だけではありません。

商品の見せ方を変えたり、Webサイトの中に「選ぶ」「試す」という体験を加えたり。

AgWORKSでは、目的に合わせてWebサイトの一部分に3Dを組み込む開発にも対応しています。

ニッコー株式会社様のバスルームブランド「BAINCOUTURE」のウェブサイトを制作いたしました。