しっかりと個性を感じさせるルックで 3D シーンを構築した Loris Bukvic さんのポートフォリオ
エフェクトも派手でかっこいい
今回ご紹介するのは Loris Bukvic さんというデザイナーさんのポートフォリオサイトです。
ビジュアルにすごくこだわった作りで、その画作りにもどこか個性を感じさせるポートフォリオとなっています。
WebGL を用いた表現は派手さもあり、思わず視線が吸い寄せられるようなウェブサイトですね。
リンク：
ネオンのような輝き
今回のサイトの装飾・演出には、ネオンの光のような表現が用いられています。
正確にはネオンというより青色 LED の光、とかのほうが質感としては近いかもしれないですが、光の拡がる感じとかはどこかネオンっぽい雰囲気を持っているような気がします。
一番最初にそれを感じられるのは、ロードが完了したあとのイントロ演出だと思います。
まるで蝶の羽根のような背景と、手前に描画されるキーホルダーのようなキャラクターの 3D モデルが、青い光によって輝く様子が描かれます。
この上のスクリーンショットはまさにその瞬間をキャプチャしたものですが、一連のイントロアニメーションが終わったあとも、カーソルを動かすと青い光はインタラクティブに変化するようになっています。
すごく不思議な質感を持った演出で、見た目も美しいです。
works のページは URL は分かれていますが、リンクをクリックする操作を行った際には途切れることなくシームレスにページ遷移します。
この works ページもこだわった作りで、薄いガラスのようなオブジェクトが放射状に並ぶ独特なインターフェースになっています。
上のスクリーンショットはその様子をスクショしたものですが、ページ遷移時には青いネオンの光のようなエフェクトを伴う、専用のアニメーションが用意されていてこだわりを感じさせます。
フォントの選び方や、サイト内に使われている素材も独特な雰囲気があり、かといって過剰に散らかっている感じでもなく丁寧にまとめられています。
WebGL 実装としてはなかなか凝った質感のエフェクトが多くて、方向性がしっかりと頭の中にあったうえで実装されたものなのかなと感じました。
WebGL を使っていない部分も、なんというかあまり王道的ではない不思議な動きをする要素などがあって、ちょっと変わったポートフォリオサイトという感じになっています。
ぜひチェックしてみてください。
