
Obys® Experiment Space
未公開のボツ案と実験だけを集めたアーカイブ。32本を、動きながら形を変えるナビゲーションで見せる。
- クレジット
- Obys®
- 使用技術
- WebGLThree.jsGSAPWebflowアーカイブUI
スタジオ Obys® が、ケーススタディにならなかった仕事を公開するためだけに作ったサイト。2019年から2026年までの未公開コンセプト、モーションテスト、実験的インターフェース、使われなかったビジュアルシステムなど32本に通し番号を振ってアーカイブしています。Makhno Studio、Design Education Series、自社フォント、アイデンティティ案などが並び、別枠で Design for Love の14本を外部リンクとして持ちます。
一覧は普通のグリッドではなく、操作に応じて構造化されたレイアウトと横方向のビジュアルストリームの間を連続的に変形していくナビゲーションです。Awwwards のタグは WebGL / Three.js / GSAP。実装の土台は Webflow で、meta generator と cdn.prod.website-files.com から確認できます。配色は #000000 と #ffffff のみ。フッターに Since 2018... Never Finished、ヘッダーに CEST のローカル時刻が出ます。
【参考になるポイント】
・ポートフォリオではなく「未完成品の置き場」というコンセプトそのもので Site of the Day を取っている。見せ方の設計だけで成立させた例
・Webflow を土台にしつつ、その上に独自の WebGL レイヤーを載せる構成。Obys はこの手法を Codrops でも紹介している
・デスクトップ向けに設計したとサイト自身が明示し、小さい画面には注意書きを出す割り切り
・Site of the Day のスコアは 7.24/10、Developer 側は 6.76/10 と、デザイン評価が先行している
・※canvas やシェーダの具体的な実装は取得できた HTML からは確認できず、Awwwards のタグ以上の裏は取れていない
