サブカルチャー事業部

Webサイト
  • URL
    https://subculture.makery.co.jp/
  • Overview
    自社新規事業部のスペシャルサイト。WebGLを用いた3D表現を組み込みつつも、ユーザー操作を阻害しないスムーズな体験を実装しました。
  • Client
    自社プロジェクト
  • Role
    • PM
      石黒 雄介, 田中 睦翔
    • Design, Develop
      伊藤 悠太

コンセプト

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

デザイン

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

実装

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

案件のご相談など、お気軽にご連絡ください。

お問い合わせをする