あらゆる技術をトリッキーかつポップに使いこなす ikeryou さんの devdev Inc. がウェブサイトをリニューアル
楽しいギミックが満載
今回ご紹介するのは、devdev Inc. のコーポレートサイトです。
こちらは @ikeryou さんが代表を務めてらっしゃる法人のウェブサイトで、今回はリニューアルされたということだったので、ご紹介しようと思います。
WebGL を始めとした様々な技術を組み合わせた、ギミック満載の楽しいウェブサイトとなっています。
リンク：
どうやって作っているのか想像が難しいものも
今回のサイトでは、WebGL はもちろんあらゆるテクニックを上手に活用しながら多彩な表現が行われています。
わかりやすくグラフィックス的にド派手なものもありますし、インタラクティブ性を重視した、ユーザーのアクションに応じた演出なんかもたくさん用意されています。
それらをすべて見つけるつもりで見ているだけでも目が回るようなおもしろさです。
ページの冒頭にあるキービジュアルは、たくさんのサークルが重なり合うようにして流れて爆ぜる、個性的な一品。
色使いも結構大胆に構成されているので、圧倒的な迫力です。
疾走するようなスピード感も素晴らしく、キービジュアルとしてこれ以上ないくらいにしっかりと主張してくれます。
よく見ると、画面の右上部分に赤から緑にグラデーションしている部分があると思うのですが、これはスクロールバーですね。
スクロール操作を行うと、スクロールバーがまるで尺取り虫のような感じで波打ったりして、こういう細かいところにもしっかりと演出が盛り込まれています。
一見するとただテキストが配置されているだけのように見える場所でも、テキストを選択してみると驚くような変化を見ることができたり、とにかくおもしろい要素がそこらじゅうに散りばめられています。
黒い背景にビビッドな色使いですごく個性的なセンスも感じることができますよね。
ぜひサイト内のいろいろな部分にカーソルを動かして探ってみましょう。
ikeryou さんと言えば、Twitter 上でたくさんのスケッチを公開していることでも有名です。
定期的にスケッチを作っては、アイデアを形にすることを日常的に意識されている方ということもあって、今回のサイトにもそのエッセンスが惜しむこと無く注ぎ込まれています。
WebGL では表現できないような、ウェブのインタラクティブコンテンツならではのアイデアもたくさん実装されています。
ぜひチェックしてみてください。
