<新サービス>3D表現や、アニメーションを組み込んだWebサイト制作“3D web site”サービス開始のお知らせ

株式会社エーリンクサービス(本社:福井県鯖江市吉谷町16-52-1)は、この度、CG、WebGL技術を使い、一般的Web制作技術では表現できない、3D表現や、アニメーションを組み込んだWebサイトの制作を行う、“3D web site”サービス提供を開始いたします。 デザイン的に、個性、インパクトのある表現が可能になるだけでなく、実用面においても、従来のWeb技術では伝達できないようなことも表現できるなど、Webサイトを使ったプレゼンテーションの幅を大きく広げることができます。
URL:https://www.mogadigi.jp/3d-website/

画像1

■WebGLとは
WebGLとは、Webブラウザで3DCG(3次元コンピュータグラフィックス)を、あらゆる方向、距離から自由に閲覧できる技術仕様の1つです。特別なアプリのインストールは必要なく、どなたでもWebブラウザで閲覧可能です。当社のWebGLは世界トップレベルのWebGLプラットフォームを目指して開発しています。この技術は、社内で先行開発していたシミュレーターにも活用されています。色や素材の変更、異なる形状パーツへの変更、アニメーションも可能です。そして現在も技術は日々進歩していますので、引き続き、新しい技術導入、開発を進めています。

■WebGLを採用するメリット
1) 集客力の向上
WebGLの強みはユーザーからの反応ないし介入を促すことにあります。ただ見せるだけのサイト作成はユーザーを受け身にしますが、WebGLを採用することで、ブラウザ上に擬似的なインタラクションを発生させることができます。鑑賞型アトラクションと体験型アトラクションとの違いのように、WebGLによって作成されたサイトは後者に該当しますが、前者に比べてはるかに強い没入感をユーザーに与えるため、より深くユーザーをサイトに引き込み、より強力な訴求力を発揮します。
2) 初期コストの削減
WebGLがプラグインを必要としない、ブラウザに搭載された標準仕様であるため、
特別なソフトウェアを導入する必要がなく、手間も経費も軽減することができます。
3) 効率性の高さ
現在ほとんどすべてのブラウザがWebGLに対応しているため、1回の作業で、すべてのブラウザに対応したサイトを作成することができ、その作業効率は極めて高いこととなります。

<制作事例>
▼BRIDAL RINGのデモページ
https://www.mogadigi.jp/3d-website/demo/bridal.html
画像2

リングはテクスチャで影をつけることにより、光沢があるように見せています。
カーソルが通った場所に波を起こし、幻想的な空間を表現しています。

▼LOLLIPOP CANDYのデモページ
https://www.mogadigi.jp/3d-website/demo/candy.html#1
画像3

上下にスクロールすると、WebGL内のカメラを移動させて、次のCANDYを表示します。

▼Web制作会社のデモページ
https://www.mogadigi.jp/3d-website/demo/company.html
画像4

「Good!」はコーディングによって3Dオブジェクトにしています。スクロールで拡大縮小、ドラッグで回転、右ドラッグで移動します。

▼ギャラリーサイトのデモページ
https://www.mogadigi.jp/3d-website/demo/art_gallery.html
画像5

「VIEW」ボタンでWebGL内のカメラアングルを変えています。色々な角度から見てほしいという気持ちを表現しています。

■会社説明
2009年バッグ等販促品製造販売業として創業。2019年年商約11億円まで拡大する。販促用バッグのネット販売業では 、日本シェアNo.1を誇る。 2018年、『マスカスタマイゼーションの実現』をミッションに設定。課題である顧客コミュニケーションの効率化実現 のため、Webデザインシステム(現在の3D painter)の開発を開始。一方で、多品種少量生産、短納期の実現のために、マイクロファクトリー化に取り組む。2020年8月には、マスカスタマイゼーション実現のための拠点として、MOGANA base(新社屋)を 開設。1Fではマイクロファクトリー化、2Fは、デジタルコミュニケーションシステムの開発を進めている。製造、ネット販売、システム開発を同時に行う、マルチな企業。

▼バッグ販売事業 「トートバッグ工房」販売サイトはこちら https://www.totebag.jp/
▼デジタル事業 「MogaDigi」サービスサイトはこちら https://www.mogadigi.jp/
▼企業サイトはこちら https://www.a-linkservices.com/

■会社概要

[表: https://prtimes.jp/data/corp/65340/table/16_1_a2ac7c64a780940a472bca28b6a038e1.jpg ]

リリース詳細
提供元: PR TIMES