多彩な表現のなかにも通底するビジョンが見える Luke Baffait さんのポートフォリオサイト
不思議とごちゃついていない
今回ご紹介するのは Luke Baffait さんのポートフォリオサイトです。
Creative Developer として活動されている方のようで、今回のポートフォリオサイトもすごく凝った作りでクリエイティビティにあふれています。
すごくいろんな見せ方を使い分けていて、視覚的にもおもしろい仕掛けがたくさんあります。
リンク：
Luke Baffait, Creative Developer
空間的な余白感
今回のサイトでは WebGL をいろんなところで使っていますが、あまり同じような使われ方というのはされていなくて、それぞれの場面で違った表現がされています。
にもかかわらずチグハグな感じは全然しなくて個人的にはすごく不思議に感じます。
サイトの冒頭、キービジュアルの部分ではなんともいえないグラデーション模様がインタラクティブに動きます。
カーソルを動かすと結構ダイナミックに動くので、ぜひ実物を見てみてください。
この冒頭のキービジュアルで使われている背景の WebGL 実装は、他の下層ページでも背景要素として取り入れられているシーンがあったりします。
スクロール操作をしていくと、動画素材を使っている場所があったり、テキスト中心に表現されている場所があったり、本当にいろんな見せ方がなされていておもしろいですね。
WebGL を使っていない部分もすごく丁寧に作り込まれている感じがあって、かといってストレートな表現だけというわけでもなく、工夫が凝らされています。
わたしには明確に言語化することが難しいのですが、しっかりとした芯となるような思考や思想があって、それをブレさせることなく作られているからなんとなく統一感があるのかなという感じがします。
フォントの使い方とかも、とても凝っていますね。
個人的な感想になってしまいますが、今回のサイトって空間的な余白を上手に使っているような印象を受けました。
要は、ウェブサイトという一見すると平面にしかすぎないプラットフォームのなかに、立体的な空間の広がりや、それぞれの空間同士の隙間・余白みたいな部分がしっかり盛り込まれているんですよね。
だからこそスイスイと閲覧していても自然な流れで情報に触れることができ、体験自体が心地よいものになっているのだと思います。
ぜひチェックしてみてください。
