
Noomo Showcase
ショーリールを動画にせず、WebGLの3Dプレビューで並べたエージェンシーの作品集。SOTDとDeveloper Awardの二冠。
- クレジット
- Noomo Agency
- 使用技術
- WebGLThree.jsGSAPスクロール連動3Dプレビュー
デジタルプロダクションスタジオ Noomo Agency が、自社の最新ワークだけを集めて作った独立ドメインのショーケースです。本体サイト(noomoagency.com)や Labs、Storytelling とは別に showcase.noomoagency.com として切り出されており、Salesforce、AMD、Coinbase、Red Bull といったクライアント案件を並べます。スタジオ自身の言葉では「普通のショーリールの代わりに作ったイマーシブなショーケース」。
一覧は動画サムネイルではなく、WebGLで描かれた3Dプロジェクトプレビューが主体です。カスタムプリローダーからヒーローへの遷移、スクロール連動アニメーション、ホバー時のインタラクションが一続きになっており、Awwwards の技術タグは WebGL / Three.js / GSAP。配色は電気的なブルー #0004EB と深いネイビー #020411 の2色に絞られています。
【参考になるポイント】
・Awwwards スコアは総合 7.34(Design 7.29 / Usability 7.06 / Creativity 7.79 / Content 7.51)に対して Developer Award が 7.6 と、実装の評価のほうが高い
・自社サイト本体とは別のサブドメインに切って重い3Dを隔離する構成。本体の表示速度を巻き込まずに済む
・meta description に載るクライアント名(Salesforce / AMD / Red Bull)と Awwwards 掲載文のクライアント名(Salesforce / AMD / Coinbase)が食い違っており、掲載後に差し替えられた可能性がある
・※Site of the Day(2026年8月1日)と Developer Award の二冠。バンドル内の Three.js のバージョンや .glb の有無は未確認
