%20(3).webp)
ULTRAGRID
Blender で組んだアイソメトリックのオフィスを Spline に持ち込み、Webflow のサイトへ丸ごと埋めたポートフォリオ。
- クレジット
- Thibaut Oung (ULTRAGRID)
- 使用技術
- SplineBlenderWebflowGSAPアイソメトリック3D
コペンハーゲンのクリエイティブデベロッパー Thibaut Oung のポートフォリオです。Webflow Premium Partner として、ブランドアイデンティティからインタラクティブな体験までを請け負う、custom 3D と motion を載せた Webflow サイトを売りにしています。トップページ全体が、本人の仕事場を模したアイソメトリックの3Dオフィスになっています。
本人の説明によれば、オフィスは Blender でモデリングし、Spline に持ち込んで動かしています。AIも既製アセットも使っていないと明記しています。サイト自体は Webflow 製で、3Dシーンはその中に埋め込まれる形です。GSAP がタグに挙がっており、シーンとページのスクロールやツールチップの開閉を繋いでいると見られます。
【参考になるポイント】
・Blender でモデル、Spline でインタラクション、Webflow で器、という3ツールの分業。コードを書かずに3Dポートフォリオを立てる現実的な最短ルートの見本
・アイソメトリックに固定すると、カメラの自由度を捨てる代わりにライティングとオクルージョンを作り込みやすく、モバイルでも破綻しない
・og:image のファイル名がメニューを開いてツールチップを閉じた状態のデスクトップ画面、という命名になっており、状態ごとにキャプチャを撮り分けているのが分かる
・※Spline の .splinecode 読み込みはHTMLのメタ情報からは確認できていない。Spline と Blender の使用は作者自身の申告による
・※Awwwards は2026年8月12日時点で Nominee
