ローディング中のアニメーションからしてかっこいい！ Telkom-OT のウェブサイトがおもしろい
エッジの利いたスタイリング
今回ご紹介するのは Telkom-OT という企業のウェブサイトです。
おそらく、いわゆる工業製品を製造する企業なのだと思うのですが、機械を扱うメーカーらしい、直線的なデザインが非常にかっこいいウェブサイトです。
WebGL の使われ方としてはオーソドックスですが、サイトの雰囲気を見事に底上げしていると思います。
リンク：
Aluminum injection molding tools manufacturing | Telkom-OT d.o.o.
WebGL 以外の部分もかっこいい
今回のサイトの WebGL 実装は、主に 3D 表現としての役割で用いられます。
最近の WebGL の事例だと、2D エフェクト的に画像を処理するような実装例も多く見かけますが、純粋に 3D だけの用途で用いられている感じですね。
金属のような質感と、機械の重厚な雰囲気を表現したかった、ということなのかもしれません。
この記事のタイトルに「ローディング中のアニメーションからしてかっこいい」と入れたのですが、この上のスクリーンショットがまさにそのローディングの最中の様子です。
機械のシルエットが徐々に明らかになっていく、という感じの建付けですごく雰囲気があります。
ロードが完全に終わってページが表示されると、そこで初めて 3D の CG シーンが出てくるのですが、ローディング中の演出もあってすごく一貫性のある演出のように目に映りますね。
表示される 3D モデルは、個人的な印象ではかなり軽量化に気を配ったもののように見えます。
ポリゴン数を削減し、できるだけ軽量に動かしたいという意図があったのだと思いますが、表面の質感にはテクスチャが大きく寄与している感じがします。
ただ、別のセクションで表示される機械部品みたいな 3D モデルの方は、テクスチャというよりはシェーディングに工夫が凝らされているような感じもあり、若干雰囲気が違っていますね。
そういう視点で観察してみてもおもしろいかもしれません。
今回のサイトは工業製品という比較的カッチリとしたイメージの製品を扱う企業ということもあり、ポップな感じというよりはスマートでかっこいい印象が強く出たスタイリングがされていると感じます。
WebGL の 3D モデルの質感やシルエットもかなり直線的な感じの印象が強いですが、どこまで狙ってやっているのかはわかりません。
ただ、サイト全体の質感と WebGL による 3D 表現が同じ温度感で統一されているなという感じがして、すごくレベルが高いなと思いました。
ぜひチェックしてみてください。
リンク：
Aluminum injection molding tools manufacturing | Telkom-OT d.o.o.
