ランダムとブロック状のディストーションが絶妙に組み合わされた Mees Verberne さんのポートフォリオ
完成度の高さが光る
今回ご紹介するのは、フリーランスのクリエイティブ・デベロッパーである Mees Verberne さんのポートフォリオサイトです。
デザインから実装までトータルで手掛けることがタイプの開発者さんなのかなと想像しますが、とにかく完成度の高い、非の打ち所のなさを感じるウェブサイトとなっています。
ブロック状のエフェクトを随所に盛り込みつつ、それが嫌味を感じさせることなく見事な統一感を持って描かれています。
リンク：
Mees Verberne - Creative Developer
どこを見ても驚きの連続
今回のサイトでは、ブロック状に空間を区切った演出が多く使われています。
モザイク、というのとも違って、本当にいろんな意味で矩形を上手に演出やデザインに盛り込んでいます。
トップページがまず表示される際の演出にもそれが見られますし、WebGL を駆使した演出にも、やはりブロック状の UV ずらしエフェクトが用いられています。
背景の模様もブロック状ですし、カーソルとのインタラクションエフェクトもブロック状、さらには画像が表示される際のエフェクトにも同様の文脈が見られます。
画像が表示される際のエフェクトは、点々とブロックが現れ徐々にイメージ全体が鮮明になっていくような雰囲気でこれもなんとも言えないかっこいいエフェクトになっていますね。
こういった、同じ文脈を維持したままで破綻なく複数の演出を盛り込む技量というのは、いったいどうやったら培われるんでしょうね…… 本当にすごいです。
同じ文脈なのに、それぞれ微妙に演出のやり方が異なっており、スクロールするたびに新鮮な驚きがあっておもしろいです。
ここではスクリーンショットを撮っていないのですが、なにかしらのリンクをクリックしてページが遷移する際のエフェクトにもやっぱりブロック状のノイズを利用したエフェクトが用いられており、本当に徹底して世界観が作り込まれています。
サイト全体の色彩やエフェクトのスピード感にもどこか一定のトーンが通底していて、心地よい空気感を作り出しています。
これは完全に個人的な感想でしかないのですが……
世の中には数え切れないほどのポートフォリオサイトやコーポレートサイトがありますけれども、ときどき、なんか完全に別世界というか、異次元の水準に到達してしまっているウェブサイトってあるよな～ と感じることがあります。
今回のサイトは特に 3D 的なことをしているわけではないですし、人によっては、絶えず背景がゆっくりと明滅しているのがうるさく感じたりとかいろいろ思うところはあるかもしれません。
しかしこれほど見事に世界観が作り込まれていると、なにを言っても無粋に聞こえてしまいそうで無言で唸ることになってしまいますね……
本当に素晴らしい完成度だなと個人的には感じました。
ぜひチェックしてみてください。