
Why Zero
大学の代替を掲げるZeroのマニフェストサイト。折り紙のように畳まれる登録フォームとゲーム的な地図まで作り込む。
- クレジット
- Sindhur Dutta / Zero
- 使用技術
- Three.jsGSAPBlenderシェーダサウンドスクロール連動
Zero University(Zero)は大学の代替を掲げる教育スタートアップで、実務プロジェクトと採用を直結させたAIネイティブな学習プログラムを提供しています。why.zero.university はその主張を説明するためのマニフェストサイトで、既存の教育が壊れているという問題提起から、Zeroの仕組み、ウェイトリスト登録までを1本の体験として見せます。デザインは Sindhur Dutta。
Awwwards の技術タグは GSAP / Three.js / Blender。ページのアンロック演出、レスポンシブなテキストスプライト、シェーダを使ったインタラクション、ゲームのような操作系を持つインタラクティブマップ、折り紙のように畳まれるウェイトリストフォームなど、要素ごとに個別の仕掛けが用意されています。サウンドとジェスチャ操作も含みます。
【参考になるポイント】
・テキストをスプライトとして扱っている点。DOMのテキストではなくWebGL側に文字を持ち込むと、シェーダで一括して歪ませたりフィルタをかけたりできる
・ウェイトリストのフォームという実利的なコンバージョン地点に、折り紙アニメーションという最も手の込んだ演出を置いている
・og:image は assets/brand/og_image.jpg という整理されたディレクトリに置かれており、ブランドアセットの管理が効いている
・コミュニティ平均 9.06/10 で、バッチの一覧では Honorable Mention(2026年7月29日)として扱われている
・※Three.js のバージョンやモデルファイル(.glb 等)の有無は未確認
