WebGL 実装も含めてサイト全体に統一感のある演出や装飾が施された Bipsync のウェブサイト
随所に見られる WebGL
今回ご紹介するのは Bipsync という企業のウェブサイトです。
サイト内を見た感じ、どうやら投資に関連したサービスやソフトウェア開発を事業としている企業のようです。
当たり前といえば当たり前のことなのかもしれませんが、コーポレートサイト内に統一感のある演出や装飾が施されており、情報も丁寧に整理されている感じがします。
リンク：
Bipsync | Research management software for investment teams
派手さよりも安定感
今回のサイトの WebGL 実装は、あまり派手さに特化したタイプではありません。
どちらかというと、雰囲気を醸成するための足回りとして 3D 表現が入っているような感じで、けして脇役というわけじゃないのですがそこまで主張の強いビジュアルにはなっていません。
とは言え、カーソルの動きに反応するようなインタラクティブ性もあり、非常に丁寧な実装だと思いました。
サイト内のいろんな場面で六角形がでてくるのですが、これってなにか金融や投資のメタファーとしての形状なんですかね？
トップページはまさに、この六角形を組み合わせた 3D 表現になっていて、スクリーンショットは撮っていないのですが、イントロで最初にこの六角柱がズラッと出てくる演出はそこそこ派手さもあってインパクトがあります。
トップページのシーンではカーソルを動かすと視線がわずかに反応するだけでなく、六角形の色や光り方が変化したりもします。
数年前ならいざ知らず、いまであれば CSS でもがんばればできてしまいそうな表現も、丁寧に WebGL で作られています。
けして派手ではないですが、しっかりと 3DCG としての印象づくりに気が配られている感じがあり、納得感が強いです。
企業のロゴが六角形のシルエットなので、それを発展させてサイト全体のデザインやインターフェースが構築されているのかもしれませんね。
WebGL って現代のウェブではもう当たり前のものなので、無駄に主張をさせる必要がないというか……
WebGL そのものを特別なものとみなすのではなく、ウェブサイトの構成要素の１つとして自然に落とし込む傾向が近年では強いと感じます。
今回のサイトも無理に 3D 化で賑やかそうとするのではなく、なにか文脈や意図があってだからこそ 3D にして見せているという印象が強く、それゆえにすごく丁寧に作り込まれているように個人的には感じました。
こういう事例はすごく派手っていう感じではないですが、見ごたえがあるなと感じます。
ぜひチェックしてみてください。
