
Nod Marketing
スウェーデンの小規模スタジオのポートフォリオ。リアルタイム3Dをサービスメニューの1項目として掲げている。
- サイトURL
- https://nodmarketing.se/
- クレジット
- Nod Marketing
- 使用技術
- Next.jsReact Three FiberWebGLスクロール連動動画
ヴェステルヴィークとストックホルムに拠点を置くスウェーデンのクリエイティブスタジオ Nod Marketing のサイト。Du känner varumärket innan du läst ett ord®(言葉を読む前にブランドが分かる)を登録商標として掲げ、Webb & 3D-design、Film & foto、Marknadsföring & tillväxt、Varumärkesidentitet の4サービスを1チームで担当すると説明します。スウェーデン語と英語の言語切り替えを持ちます。
入口は /loader-intro.mp4 のローダー動画。実績は Reach Higher(旅行系エディトリアル)と The Sanctuary(ウェルネス)の2本が動画プレビュー付きで載っています。Awwwards のエントリー説明では、WebGL の流体ディストーション、3Dの寺院シーン、シネマティックなスクロールを Next.js と React Three Fiber で組んだとされています。フッターには Orpetron、CSS Design Awards、CSS Winner、Awwwards の計7つの受賞バッジ。
【参考になるポイント】
・サービスメニューにリアルタイム3Dを明記している代理店サイト。3Dを表現ではなく商品として置いている
・トップの動画プレビューはモバイル用に preview-scroll-mobile.mp4 を別途持ち、重い演出を出し分けている
・受賞バッジをフッターに7つまとめて並べる、小規模スタジオの信頼づくりの型
・※WebGL 流体ディストーションと3D寺院シーンは Awwwards のエントリー説明が唯一の根拠で、HTML からは canvas も Three.js も確認できていない。Next.js / R3F も同様に未確認
