
Studio KA IL
オリジナルの3Dキャラクターで世界を組んだポートフォリオ。技術タグにThree.jsが1つも無い3Dサイト。
- サイトURL
- https://kail.studio/
- クレジット
- kail
- 使用技術
- ViteJavaScriptCSS3Dキャラクターポートフォリオ
ブランディング、モーション、デジタル体験を手掛けるクリエイティブスタジオ Studio KAIL のポートフォリオ。オリジナルの3Dキャラクターが住む世界としてサイト全体を構成し、遊び心のあるインタラクションで実績を見せていく作りです。
注目したいのは技術タグで、Awwwards が付けているのは CSS / Javascript / Vite のみ。Three.js も WebGL も入っていません。カテゴリは3Dですが、実装としては Transitions / Animation / Illustration の側に寄っており、画面上の3Dキャラクターはランタイムの3Dエンジンを使わずに成立させている構成と読めます。
【参考になるポイント】
・ビルドツールが Vite のみで、3Dライブラリのタグが1つも付いていない。3D表現と3Dエンジンが必ずしもセットではないことが分かる例
・3Dサイトを調べるときにタグと実装がずれる典型例として押さえておきたい1件
・※3Dキャラクターの描画方法(事前レンダリング画像かスプライトシーケンスかCSS 3Dか、あるいはWebGLか)は未確認。上記はAwwwardsの技術タグからの推定であって、実装を確認したものではない
・※実サイトは title タグ以外のメタ情報をサーバー側で返さないSPAで、og:image が取得できなかった。サムネイルは Awwwards の投稿画像を使用
・※2026年8月21日時点で Nominee
