嫌味のない真っ直ぐな WebGL 表現がウェブサイトのトーンと一体となった LML Design Studio のウェブサイト
手が込んでいないということではない
今回ご紹介するのは LML Design Studio というスタジオのウェブサイトです。
屋号にスタジオとは入っていますが、実際には個人で活動している方のポートフォリオサイトという感じみたいです。
WebGL を随所に活用していてすごくかっこいいのですが、派手すぎないかんじですごくスマートです。またその温度感みたいなものが、サイトのトーンと見事にマッチしています。
リンク：
スクリーンショットで見ても伝わりにくい
今回のサイト、個人的にはすごくかっこいいなと感じますが、たぶん……
スクリーンショットで見てしまうと少しシンプルすぎるというか、地味に見えてしまうかもしれません。
でも実際に動いている様子を見るとすごくインタラクティブ性も高いですし、全然地味という感じではありません。
いや…… 別に地味には見えないかもしれないな、ってちょっと思いましたが、全体的に余白が広いシーンが多いので、それで地味に見えちゃうかもって思ってしまったのかもしれません。
スクロールに連動して 3D モデルが動くような場面もありますし、平面的なエフェクトを使って画像などを装飾している場面もあります。
デザインも実装も両方できる方みたいなので、こういうバランスの取り方ができるんでしょうね。
ここではスクリーンショットは掲載していませんが、事例の詳細ページなんかもすごく凝っているんですよね。
最初はクリックしないとシーンが遷移しないけど、ある瞬間からはスクロール操作が可能になる、みたいな操作方法に対するナビゲーションも上手にインターフェースを使って表現しています。
けして派手ではないけれど、自己主張はけっこうしっかりとされていておもしろいです。
これは一種の偏見なのかもしれませんが、中国の文化圏では龍ってやっぱり特別な存在なんでしょうね。
WebGL の事例で意匠として取り入れられているケースが結構多くあるように感じます。
今回のサイトの WebGL 実装はシンプルですがけして手が掛かっていないという感じでもなく、すごく丁寧に作り込まれている感じがします。
見せ方も斬新さと使いやすさの絶妙なところを狙っている感じがして、個人的にはすごく興味深く見ることができました。
ぜひチェックしてみてください。
