サブカルチャー事業部

自社新規事業部のスペシャルサイト。
WebGLを用いた3D表現を組み込みつつも、ユーザー操作を阻害しないスムーズな体験を実装しました。

コンセプト
経営層に何度もヒアリングをかけて話合い、既存のサブカルチャーをテクノロジーによって生まれ変わるコンテンツを制作していきたい、という事業部の方向を導きました。

デザイン
サブカルチャーをDNAの塩基配列と見立てて、コンセプトの「生まれ変わる」をパーティクルの再構築で視覚的に伝えようとしました。

実装
three.jsを用いてカメラワークやパーティクルの動きを制御しました。また、WebGLの空間の距離をDOMのサイズに合わせて、パーティクルとDOMを組み合わせたレイアウトのレスポンシブ対応もしています。