MENSCH

スタートアップ向けのブランドスタジオ MENSCH のサイト。ストラテジスト・デザイナー・エンジニアの混成チームで、Strategy／Brand／Assets の3サービスを掲げています。構造的な変化を目指す企業のブランドを作る、という立ち位置を、コピーではなくビジュアルで直接見せにいく構成です。 Awwwards の申告は WebGL・Vanilla JS・Blender で、土が緑に変わるシェーダと花が咲く3Dブランドアセットが看板になっています。ただし実際に配信されているHTMLを見ると、ヒーローは assets/web/home/hero-bg.mp4 という動画ファイル、サービスカードは svc-strategy-default.webp / svc-strategy-hover.webp のような静止画2枚組のホバー差し替えです。Blender で作った3Dをどこまでリアルタイムで回しているかは、この階層からは判別できません。 【参考になるポイント】 ・ヒーローが .mp4、カードが default/hover の .webp という素直な構成。3Dのルックを出すのに必ずしもリアルタイム描画が要らない、という実装判断の例として読める ・アセット名が svc- プレフィックスで揃っており、ファイル名から画面構造が推測できる ・フレームワークは Vanilla JS 申告。フロントのビルド基盤に頼らずこの見た目を作っている ・※シェーダの実体（ShaderMaterial や gl_FragColor）はHTML側からは確認できず、WebGL の使用は Awwwards の申告タグが根拠 ・※Awwwards は2026年8月18日時点で Nominee