サブカルチャー事業部

- URL
- https://subculture.makery.co.jp/
- Overview
- 自社新規事業部のスペシャルサイト。WebGLを用いた3D表現を組み込みつつも、ユーザー操作を阻害しないスムーズな体験を実装しました。
- Client
- 自社プロジェクト
- Role
- PM
- 石黒 雄介, 田中 睦翔
- Design, Develop
- 伊藤 悠太
コンセプト
経営層に何度もヒアリングをかけて話合い、既存のサブカルチャーをテクノロジーによって生まれ変わるコンテンツを制作していきたい、という事業部の方向を導きました。
デザイン

サブカルチャーをDNAの塩基配列と見立てて、コンセプトの「生まれ変わる」をパーティクルの再構築で視覚的に伝えようとしました。
実装
threejsを用いてカメラワークやパーティクルの動きを制御しました。また、WebGLの空間の距離をDOMのサイズに合わせて、パーティクルとDOMを組み合わせたレイアウトのレスポンシブ対応もしています。
案件のご相談など、お気軽にご連絡ください。
お問い合わせをする