ボロノイ図を利用した演出が個性的なスタイリングに融合した Collectif Parcelles のウェブサイト
すごく……かっこいいです
今回ご紹介するのは Collectif Parcelles というスタジオのウェブサイトです。
いわゆるウェブ制作を行っているクリエイティブチームだと思うのですが、今回のサイトのデザインも一風変わった感じですごくかっこいいですね。
WebGL の実装も他では見たことがない感じで個人的にちょっと興奮しました。
リンク：
Collectif Parcelles | Pour un web créatif, éco-responsable et accessible
ボロノイ図の表現を活用したビジュアル
前提として、今回のサイトのデザインってちょっと変わった部分はあるけども全体としては落ち着いたトーンになっていると思うんですよね。
ただその中にボロノイ図を用いた演出がほどよくマッチしていて、ちゃんと尖った部分も内包している感じがすごくいいです。
ボロノイ図を使ってこんなふうに見せられるというのは、なんともおもしろいアイデアでちょっと真似してみたくなります。
静止画で見ても、どうにもなにが起こってるのかわかりませんね……
これ実際に動いている様子は本当にかっこいいので、ぜひ実際にサイトを訪れて見てみてほしいところです。
ボロノイ図自体は、結構シンプルなアルゴリズムで描画できる一種のグラフィックですが、それをこういった形で演出に盛り込んでいるというのがおもしろいです。
ほとんど見えないと思いますが、サイト内のあらゆるシーンでボロノイ図の表現が用いられています。
上のスクリーンショットをよーく見ると、画面の左側余白部分に謎の多角形みたいなラインが描かれているのですがわかりますかね？ これも、実際にサイトで動く様子を見ればなにが起こってるのかすぐにわかると思います。
他にも、テキストがボロノイ図っぽい感じでフェードイン・アウトするような演出があったりして、とにかく変わった表現が多くて見ているだけでワクワクします。
今回のサイトでは、演出をオフにすることができる仕組みが用意されていたり、ユーザービリティをしっかりと意識した作り込みがされていて本当にレベルが高いと感じます。
WebGL の表現も少し変わった質感で、他のサイトではあまり見ることのない実装を使っているところがサイト全体のスタイリングともいい意味でマッチしていると思います。
こういうかっこいいデザインが考えられるのって、本当に羨ましいですね……
ぜひチェックしてみてください。
リンク：
Collectif Parcelles | Pour un web créatif, éco-responsable et accessible
