
Saffron
DeFiの金利トランシェを説明するサイト。UIに落としにくい金融商品をWebGLのイラストで具体化している。
- クレジット
- Griflan / Jesper Landberg / Robert Borghesi
- 使用技術
- WebGLDatoCMSGSAPスクロール連動3Dイラスト
Saffron は Uniswap の流動性提供者向けに、預け入れをリスク階層(トランシェ)に分けて固定利回りを作る、P2Pの金利リスク調整プロトコルです。このサイトはそのプロトコル紹介ページで、Vault、SFIトークンによるガバナンス、監査結果、解説メディアを1ページに並べています。
制作は Griflan に加え、スクロールやホバー系のインタラクション実装で知られる Jesper Landberg と Robert Borghesi が参加。Awwwards の技術タグは WebGL と DatoCMS で、要素としてはヘッダーのアニメーション、スクロールトリガーの演出、ギャラリースライダー、FAQ、ホバーでのテキストリビールが登録されています。
【参考になるポイント】
・トランシェという、そのままではUIに落ちない金融概念を3Dイラストとスクロール演出で段階的に見せている。抽象度の高いプロダクトのLP設計として参考になる
・コンテンツは DatoCMS 管理で、og:image も datocms-assets.com から配信されている。プロトコル側の文言更新を開発者を通さずに回せる構成
・実装者の名前が表に出ている案件。Jesper Landberg と Robert Borghesi の他の仕事と見比べると手癖が追える
・※公開URLが Netlify のプレビュードメイン(saffron-griflan.netlify.app)のまま。独自ドメインの本番へ反映済みかどうかは未確認
・※WebGLの中身(Three.js か ogl か、シェーダで何をしているか)は未確認。バンドルを取得できていない
・※2026年8月20日時点で Nominee
